مساحة إعلانية

الثلاثاء، 21 أكتوبر 2014

الثلاثاء، 21 أكتوبر 2014

أدة الملاحظات مثل الموجودة فى معهد ترانديت متاحة الان لمدونات بلوجر

السلام عليكم ورحمة الله وبركاتة
اهلا ومرحبا بكم تقدم لكم اليوم مدونة عالم احتراف الحاسوب اضافة الملاحظات بشكل جميل جدا اتمنى ان تنال اعجابكم كثرت اشكال الملاحظات على الانترنت لكن اليوم اليكم شكل جديد وانفرادى للاضافة. اليكم صورة للاضافة
أدة الملاحظات مثل الموجودة فى معهد ترانديت متاحة الان لمدونات بلوجر
ويمكنك مشاهدة مثال حى على الاضافة من الرابط التالى :
عالم احتراف الحاسوب
لاضافة الاداة فى مدونتك اتبع الخطوات الاتية
قم بالدخول الى إعدادات المدونة ثم >>التخطيط >> ثم اضافة اداة جديدة
ثم اضغط على HTML/JavaScript كما هو موضح فى الصورة التالية :
أدة الملاحظات مثل الموجودة فى معهد ترانديت متاحة الان لمدونات بلوجر

اضف الكود التالى الى الصندوق
رمز Code:
<div dir="rtl" style="text-align: right;" trbidi="on">
<form action="profile.php?do=dismissnotice" id="notices" method="post">
<input name="do" type="hidden" value="dismissnotice" /> <input name="securitytoken" type="hidden" value="1412335892-b1f0e5334e575d0963fb72356d1596a68e9e4c6a" /> <input id="dismiss_notice_hidden" name="dismiss_noticeid" type="hidden" value="" /> <input name="url" type="hidden" value="/vb/newthread.php?do=newthread&amp;f=132" /> <br />
<div class="NoticesForTopTr">
الملاحظات</div>
<div class="NoticesForTopTrViw">
<div class="navbar_notice" id="navbar_notice_2">
<div class="EidHajj">
</div>
<div class="EidReedH">
<div class="EidReedHF">
<a href="www.4hsoub.com">اضف هنا عنوان الملاحظة
</a> </div>
<div class="EidReedHS">اضف هنا تفاصيل الملاحظة</div>
<div class="EidReedHS">
</div>
</div>
</div>
</div>
</form>
<style>
form {
    margin: 0px;
}
element {
    text-align: right;
}
.page {
    color: #000;
}
.NoticesForTopTr {
    background-color: #FFE9D8;
    background-image: url('http://3.bp.blogspot.com/-Sy0fB45EaBo/VC6PgdJo68I/AAAAAAAACyw/p11tAV8sqr8/s1600/category-23px-light.png');
    background-repeat: repeat-x;
    border: 1px solid #FFDBBF;
    padding: 6px;
    margin-top: 4px;
    margin-right: 4px;
    margin-left: 4px;
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #E29505;
    border-radius: 5px 5px 0px 0px;
}
.EidHajj {
    background-image: url(http://2.bp.blogspot.com/-PgsA-19aoG...724.png');
    background-repeat: no-repeat;
    width: 67px;
    height: 58px;
    float: right;
}
.EidReedH {
    margin-right: 72px;
}
.EidReedHF {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-align: right;
}
.NoticesForTopTrViw a {
    color: #666;
}
.EidReedHS {
    font-family: tahoma;
    font-size: 12px;
    font-weight: lighter;
    text-align: right;
}
.NoticesForTopTrViw {
    padding: 8px;
    margin-right: 4px;
    margin-bottom: 4px;
    margin-left: 4px;
    background-color: #FBFBFB;
    border-style: solid;
    border-width: 1px;
    border-color: #FFF #E5E5E5 #E5E5E5;
    overflow: hidden;
    background-image: url('http://www.traidnt.net/vb/AGT04-b/category-23px-light.png');
    background-repeat: repeat-x;
    font-family: tahoma;
    font-size: 11px;
    font-weight: lighter;
    border-radius: 0px 0px 5px 5px;
    color: #666;
    line-height: 25px;
}
</style>
غير الرابط التالى برابط الذهاب الى موضوع الملاحظة
عالم احتراف الحاسوب
غير الرابط التالى بصورة للملاحظة
http://2.bp.blogspot.com/-PgsA-19aoG...0/Xoq76724.png
كما يمكنك تغيير وصف الملاحظة واعنوان الملاحظة اضغط على حفظ وبكدة تكوان حصلت على الاداة
فى النهاية اتمنى ان الموضوع قد نال اعجابكم القاكم فى موضوع أخر والسلام عليكم ورحمة الله وبركاتة

ليست هناك تعليقات:

جميع الحقوق محفوظة لــ عالم تقنيات وبرامج 2017 ©