-->
اخبار  اخبار
random

آخر الأخبار

random
random
جاري التحميل ...
random

اضافة زر التحميل والمعاينة

اضافة زر التحميل والمعاينة

اضافة زر التحميل والمعاينة

كيف تصبح الأزرار في السيدبار ،، كل الأيام. وأظنها لمسة جميلة لأصحابهم جميعا روابط للتحميل بكثرة.
الآن مشاهدة رؤية المعاينة قبل ندخل للشرح

شرح طريقة التركيب
1. ضع الكود التالي فوق 
]]> </ b: skin> أو ضعه بين <style> </ style> فوق </ head>
/*تحميل  معاينة */
#store-style{overflow:hidden;font-family:Droid Arabic Naskh,sans-serif;background:#fff;
border:1px solid #ddd;padding:25px 10px 10px;margin-bottom:20px}
#store-style .storebutton{background:#07ACEC;color:#fff;font-weight:bold;border-radius:3px;
text-align:center;transition:all .4s ease-in-out;position:relative}.rio-ss{padding-top:15px;
overflow:hidden}
a.storebutton.but3,a.storebutton.but2 { display: inherit; padding: 10px 0;
margin: 20px auto; width: 97%; background: #4F4F52!important; }
a.storebutton.but2 {background: #F9A741!important;margin:0 auto!important}
#store-style .storebutton:hover,a.storebutton.but3:hover{background:#333!important;
color:#fff}.but1{padding:10px 95px}.but2{padding:10px 84px}
.storelist{padding:12px 10px;border-bottom:1px solid #ddd;width:100%;float:right}
.storelist:last-child{border-bottom:none}
.storelist:before{content:"\f05d";font-family:FontAwesome;font-size:13px;font-style:normal;
font-weight:400;padding:5px}
2. ضع الكود التالي فوق 
</ head>
<script type = 'text / javascript'>
/*<![CDATA[*/
$(document).ready(function(){
$('a[name="details"]').before($('#Theme-details').html());
$('#Theme-details').html('');
});
/*]]>*/
</script>
3. ابحث عن كود السيدبار الخاص بك على حد تعبيره: <aside id = 'sidebar-wrapper' أو هكذا: <div id = 'sidebar-wrapper' وإن كان وسيوجهك اليه بعدها ضع الكود التالي أسفله
<a name='details'/> 
<div class='clear'/>


4. قم بحفظ النموذج
تركيب الأزرار
1. قم بتحرير موضوع ثم البدء الى تبويب HTML وضع الكود التالي في أي مكان
<div style = "display: none؛">
<div id="Theme-details">
<div id="store-style">
<center>
<a class="storebutton but1" href="رابط المعاينة#" target="_blank">معاينة مباشرة</a>
<a class="storebutton but3" href="رابط التحميل#" target="_blank">تحميل القالب</a>
</center>
</div>
<div id="store-style">
<center>
<a class="storebutton but2" href="رابط الشراء#" target="_blank">$5 - النسخة المدفوعة</a></center>
<div class="rio-ss">
<span class="storelist">دعم دائم</span>
<span class="storelist">حذف حقوق التصميم</span>
<span class="storelist">يستخدم بأي مدونة</span>
<span class="storelist">لا وجود للسكربتات المشفرة</span>
<span class="storelist">تغيير ألوان القالب</span>
<span class="storelist">والمزيد...</span>
</div>
</div>
<div style="clear: both;">
</div>
</div>
</div>
2. غير الروابط والكلمات ثم انشر الموضوع
لا تقرأ وترحل أترك بصمتك بترك تعليق

التعليقات



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

إتصل بنا

جميع الحقوق محفوظة

اخبار

2020