[Blogger] قائمة عمودية جانبية مع روابط وايقونات

**Mohamed Dwedar** · 16/08/1990

قائمة عمودية جانبية مع روابط وايقونات HTML + CSS | معدلة
الأداةجميلة ورائعة و تتناسب مع جميع المواقع وليس فقط بلوجر , الأدات تعتمد على الـ HTML + CSS فقط , ورغم انها متكونة بهذه اللغتين البدائيتين الى انها رائعة في نظري وستكون رائعة في نظركم ايضاَ انشاءالله.

صورة من الأداة :

[Blogger] قائمة عمودية جانبية مع روابط وايقونات Untitled-1

طريقة تركيب القائمة العمودية الجانبية روابط وايقونات HTML + CSS :

اولاَ ادخل مدونتك كالعادة .
ثم أذهب مباشرة الى التخطيط , حيث اننا سنقوم بزرع الاداة هناك .
اضف اداة جديدة عبارة عن HTML/javacript .
ضع هذا الكود داخلها مع تعديل ماسأذكره .

الكود:: #menu ul li span {font: normal 13px tahoma ,arial;color:#7D7D7D;float: right;text-align: right;}#menu li span:hover {color: #494949;}/* design by e7tarif.com */</style><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head><div id="menu"> <ul> <li><img src="[COLOR="rgb(65, 105, 225)"]https://cdn1.iconfinder.com/data/icons/free-red-cloud-icons/48/Youtube_TV.png[/COLOR]" border="0" alt="" /><a href="[COLOR="red"]#[/COLOR]">[COLOR="yellow"]قنوات تلفزونية تعليمية[/COLOR]<br /> <span[COLOR="rgb(255, 140, 0)"]>هنا ضع وصف قصير كالذي كتبته الأن ..[/COLOR]</span></a></li> <li><img src="[COLOR="rgb(65, 105, 225)"]https://cdn1.iconfinder.com/data/icons/humano2/48x48/actions/bookmark-new.png[/COLOR]" border="0" alt="" /><a href="[COLOR="red"]#[/COLOR]">[COLOR="yellow"]أدوات جديدة خاصة بالتطوير[/COLOR]<br /> <span>[COLOR="rgb(255, 140, 0)"]هنا ضع وصف قصير كالذي كتبته الأن .[/COLOR]</span></a></li> <li><img src="[COLOR="rgb(65, 105, 225)"]https://cdn1.iconfinder.com/data/icons/snowish/48x48/apps/gnome-control-center.png[/COLOR]" border="0" alt="" /><a href="[COLOR="red"]#[/COLOR]"[COLOR="yellow"]>دعم فني مجانا لموقعك[/COLOR]<br /> <span>[COLOR="rgb(255, 140, 0)"]هنا ضع وصف قصير كالذي كتبته الأن .[/COLOR]</span></a></li><li><img src="[COLOR="rgb(65, 105, 225)"]https://cdn1.iconfinder.com/data/icons/humano2/48x48/emblems/emblem-symbolic-link.png[/COLOR]" border="0" alt="" /><a href="[COLOR="red"]#[/COLOR]"[COLOR="yellow"]>ضع رابطك في موقعنا[/COLOR]<br /> <span>[COLOR="rgb(255, 140, 0)"]هنا ضع وصف قصير كالذي كتبته الأن .[/COLOR]</span></a></li> </ul><a href='http://www.e7tarif.com/' style='display: none;'>e7tarif</a></div>4

اللون الأحمر : رابط الموضوع او الصفحة .
اللون الأصفر : عنوان الموضوع او الصفحة .
اللون الازرق : رابط الأيقونة في حال اردت تغيرها .
اللون البرتقالي : وصف قصير للموضوع او الصفحة .

لا تتردد في وضع تعليقك فبذلك تقيم عملي و تحتني لأضع المزيد من المواضيع [Blogger] قائمة عمودية جانبية مع روابط وايقونات Smile

**AsheK WalhaN** · 21/03/1995

موضوع رائع بوركت
[Blogger] قائمة عمودية جانبية مع روابط وايقونات 4

[Blogger] قائمة عمودية جانبية مع روابط وايقونات 128711691410

[Blogger] قائمة عمودية جانبية مع روابط وايقونات

[Blogger] قائمة عمودية جانبية مع روابط وايقونات

_da3m_19

للمشاركة انت بحاجه الى تسجيل الدخول او التسجيل

التسجيل

تسجيل الدخول