الاثنين، 9 ديسمبر 2013

اضافة قائمة الروابط الإحترافية بشكل جديد وبخاصية css3





لاضافة الاداة:

اذهب الى التخطيط  >> اضافة اداة  >> اختر HTML/JavaScript
قم بإضافة الكود التالي :

<link href='https://sites.google.com/site/pstekblog/navigation.css' rel='stylesheet' type='text/css'/> <div id="container"> <ul class="nav"> <li> <div class="nested"> <a href="http://el5abeer.blogspot.com/search/label/INERNET"target="_blank"> انترنت</a> <ul> <li><a href="http://el5abeer.blogspot.com/search/label/security"target="_blank">حماية</a></li> <li><a href="http://el5abeer.blogspot.com/search/label/facebook"target="_blank">فيسبوك</a></li> <li><a href="http://el5abeer.blogspot.com/search/label/google"target="_blank">قوقل</a></li> <li><a href="http://el5abeer.blogspot.com/search/label/new"target="_blank">اخبار الانترنت</a></li> </ul> </div> </li> <li> <div class="turqoise-white nested"> <a href="http://el5abeer.blogspot.com/search/label/hardware"target="_blank">كمبيوتر</a> <ul> <li><a href="http://el5abeer.blogspot.com/search/label/windows"target="_blank">وندوز</a></li> <li><a href="http://el5abeer.blogspot.com/search/label/linux"target="_blank">لينيكس</a></li> <li><a href="http://el5abeer.blogspot.com/search/label/vector"target="_blank">Vector</a></li> </ul> </div> </li> </ul> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <ul class="nav"> <li> <div class="red-white nested"> <a href="http://el5abeer.blogspot.com/search/label/security"target="_blank">حماية</a> <ul> <li><a href="http://el5abeer.blogspot.com/search/label/DOWNLOAD"target="_blank">تحميل</a></li> <li><a href="http://el5abeer.blogspot.com/p/ads-exchange.html"target="_blank">تبادل اعلاني</a></li> </ul> </div> </li> <li> <div class="ye-white nested"> <a href="#"target="_blank">اخرى</a> <ul> <li><a href="http://el5abeer.blogspot.com/search/label/news"target="_blank">اخبار</a></li> <li><a href="http://el5abeer.blogspot.com/search/label/DOWNLOAD"target="_blank">برامج</a></li> <li><a href="شروحات"target="_blank">شروحات</a></li> <li><a href="http://el5abeer.blogspot.com/search/label/INERNET"target="_blank">شروحات</a></li> </ul> </div> </li> </ul> </div>


قم بالتعديل على الروابط بما يناسبكأتمنى أن التدوينة البسيطة قد أفادتكم ، ولا تنسى أن تقوم تداوم على متابعتنا لتعرف على المزيد وإلى تدوينة جديدة بحول الله.


تعابير الوجه Emoticon

:)
:(
hihi
:-)
:D
=D
:-d
;(
;-(
@-)
:o
:>)
(o)
:p
:-?
(p)
:-s
8-)
:-t
:-b
b-(
(y)
x-)
(h)