الخميس، 29 أغسطس، 2013

اضافة شعار ثاني بجانب شعار مدونة بلوجر


===========
شرح الإضافة 
===========

(1) قم بفتح لوحة تحكم مدونتك 
(2) فم بفتح التخطيط 
(3) قم بإضافة أداة Javascript 
(4) انسخ الكود التالى وضعه فيها واحفظ 
<div class="network"> <ul><li> <a class="network-arrow" href="http://mynewfiles.blogspot.com/"target="_blank">MY NEW FILES</a> <ul><li><a title="MY NEW FILES" href="http://mynewfiles.blogspot.com/" target="_blank"><img src="http://im39.gulfup.com/zP95i.png" alt="MY NEW FILES" style=" left: 10px;" /></a></li></ul></li></ul></div><style>

.network{position: absolute;top: 80px;left: 670px;} .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: #3BB9FF !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> 

غير ما تم كتابته باللون الأحمر بما يناسبك 




من فضلك اضغظ لايك لمشاهدة لينك التحميل

0 التعليقات:

إرسال تعليق

ملاحظة : للإبلاغ عن رابط محتوى لا يعمل المرجوا الضغط على " الاتصال السريع " في أسفل القائمة مباشرة لاصلاح الخطأ بسرعة : نحن نسعى دائما لرقي الموقع جميعا من أجل الاستقرار
جميع الحقوق محفوظة © 2014 مدونة ابداعاتىجميعا من أجل الاستقرار