الحلقة 31: شرح اضافة فقعات الوصف بطريقة احترافية

العودة للصفحة الرئيسية » بلوجر » الحلقة 31: شرح اضافة فقعات الوصف بطريقة احترافية

الحلقة 31: شرح اضافة فقعات الوصف بطريقة احترافية

شاهد:

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

للمعاينة اذهب الى المدونة ثم انزل الى الاسفل ستجد مثل هذه الصورة قم بتجربة الكود

الكود

<div class="network" align="center"> <ul> <li> <a class="network-arrow" href="http://a7trafy.blogspot.com"target="_blank">مدونة احترافي</a> <ul> <li><a title="مدونة احترافي" href="http://a7trafy.blogspot.com" target="_blank"><img src="http://www10.0zz0.com/2013/07/13/15/649423507.png" alt="مدونة احترافي" style=" left: 10px; " /></a></li> </ul> </li> </ul> </div> <style> .network{position: absolute; top: -10px; left: 620px;} .network ul li {list-style: none;position: relative;margin-left: 12px;display: inline-block;} .network ul li a {display: block;line-height: 25px;color: #26b9d4;padding: 0 5px;text-shadow: 1px 1px 0px #FFF;} a.network-arrow{background:url(http://im35.gulfup.com/ntNNw.png) no-repeat center 5px;width:15px;text-indent:-99999px;overflow:hidden;} .network li:hover > a.network-arrow,.network ul ul :hover > a.network-arrow{color: #000 !important; -webkit-border-top-left-radius: 5px;-moz-border-radius-topleft: 5px;border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topright: 5px;border-top-right-radius: 5px;background-color: #363636!important; background-position:center -180px;box-shadow: 0 1px 5px #000;} .network ul li:hover ul {display: block;} .network ul ul {display: none;position: absolute;top: 25px; right:0px;width: 204px; height: 70px; z-index: 99999;float: right;background: #363636!important; box-shadow: 0 2px 5px #000;-webkit-border-top-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-bottomleft: 5px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;border-bottom-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;} .network ul ul a{padding:10px 10px 3px; text-align:center;} .network ul ul a:hover{opacity:0.8;} </style>

قم بتغير صورة اللوجو الى رابط الصورة الخاصة بك

وقم بتغير اسم مدونة احترافي الى اسم مدونتك

ورابط مدونتة احترافي الى رابط مدونتك ثم قم بتركيب الكود فى المكان الذى تريده

مدونة تجريبية

ما رأيك في القالب

اقسام

مدونة المخزن

مدونة المخزن

مدونة المخزن

مدونة المخزن

مدونة المخزن

مدونة المخزن

المتابعون

اخر المواضيع

تبادل اعلاني

للتصفح الافضل

اخر التعليقات

تابعنا على الفيسبوك

التسميات

من أنا

الحلقة 31: شرح اضافة فقعات الوصف بطريقة احترافية

0 التعليقات:

إرسال تعليق

صفحات

قسم بلوجر

مدونات صديقة

المتواجدين الان

اعلانات