26‏/04‏/2015

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


شرح  طريقة التركيب
1 . توجه لقالب >> تحرير 
2. ابحث بإستعمال CTRL+F عن  ]]></b:skin>  أو ضعه بين <style>  </style>
3. ضع الكود التالي قبله [ فوقه ]
.buttonz{display:inline-flex;border-radius:4px;cursor:pointer;font-size:13px;font-weight:bold;text-transform:uppercase;color:#FFF!important;
background:url(//ar1web-com.googlecode.com/svn/trunk/rainbow.png);background-size:cover;padding:8px 25px;text-shadow:none;transition:all 1s;}
.buttonz:hover, .buttonz:hover, .buttonz.link:hover {box-shadow: 0px 0px 18px 18px rgba(80, 80, 80, 0);} 

4. ضع الكود التالي إما فوق </head> أو فوق </body>
 <script type='text/javascript'>
var intval = null;
var pos = 0;
$(document).ready(function() {
intval = window.setInterval(moveBg, 70);
});
function moveBg() {
pos++; 
$('.buttonz').css({backgroundPosition: (pos * 1) + '% 1px'});
}
  </script> 

5. لتفعيل الزر ضع الكود التالي بداخل الموضوع بتبويب HTML
 <a class='buttonz' href='هنا الرابط' target='_blank'>إسم الزر</a> 
إنشاء زر متعدد الألوان زر بسيط يمكن أن يغير اللون في حد ذاته فقط، زر فريد من نوعه لأنه ليس بشكل عام، وعادة  الأزرار لا تحتوي على أكواد الجافا، ولكن بخلاف هذا الزر فهو يتضمنه ويمكن إستعمال الأكواد في موضوع على حده لمن لا يريد أن يضيف الأكواد بداخل القالب، لذا فكود الجيكويري هو لتلوين اللون بتدرج.
يمكنك أن ترى الزر أدناه


شرح  طريقة التركيب
1 . توجه لقالب >> تحرير 
2. ابحث بإستعمال CTRL+F عن  ]]></b:skin>  أو ضعه بين <style>  </style>
3. ضع الكود التالي قبله [ فوقه ]
.buttonz{display:inline-flex;border-radius:4px;cursor:pointer;font-size:13px;font-weight:bold;text-transform:uppercase;color:#FFF!important;
background:url(//ar1web-com.googlecode.com/svn/trunk/rainbow.png);background-size:cover;padding:8px 25px;text-shadow:none;transition:all 1s;}
.buttonz:hover, .buttonz:hover, .buttonz.link:hover {box-shadow: 0px 0px 18px 18px rgba(80, 80, 80, 0);} 

4. ضع الكود التالي إما فوق </head> أو فوق </body>
 <script type='text/javascript'>
var intval = null;
var pos = 0;
$(document).ready(function() {
intval = window.setInterval(moveBg, 70);
});
function moveBg() {
pos++; 
$('.buttonz').css({backgroundPosition: (pos * 1) + '% 1px'});
}
  </script> 

5. لتفعيل الزر ضع الكود التالي بداخل الموضوع بتبويب HTML
 <a class='buttonz' href='هنا الرابط' target='_blank'>إسم الزر</a> 
11 Blogger تعليقات
Disqus
11 التعليقات
المشرف
avatar

شكرا جزيلا لك أخي

عندي أستفسار أتمنى أنك ترد عليه كيف أضع أعلان بجانب شعار مدونتي لأنه المساحة الفارغة كبيرة
www.66GS66.com

المشرف
avatar

من التخطيط بجانب مكان إضافة الشعار ستجد أداة بالجانب الأيسر أضف هناك الإعلان

المشرف
avatar

لا يوجد بجانب الشعار أداة

أنا حاولت أني اضيف أداة ولكن لا تأتي بجانب الشعار بل تأتي فوقه حاولت أني أغير widhe و main ولكن بلا جدوى الأضافة تأتي فوق الشعار أذا عندك طريقة أخر؟
أتمنى أنك تفيدني
انا لدي خبرة في xml ولكن الوقت لا يساعدني فأتمنى أن تلاقي لي حل

المشرف
avatar
Mister Abdellah 4/26/2015
delete

شكرا جزيلا لك أخيعندي أستفسار أتمنى أنك ترد عليه كيف اغير شكل تعليقات مدونتي الى شكل تعليقات مدونتك مع انني استعمل تعليقات بلوجر و ليس dISQUS

المشرف
avatar

حمل هذا القالب توجد به أداة: http://www.ar1web.com/2014/06/flat-mag-blogger.html

المشرف
avatar

عليك بتغيير كافة الأكواد بتعليقات بلوجر، توجد أشكال في مدونات تقدم الأكواد ما عليك إلاّ البحث في جوجل.

المشرف
avatar

شكرا لك ممكن إني أطلب منك كود الميت تاج تبعك ؟
مع كامل الإحترام

المشرف
avatar
Ayoub Asb 4/26/2015
delete

سلام اخي انا اريد كيفية وضع اعلان مثل الذي يوجد بجانب معلومات التدوينة في قالبك علما ان قالبي فيه مكانه لكن فارغ مكتوب فية 300 في 250 فقط و انا اريد وضع الاعلان مكانها

المشرف
avatar
mohammed 4/27/2015
delete

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

اخي في مدونتي لا تظهر الاضافات لا ادري لماذا

لو تتكرم وتقولي الحل

المشرف
avatar
ilyas_aouadi 4/27/2015
delete

اضافة رائعة شكرا

http://tknielantrnat.blogspot.com/

المشرف
avatar
احمد 5/01/2015
delete

اخي الله يرضة عنك تعبت وانا احاول اضهار صفحة اتصل بي في هذا القالب .. عندك حل ..

http://rayashiq.blogspot.com/

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1أن يكون التعليق خاص بمحتوى التدوينة
2أن لا تضع أي روابط خارجية
3لإضافة كود حوله أولاً بمحول الأكواد
4أي سؤال خارج محتوى التدوينة يرجى استخدام ركن الأسئلة