25‏/02‏/2014

2014-02-25T15:18:00+03:00
25‏/02‏/2014

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

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

بسم الله الرحمن الرحيم
والصلاة والسلام على خير خلق الله سيدنا محمد عليه أفضل الصلاة واتم التسليم
السلام عليكم ورحمة الله وبركاته .

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

قائمة جميلة وبخصائص بسيطه تعطي منظر اجمل لموقعك وتوفر سهولة في الاستخدام للزائر .



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

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

طريقة التركيب :

  • اولاَ ادخل مدونتك كالعادة .
    ثم أذهب مباشرة الى التخطيط , حيث اننا سنقوم بزرع الاداة هناك .
    اضف اداة جديدة عبارة عن HTML/javacript .
    ضع هذا الكود داخلها مع تعديل ماسأذكره .
<style>
/* design by 7lolblogger.com */
#menu {background: white;width: 280px;padding:10px;margin: 0 auto;direction: rtl;}
#menu ul {margin:0; padding:0;list-style: none;}
#menu ul li {margin: 0;padding: 5px 0 10px;border-bottom: 1px dashed #EAEAEA;}
#menu ul li img {padding: 3px 10px 0 0px;}
#menu ul li a {font: normal 18px  tahoma ,arial;color: #007195;float: right;text-align: right;text-decoration:none;}
#menu ul li a:hover {color:#CC3332;}
#menu ul li span {font: normal 13px  tahoma ,arial;color:#7D7D7D;float: right;text-align: right;}
#menu li span:hover {color: #494949;}
/* design by 7lolblogger.com */
</style>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<div id="menu">
 <ul>
<!--design:7lolblogger.com-->
 <li><img src="https://cdn1.iconfinder.com/data/icons/free-red-cloud-icons/48/Youtube_TV.png" border="0" alt="" /><a href="#">قنوات تلفزونية تعليمية<br />
 <span>هنا ضع وصف قصير  كالذي كتبته الأن ..</span></a></li>
 <li><img src="https://cdn1.iconfinder.com/data/icons/humano2/48x48/actions/bookmark-new.png" border="0" alt="" /><a href="#">أدوات جديدة خاصة بالتطوير<br />
 <span>هنا ضع وصف قصير  كالذي كتبته الأن .</span></a></li>
 <li><img src="https://cdn1.iconfinder.com/data/icons/snowish/48x48/apps/gnome-control-center.png" border="0" alt="" /><a href="#">دعم فني مجانا لموقعك<br />
 <span>هنا ضع وصف قصير  كالذي كتبته الأن .</span></a></li>
<li><img src="https://cdn1.iconfinder.com/data/icons/humano2/48x48/emblems/emblem-symbolic-link.png" border="0" alt="" /><a href="#">ضع رابطك في موقعنا<br />
 <span>هنا ضع وصف قصير  كالذي كتبته الأن .</span></a></li>
 </ul><a href='http://www.7lolblogger.com/' style='display: none;'>7lolblogger</a></div>
اللون الأحمر : رابط الموضوع او الصفحة .
اللون الأصفر : عنوان الموضوع او الصفحة .
اللون الازرق : رابط الأيقونة في حال اردت تغيرها .
اللون البرتقالي : وصف قصير للموضوع او الصفحة .




عبدالله الحربي - من السعوديه مهتم في مجال التدوين بشكل عام وفي بلوجر بشكل خاص , اهوى تصميم القوالب وتكويدها , انشر المحتوى المفيد لي ولزوار مدونتي واعضائها , انتهى.
لا تنسى متابعتي :

عند نقلك للموضوع او نسخه , حاول ان تذكر المصدر لينتفع الزائر في حال اراد المزيد من المساعده , وايضاَ احتراما وتقديراَ للجهود المبذولة في المواضيع.

معلومات عن التدوينة
صورة التدوينة
ملخص التدوينة:

قائمة عمودية جانبية مع روابط وايقونات HTML + CSS | معدلة بسم الله الرحمن الرحيم والصلاة والسلام على خير خلق الله سيدنا محمد عليه أفضل...

الساعه : 2014-02-25T15:18:00+03:00
تاريخ : 25‏/02‏/2014
التعليقات : 5
    انشرها :
تاق :

هناك 5 تعليقات:

  1. جد رائعة و نافعة

    ردحذف
  2. ممكن قائمة جنب اللوغو مثل موقعكم

    ردحذف
    الردود
    1. راح احاول اطرحها انشاءالله .

      حذف
  3. تستاهل كل خير فعلا انت تدعمني اخي منذ بداية مشواري التدويني ولا تبخل علينا بالاضافات المميزة شكرا لك

    ردحذف

يسعدنا تفاعلكم بالتعليق , لكن يرجى مراعاة الآداب العامة وعدم نشر روابط إشهار حتى ينشر التعليق , ولا ننشر تعليق يخص مدونات تخالف الشريعة الإسلامية , اما لو لديك سؤال خارج الموضوع يرجى استخدام ركن الأسئلة ولإضافة كود قم بتحويله أولا بمحول الأكواد , واحب ان انبهك انه عند تعليقك تستطيع متابعة التعليق من خلال " إعلامي " الموجودة اسفل يسار صندوق التعليقات.

يمكنك ان تستخدم الإبتسامات بالوقوف عليها لمعرفة الكود :
ت1 ت2 ت3 ت4 ت5 ت6 ت7 ت8 ت9 ج1 ج2 ج3 ج4 ج5 ج6 ج7 ج8 ج9 د1 د2

قالب حلول بلوجر النسخة الثالثه

قالب حلول بلوجر النسخة الثالثه متاح للتحميل , قالب يتميز بالاحترافيه والخفة والسرعه اضافة الى الارشقة الممتازة.

أقرأ الموضوع

الاشتراك في القائمة البريدية

هنا تستطيع الإشتراك في قائمتنا البريدية ضع إيملك بالأسفل وأضغط إشتراك ولا تنسي تأكيد إشتراكك من خلال بريدك الإلكتروني

الاسم

بريد إلكتروني

رسالة