أخر المواضيع


[ صندوق ] قائمة منزلقه بتقنية الجي كويري فوق الهيدر - لمدونة بلوجر



كما توعدتم معي على الجديد , اليوم معنا قائمة او صندوق منزلق بتقنية الجي كويري يوضع فوق الهيدر , او اينما تشاء ولاكن الافضل وضعه فوق الهيدر , الصندوق غير خاص ببلوجر فهو متناسق مع اي موقع او سكربت يعتمد عليه HTML الصندوق عمله بسيط وهو مكون من ابسط الاكواد ولاكن تم تحسين شكله ومنظره بحيث يكون اكثر اناقه وجاذبيه .


صورة :

[ صندوق ] قائمة منزلقه بتقنية الجيكويري فوق الهيدر - لمدونة بلوجر
[ صندوق ] قائمة منزلقه بتقنية الجيكويري فوق الهيدر - لمدونة بلوجر 1

[ صندوق ] قائمة منزلقه بتقنية الجيكويري فوق الهيدر - لمدونة بلوجر
[ صندوق ] قائمة منزلقه بتقنية الجيكويري فوق الهيدر - لمدونة بلوجر 2

طريقة التركيب :


  • ادخل مدونتك
  • القالب.
  • حرر القالب وابحث عن <head>
  • ضع هذا الكود اسفله مباشرة : 

<script src="http://code.jquery.com/jquery-2.0.3.min.js" type="text/javascript"></script>

ثم أبحث عن <header
وضع هذا الكود فوقه مباشره

<div class='msgall'>
<div id='msg1' style='display: none;'>
 " ضع هنا كود الاداة "
</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><a style='display: none;' href='http://mohtarefnetdz.blogspot.com/'></a>
<script>$(document).ready(function() {
$(&quot;#msg3&quot;).click(function(){
$(&quot;div#msg1&quot;).slideDown(&quot;slow&quot;);}); $(&quot;#msg2&quot;).click(function(){
$(&quot;div#msg1&quot;).slideUp(&quot;slow&quot;); }); $(&quot;#msg12 b&quot;).click(function () {
$(&quot;#msg12 b&quot;).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://jetara.googlecode.com/files/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://jetara.googlecode.com/files/2552.png) no-repeat;padding:10px;}</style>

 " ضع هنا كود الاداة " استبدلها بالاداة التي تريد وضعها او اي شيء .
بالتوفيق , اتمنى عند النشر وضع الرابط وشكراَ . 




0 التعليقات:

إرسال تعليق