اضافة تسميات او اقسام المدونة blog بتقنية css3 بالوان مختلفة

[walid]

السلام عليكم ورحمة الله وبركاته



طريقة اضافة تسميات او اقسام المدونة blog بشكل رائع وبتقنية css3


صورة لشكل الاضافة



http://1.bp.blogspot.com/-uTbXuy10kW0/UiM_G40M-0I/AAAAAAAABbY/qRR-8v6HmwQ/s1600/Untitled+2.jpg





طريقة الاضافة



1
- من لوحة تحكم اضغط على النخطيط - اضافة اداة - ثم التسميات


http://3.bp.blogspot.com/-AxcvQYHW6Rc/UiNCP60q1gI/AAAAAAAABbk/fWS2ODCOsB8/s400/Untitled+4.jpg

ثم قائمة بسحابة


http://1.bp.blogspot.com/-jJ7oDO7-PE0/UiNDZpGWgVI/AAAAAAAABbw/LHGniu8pH2Q/s320/Untitled+6.jpg


2 - من لوحة تحكم اضغط القالب template - ثم تحرير html



اضغط على ctrl + F
وابحث عن


رمز PHP:

<code style="white-space:nowrap"> <code> </b:skin>
</code> </code>


ضف فوقها


رمز PHP:

<code style="white-space:nowrap"> <code> /*-----Custom Labels widget by star-fr.blogspot.com----*/
#Label1 a{outline: 1px rgba(255,255,255,0.4) dashed;
border: 1px rgba(0,0,0,0.3) dashed;
padding: 4px 10px 4px 20px;
text-decoration: none;
color:#000000;
white-space: nowrap;
font-family: Arial;
font-size: 12px;
font-weight: bold;
position: relative !important;
background: #8dc63f;
float: left;
padding: 5px 3px;
margin: 0 5px 5px 0;
border-radius:4px 4px; -moz-border-radius:4px 4px 4px 4px; -khtml-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px;
}
#Label1 a:hover{color: rgba(0,0,0,0.5);}
.label-size{line-height:1.5;align:left;}
</code> </code>

لمعرفة المزيد يمكنكم زيارتنا عبرة المدونة blog كنز المحترف (http://star-fr.blogspot.com/)





https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©