إضافة قائمة جانبية بشكل جديد

بسم الله الرحمن الرحيم

أهلا بكم زوار مدونة الحلم ويب وهذه هي التدوينة الثالثة في مدونتنا وإخترنا لكم فيها إضافة جديدة وهي قائمة جانبية تحتوي على 8 خانات يمكن إستخدامها للتسميات أو التبادل الإعلاني .

طريقة التركيب بسيطة شاهدها من هنا :

إذهب الى لوحة التخطيط
إختار أداة جافا سيكرة .
ضع الكود التالي وإحفظ الأداة.

<div class='menu-by-7lolblogger'> <ul><li><a dir="rtl" http://th3dreamweb.blogspot.com/">متاح</a></li><li><a href="http://blogspot.com">متاح</a></li><li><a " href="http://th3dreamweb.blogspot.com/>متاح</a></li><li><a dir="rtl" href="http://th3dreamweb.blogspot.com/">متاح</a></li> <li><a dir="rtl" href="http://th3dreamweb.blogspot.com/">متاح</a></li> <li><a dir="rtl" href="http://th3dreamweb.blogspot.com/">متاح</a></li> <li><a dir="rtl" href="http://th3dreamweb.blogspot.com/">متاح</a></li> <li><a dir="rtl" href="http://th3dreamweb.blogspot.com/">متاح</a></li></ul></div><style> /* this is menu by : http://blog.7lolblogger.com -- */.menu-by-7lolblogger ul{width:300px;float:right;display:block;}.menu-by-7lolblogger li{margin: 0;text-align: right;list-style:none;width:48%;float:right;padding:0 2px 0 3px;}.menu-by-7lolblogger li a{position:relative;display:block;padding:.4em .4em .4em .4em;margin:.1em 0 .1em 2.5em;background:#F1F1F1;border:1px solid #DDD;border-radius:3px;color:#444;text-decoration:none;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;font:12px tahoma,arial;text-shadow:1px 1px rgba(255, 255, 255, 0.48);}.menu-by-7lolblogger li a:before{content:'#';position:absolute;left:-2.5em;top:50%;margin-top:-1em;background:#39C4FF;height:2em;width:2em;line-height:2em;text-align:center;font-weight:bold;}.menu-by-7lolblogger li a:after{position:absolute;content:'';border:.5em solid rgba(0, 0, 0, 0);left:-1em;top:50%;margin-top:-.5em;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;font:12px tahoma,arial;text-shadow:1px 1px rgba(255, 255, 255, 0.53);}.menu-by-7lolblogger li a:hover:after{left:-.5em;border-left-color:#39C4FF;}</style>

ولا تنسى تغيير http://th3dreamweb.blogspot.com/ بالرابط المناسب

وغير متاح بما يلزم

الموضوع من قسم:

إضافات بلوجر

تنويه : القوالب والإضافات الصور في هذا الموضوع على هذا الموقع مستمده أحيانا من مجموعة متنوعة من المصادر الإعلامية الأخرى. حقوق الطبع محفوظة بالكامل من قبل المصدر. إذا كان هناك مشكلة في هذا الصدد، يمكنك الاتصال بنا من هنا.