اظافات بلوجر: قائمة عمودية جانبية مع روابط وايقونات
-
احدث باتش بيس6 باخر الانتقالات لعام 2016 + تحميل الباتش مع لعبة برابط واحد فقط!! احدث باتش بيس6 باخر الانتقالات لعام 2016 - باتش ... -
معلومات عن القالب : السلام عليكم ورحمة الله .. موضوعنا اليوم عن قالب جميل جدا من تطوير ومزيج بين قالب اتقان بلوجر وقالب بودرين والقالبين مد... -
السلام عليكم متتبعي مدونة احترف التدوين! كما وعدتكم الأن أقدم لكم فرصة بين أيديكم وهي مسابقة لربح تلاثة قوالب احترافية والمفاجئة الكبر... -
واحدة من أكثر الشكاوى شيوعا بين أصحاب الهواتف الذكية فقيرة عمر البطارية. في حالة عدم وجود ثورة التكنولوجيا بطارية جديدة من أجل حل المشكل... -
السلام عليكم ورحمة الله وتعالى متتابعي مدونتك احترف التدوين ! اليوم سوف نتطرق الى قالب احترافي ورائع لبلوجر... مـمـيـزات الـقـالـب :... -
قصة أخرى تظهر قائمة من الهواتف الروبوت جديدة قد تسربت قبل موتورولا وفيريزون الهاتف الذكي الستار الاسبوع المقبل. أرسلت الدائم تويتر المسر... -
افضل المواقع التي توفر لك ازيد من 1000 باك لينك حصريا من بين الاشياء الضرورية التي يجب يتوفر عليها عليه موقعك او مدونتك هي ... -
السلام عليكم ورحمة الله وتعالى متتابعي مدونتك احترف التدوين ! اليوم سوف نتطرق الى قالب ويندوز 10 لبلوجر... مـمـيـزات الـقـالـب : 1 - تسر... -
من افضل و اهم تنسيقات صندوق كتابة المواضيع في بلوجر هو التعداد الرقمي لأنه يمكنك تمييز النقاط المهمة و ترتيبها بشكل جيد و في بعض من ...
بسم الله الرحمن الرحيم
طريقة تركيب القائمة العمودية الجانبية روابط وايقونات HTML + CSS :
اللون الأحمر : رابط الموضوع او الصفحة .
اللون الأصفر : عنوان الموضوع او الصفحة .
اللون الازرق : رابط الأيقونة في حال اردت تغيرها .
اللون البرتقالي : وصف قصير للموضوع او الصفحة .
قائمة عمودية جانبية مع روابط وايقونات HTML + CSS | معدلة
الأداةجميلة ورائعة و تتناسب مع جميع المواقع وليس فقط بلوجر , الأدات تعتمد على الـ 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><!--design:e7tarif.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.e7tarif.com/' style='display: none;'>e7tarif</a></div>4
اللون الأصفر : عنوان الموضوع او الصفحة .
اللون الازرق : رابط الأيقونة في حال اردت تغيرها .
اللون البرتقالي : وصف قصير للموضوع او الصفحة .
لا تتردد في وضع تعليقك فبذلك تقيم عملي و تحتني لأضع المزيد من المواضيع :)
