خدمه جميله جدا يا اخى , شكرا
العفو
نايس جدا والله حاجة جميلة جدا يسلمو
خدمة ممتازة من شخص ممتاز جدااااا
خدمة رائع من شخص ممتاز جدا
بعد طول غياب عن التدوين فى مدونة ابداعاتى عدت لكم بموضوع جديد وحصرى كما وعدتكم ووعدت نفسى بذلك ، والموضوع بعنوان اضافة قائمة علوية منسدلة اعلى الهيدر مع امكانية وضع الادوات بها ، قررت تقدم هذا الموضوع لكم لأن جميع المدونات العربية لم تنظر له نظرة العناية والاهتمام ، ونظرا لاهتمامى بالحصريات قررت تقديم ذلك الموضوع فى مدونتى لكى أفيدكم متتبعى مدونة ابداعاتى الكرام
♫ كنت قد تحدثت فى موضوع سابق عن اضافة قائمة أفقية علوية منسدلة من أعلى المدونة>> الموضوع من هنا
مميزات الاضافة
(1) لا تشغل حيزًا كبيرًا من المدونة
(2) بامكانك وضع العديد من الأدوات بها
(3) خفيفة جدًا ولا تؤثر على سرعة مدونتك
(4) تضفى منظر جميل على مدونتك
♦ المعاينة الحية المباشرة للاضافة ♦
وبعد المعاينة فهناك من نالت الاضافة شديد اعجابه
فليتابعنى فى شرح تركيب الاضافة بطريقة سهلة
شرح التركيب
اذهب للوحة التحكم >> القالب >> تحرير HTML
♦ ابحث عن وسم </head>
ثم ضع بعده مباشرة هذا الكود
<div class='msgall'>
<div id='msg1' style='display: none;'>
<!-- add your widgets -->
كود الاضافة الأولى
كود الاضافة الثانية
<!-- add your widgets --></div>
<div id='msg12'>
<b class='msg3' id='msg3' style='display: block;'><i class='icon-angle-down'/></b>
<b class='msg2' id='msg2' style='display: none;'><i class='icon-angle-up'/></b>
</div>
</div>
<script>$(document).ready(function() {
$("#msg3").click(function(){
$("div#msg1").slideDown("slow");}); $("#msg2").click(function(){
$("div#msg1").slideUp("slow"); }); $("#msg12 b").click(function () {
$("#msg12 b").toggle();
}); });</script>
<style>.msgall{position:fixed;top:0;width:100%;z-index:9999;}.msgall{border-top:3px solid #E9931A;}#msg1{display:none;background:none repeat scroll 0 0 #E9931A;text-align:center;}#msg1{display:none;}.msg3,.msg2{background:none repeat scroll 0 0 #E9931A;cursor:pointer;font-size:30px;padding:8px;position:absolute;right:24px;color:#A14B00;z-index:999999;border-radius:0 0 5px 30px;-webkit-box-shadow:0px -5px 5px #B8761A inset;box-shadow:0px -5px 5px #B8761A inset;}[class^="icon-"],[class*=" icon-"]{font-family:tahoma;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;}[class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat;margin-top:0;}[class^="icon-"],[class*=" icon-"]{display:inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;background-image:none;background-position:0% 0%;background-repeat:repeat;margin-top:0;}.icon-angle-down:before{content:"";background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbhqHSm55mTEp0RsrdQmVZVkKx-8kN44-vvYkOdydGeOhLQzVlvmheSrCMMLDrq0z1E9_GFie0L6dW8DT8Vdrfzw39X_nyNJrBgG1N69cIwxwyN5qo_lGzxUy-oP1lP3KEeFloOimCAm0-/s1600/9596.png) no-repeat;padding:10px;}[class^="icon-"]:before,[class*=" icon-"]:before{text-decoration:inherit;display:inline-block;speak:none;}.icon-angle-up:before{content:"";background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh73Ca2LV_MzojQaUi6dTfZGUdFHPVj7VBJqE4uiuBsmGmfEkZS0cQdCGrzcj0WumwRGCflEF4lCoDhCmG8L75r3l8FLYzOtbWfh0Zb9TaqMKQOCcmg5EmxBmfW2ZLMEQ3vJTSTAKXFmbNG/s1600/2552.png) no-repeat;padding:10px;}</style>
كل ما عليك هو تغيير الجزء المخصص بالاضافات
وقد قمت بربط كل مكان اضافة برابط موضوع فى مدونتى لتتمكن من جلب أكواد لاضافات تكون مميزة فى هذا القائمة
√ فى انتظار تعليقاتكم المشجعة على تقديم المزيد لخدمتكم √
0 تعليقات 