| maaidni |
04-21-2019 08:33 PM |
[مقتبس]- كود ملاحظات هيلبرنت لعام 2017 لمنتديات الزينفورو
السلام عليكم ورحمه الله وبركاته
بناء على طلب الاخوة اعضاء المنتدى الكرام والخاص بكود ملاحظات معهد هيلبرنت وعلى الرغم من حداثه الاستايل وكود الملاحظات فقد اتخذت القرار بطرحه هديه منى بمناسبه العام الجديد داعين المولاى عز وجل ان تكون سنة خير علينا كلنا لمن لا يعرف الكود او شكله هذه صورة منه التوفيق للجميع
النتيجة:
https://i.imgur.com/VtL3ZOJ.png
الخطوة الاولى
أضف الكود في الملاحظات:
كود:
<div id="NoticPage">
<font color="white">الملاحظات:</font>
<div class="NoticCounct"><div class="navbar_notice" id="navbar_notice_2">
<a href="http://www.helpernt.com/vb/showthread.php?t=5453"><font style="margin:4px;padding:0;color:#d24949">
• معهد هيلبرنت يعلن عن احتياجه لمدونين فى الفيس بوك وتويتر وبلوجر ووردبريس</font></a>
<br>
<a href="http://www.helpernt.com/vb/showthread.php?t=5379"><font style="margin:4px;padding:0;color:#3356de">
• طريقة بناء الروابط الخلفية او الباك لينك - Backlink Building <font color="#3356de">(( دروس فى السيو ))</font> </font></a>
<br>
<a href="http://www.helpernt.com/vb/showthread.php?t=5382"><font style="margin:4px;padding:0;color:#3356de">
• طريقة تغيير لون اسماء الاقسام بمنتديات الزين فورو xenforo
<font color="#3356de">(( دروس فى الزين فورو ))</font> </font></a>
<br>
<a href="http://www.helpernt.com/vb/showthread.php?t=5367"><font style="margin:4px;padding:0;color:#3356de">
• شرح موقع webmeup.com الخاص بتحليل و مراقبة المواقع المنافسة لك <font color="#3356de">(( seo دروس فى السيو ))</font> </font></a>
<br>
<a href="http://www.helpernt.com/vb/showthread.php?t=5354"><font style="margin:4px;padding:0;color:#3356de">
• طريقة إنشاء حساب جوجل أدسنس Google Adsense شرح كامل بالصور ؟ <font color="#3356de">(( جوجل ادسنس ))</font> </font></a>
<br>
<a href="http://www.helpernt.com/vb/showthread.php?t=5331"><font style="margin:4px;padding:0;color:#3356de">
• ما هي الروابط الخارجية External Links ؟ <font color="#3356de">(( seo دروس فى السيو ))</font> </font></a>
<br>
<a href="http://www.helpernt.com/vb/showthread.php?t=5338"><font style="margin:4px;padding:0;color:#3356de">
• مصطلحات ونصائح سيو seo التى يجب عليك معرفتها قبل الدخول الى عالم سيو <font color="#3356de">(( seo دروس فى السيو ))</font> </font></a>
<br>
<a href="http://www.helpernt.com/vb/showthread.php?t=5311"><font style="margin:4px;padding:0;color:#3356de">
• ماهى الروابط الداخلي - internal link وماهى اهميتها ؟ <font color="#3356de">(( seo دروس فى السيو ))</font> </font></a>
<br>
<a href="http://www.helpernt.com/vb/showthread.php?t=5304"><font style="margin:4px;padding:0;color:#3356de">
• طريقة نشر اكثر من رابط خلفى للانكور تكست - Anchor text فى نفس المقاله <font color="#3356de">(( seo دروس فى السيو ))</font> </font></a>
<br>
<a href="http://www.helpernt.com/vb/showthread.php?t=5294"><font style="margin:4px;padding:0;color:#3356de">
• ما هو جوجل البطريق – Google Penguin ؟و علاقته بالانكور تكست Anchor text <font color="#3356de">(( seo دروس فى السيو ))</font> </font></a>
<br>
<a href="http://www.helpernt.com/vb/showthread.php?t=5287"><font style="margin:4px;padding:0;color:#3356de">
• ما هو الانكور تكست Anchor text الجزءالاول <font color="#3356de">(( seo دروس فى السيو ))</font> </font></a>
<br>
<a href="http://www.helpernt.com/vb/showthread.php?t=5197"><font style="margin:4px;padding:0;color:#3356de">
• بايدك هتساعد جوجل فى تدمير موقعك بدلا من تحسين ارشفته <font color="#3356de">(( seo دروس فى السيو ))</font> </font></a>
<br>
</div></div></div>
لا احد ينسى ابدا حذف روابط موقع تم وضعها علشان تعرفو ازاى الروابط بيتم اضافتها
الخطوة الثانية وخاصة باكواد css
قم بوضع هذه الاكواد اما فى extra.less
كود:
#NoticPage {
background:none repeat scroll 0 0 #FCF1B8;
border:1px solid #F8E372;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
font-family:"Droid Arabic Kufi","Open Sans",sans-serif;
margin:10px 0;
padding:5px;
color:#ad542d;
}
#NoticPage a:hover {
text-decoration:none;
}
#NoticPage .NoticHead {
font-size:0.9em;
}
#NoticPage .NoticCounct {
background:none repeat scroll 0 0 #fff;
border:1px solid #F9E886;
font-size:15px;
margin:5px;
padding:5px;
}
الان قم بعمل تحديث للصفحة ومبارك عليك
لمن يريد الكود مثل الصورة:
كود:
#NoticPage {
background:none repeat scroll 0 0 #9e44c9;
border:1px solid #922c2c;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
font-family:"Droid Arabic Kufi","Open Sans",sans-serif;
margin:10px 0;
padding:5px;
color:#ad542d;
}
#NoticPage a:hover {
text-decoration:none;
}
#NoticPage .NoticHead {
font-size:0.9em;
}
#NoticPage .NoticCounct {
background:none repeat scroll 0 0 #f2f2f2;
border:1px solid #F9E886;
font-size:15px;
margin:5px;
padding:5px;
}
|
