مكتبة قوائم افقية وعمودية تصميم احترافي

الاثنين، 26 أغسطس 2013

مكتبة قوائم افقية وعمودية تصميم احترافي

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

اليوم تقدم مدونة احترافي مكتبة جديدة تعرض بها جميع القوائم التى نقوم بتصميمها بأحتراف الcss وذات اشكال مختلفة متناسبة مع اكثر من قالب والمكتبة دائما فى تجديد تابع هذه المكتبة لتجعل قالبك احترافي بأشكال القوائم التى تحتاجها انت فى تصميم خاص بك تابع معنا

اول قائمة تصميم mohamed elarby مشابها لقائمة منتدى مطور

للمعاينة

يمكنك وضعها فى اي مكان تريده انت

تابع هذه المكتبة لتحصل على باقى القوائم

القائمة الثانية

للمعاينة

<html> <head> <title>قائمة</title> <style type="text/css"> #mohamed{ background: #FFFFFF; height:35px; width:100%; border-bottom: 3px solid #0099FF;} #mohamed ul img{ float:right; margin:0px; padding:8px; border-right:10px;; width:25px; height:25px; display:block;} #mohamed ul img:hover{ float:right; margin:0px; padding:6px; border-right:10px;; width:25px; height:25px;box-shadow:inset 0 0 2px #fff;box-shadow:inset 0 0 2px #000000; display:block; background: #0099FF;-webkit-transition: All 0.5s ease} #mohamed ul a{ text-decoration:none; float:right; margin:2px; padding:2px; width:90px; background:#0099FF; border-right:1px solid #333333;box-shadow:inset 0 0 1px #000000; text-align:center; font-size:12px; color:#000000; font-family:inherit;} #mohamed ul a:hover{ text-decoration:none; float:right; margin:2px; padding:2px; width:80px; background: #FFFFFF; border-right:0px solid #333333;box-shadow:inset 0 0 1px #333333; text-align:center; font-size:15px; color: #333333; font-family:inherit;-webkit-transition: All 0.5s ease; border-bottom: 2px solid #333333} </style> </head> <body> <div id="mohamed"> <ul> <img src="https://cdn2.iconfinder.com/data/icons/officeicons/PNG/48/Home.png"><a href="#">الرئيسية</a> <img src="http://im41.gulfup.com/ohqjE.png"><a href="#">نبذة عنا</a> <img src="http://cdn3.iconfinder.com/data/icons/prettyoffice/48/application.png"><a href="#">اعمالنا</a> <img src="http://cdn1.iconfinder.com/data/icons/general13/png/48/administrator.png"><a href="#">الدعم الفني</a> <img src="http://im39.gulfup.com/hMoib.png"><a href="#">اتصل بنا</a> </ul> </div> </body> </html>

تابع هذه المكتبة لتحصل على باقى القوائم

منشورة في: اضافات بلوجر, مدونة احترافي

كل شي عندي

الاثنين، 26 أغسطس 2013