قائمة جانبية في غاية الروعة

hicham 26 أكتوبر 2

أهلا زوار مدونة الربح نت

جئتكم اليوم بإظافة جميلة جدا
إنها قائمة جانبية في منتهى الروعة
و سهلة التركيب
أدخل إلى التخطيط في لوحة التحكم بلوجر الخاصة بك
ثم إظافة جديدة
إظافة html/javasript
و ألصق الكود التالي

<style>
.category {
width: 182px;
float: left;
border-top: 8px solid #CCC;
display:block
margin: 0px;
padding: 6px 10px 15px 10px;
background: #FFF;
font-size: 1.2em;
font-family: georgia, times new roman, verdana;
font-weight: bold;
cursor: pointer;
text-shadow: 0 0 2px #CCC;
letter-spacing: inherit;
}
.category p {
margin: 0px;
font-family: Tahoma, 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size: 11px;
font-weight: normal;
color: #444;
letter-spacing: .03em;
}
#middle {
margin: 0 auto;
background: #FAFAFA;
width: 1010px;
border-left: 1px solid #F8F8F8;
border-right: 1px solid #F8F8F8;
}
#cat-4 {border-top: 8px solid #FF95F9;}
#cat-4:hover {background: #FF95F9;}
#cat-5 {border-top: 8px solid #9CFFB1;}
#cat-5:hover {background: #9CFFB1;}
#cat-6 {border-top: 8px solid #FF6767;}
#cat-6:hover {background: #FF6767;}
#cat-8 {border-top: 8px solid #9CDBFF;}
#cat-8:hover {background: #9CDBFF;}
#cat-9 {border-top: 8px solid #FFD29C;}
#cat-9:hover {background: #FFD29C;}
.category span.cat_title, #front-popular h3, #front-list .cat_title, #gallery h3 {
text-transform: lowercase;margin: 0;}
    </style> 
<div class='clearfloat' id='middle'>
<div class='category' id='cat-4' onclick='window.location.href='http://bloggain-net.blogspot.com//';'>
<span class='cat_title'>اسم-الموضوع</span><p>
وصف-الموضوع</p>
</div>
<div class='category' id='cat-5' onclick='window.location.href='http://bloggain-net.blogspot.com//';'>
<span class='cat_title'>اسم-الموضوع</span><p>
وصف-الموضوع</p>
</div>
<div class='category' id='cat-6' onclick='window.location.href='http://bloggain-net.blogspot.com//';'>
<span class='cat_title'>اسم-الموضوع</span><p>
وصف-الموضوع</p>
</div>
<div class='category' id='cat-8' onclick='window.location.href='http://bloggain-net.blogspot.com/';'>
<span class='cat_title'>اسم-الموضوع</span><p>
وصف-الموضوع</p>
</div>
<div class='category' id='cat-9' onclick='window.location.href='http://bloggain-net.blogspot.com//';'>
<span class='cat_title'>اسم-الموضوع</span><p>
وصف-الموضوع</p>
</div>
</div>

التعديلات على الكود :

استبدل ( اسم-الموضوع ) بالعنوان القسم الذي ترغب فيه
استبدل ( وصف-الموضوع ) بفقرة صغيرة تكون هي وصف القسم
استبدل http://bloggain-net.blogspot.com/ برابط القسم

هناك تعليقان (2):

اختار جمهورك7 فبراير 2017 في 1:24 ص
جميل بارك الله فيك
ردحذف
الردود
Blogger24 فبراير 2020 في 7:18 م
Did you realize there's a 12 word sentence you can speak to your man... that will induce intense emotions of love and instinctual appeal for you buried within his chest?

That's because deep inside these 12 words is a "secret signal" that triggers a man's impulse to love, idolize and look after you with his entire heart...

12 Words Will Fuel A Man's Love Impulse

This impulse is so built-in to a man's genetics that it will drive him to try harder than ever before to do his best at looking after your relationship.

In fact, triggering this dominant impulse is so essential to having the best ever relationship with your man that the moment you send your man one of the "Secret Signals"...

...You will soon notice him expose his soul and mind for you in such a way he haven't experienced before and he will see you as the one and only woman in the world who has ever truly attracted him.
ردحذف
الردود

إضافة تعليق

الاشتراك في: تعليقات الرسالة ( Atom )

تابعنا عبر المواقع الإجتماعية