الاثنين، 29 ديسمبر 2014

ازرارمعاينة تحميل بشكل جديد واحترافي


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


طريقة تركيب الازرار
1- من لوحة التحكم >> قالب >> تحرير HTML
2- خذ نسخة احتياطية لقالب المدونة قبل اجراء اي تغير
3- قم بالبحث عن الكود التالي بالاستعانة بلوحة التحكم (CTRL+F)
4- قم بالبحث عن الكود ]]></b:skin> واضف فوقه مباشراً الكود التالي
#wrap {
    margin: 20px auto;
    text-align: center;
}

.btn-slide, .btn-slide2 {
    position: relative;
    display: inline-block;
    height: 50px;
    width: 200px;
    line-height: 50px;
    padding: 0;
    border-radius: 50px;
    background: #fdfdfd;
    border: 2px solid #0099cc;
    margin: 10px;
    transition: .5s;
}

.btn-slide2 {
    border: 2px solid #efa666;
}

.btn-slide:hover {
    background-color: #0099cc;
}

.btn-slide2:hover {
    background-color: #efa666;
}

.btn-slide:hover span.circle, .btn-slide2:hover span.circle2 {
    left: 100%;
    margin-left: -45px;
    background-color: #fdfdfd;
    color: #0099cc;
}

.btn-slide2:hover span.circle2 {
    color: #efa666;
}

.btn-slide:hover span.title, .btn-slide2:hover span.title2 {
    left: 40px;
    opacity: 0;
}

.btn-slide:hover span.title-hover, .btn-slide2:hover span.title-hover2 {
    opacity: 1;
    left: 40px;
}

.btn-slide span.circle, .btn-slide2 span.circle2 {
    display: block;
    background-color: #0099cc;
    color: #fff;
    position: absolute;
    float: left;
    margin: 5px;
    line-height: 42px;
    height: 40px;
    width: 40px;
    top: 0;
    left: 0;
    transition: .5s;
    border-radius: 50%;
}

.btn-slide2 span.circle2 {
    background-color: #efa666;
}

.btn-slide span.title,
  .btn-slide span.title-hover, .btn-slide2 span.title2,
  .btn-slide2 span.title-hover2 {
    position: absolute;
    left: 90px;
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
    font-weight: bold;
    color: #30abd5;
    transition: .5s;
}

.btn-slide2 span.title2,
  .btn-slide2 span.title-hover2 {
    color: #efa666;
    left: 80px;
}

.btn-slide span.title-hover, .btn-slide2 span.title-hover2 {
    left: 80px;
    opacity: 0;
}

.btn-slide span.title-hover, .btn-slide2 span.title-hover2 {
    color: #fff;
}
5- اضف الكود التالي بداخل الموضوع في تبويب html
 <div id="wrap">
<a href="#" class="btn-slide" target="_blank">
  <span class="circle"><i class="fa fa-rocket"></i></span>
  <span class="title">معاينة</span>
  <span class="title-hover">اضغط هنا</span>
</a>
<a href="#" class="btn-slide2" target="_blank">
  <span class="circle2"><i class="fa fa-download"></i></span>
  <span class="title2">تحميل</span>
  <span class="title-hover2">اضغط هنا</span>
</a>
</div> 
واخيراً قم بالتغيرات المناسبة من خلال وضع رابط التحميل والمعاينة وغيرها
اتمنى  ان ينال اعجابكم الموضوع
دمتم في رعاية الله وحفظه
azez mohammed

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

45 التعليقات

Tarekk 30 يناير 2015 في 12:14 ص

أنا جربتها ونجحت هدي مدونتي www.mo7tarifin.co.vu

TECH SOFT 14 فبراير 2015 في 7:12 م

شكرا أخي على الاضافة الجميلة
ibda3-blogger.blogspot.com

Anna beauty 10 يوليو 2015 في 5:50 م

شكرا أخي
progduzero

موقع مسطرة 25 مايو 2016 في 10:07 ص

الف شكر لحضرتك ...
http://msstra.blogspot.com/

رواد الحرمين 16 يوليو 2016 في 1:11 م

شركة كشف تسربات المياه بالرياض
كشف تسربات المياه بالرياض
شركة عزل اسطح بالرياض
شركة عزل خزانات المياه بالرياض
شركه عزل مائى بالرياض
شركة عزل حرارى بالرياض
شركة ترميم منازل بالرياض
شركة مكافحة حشرات بالرياض
شركة رش مبيدات بالرياض
شركة تسليك مجارى بالرياض

شركة كشف تسربات المياه بالاحساء
كشف تسربات المياه بالاحساء
شركة عزل اسطح بالاحساء
شركة عزل خزانات المياه بالاحساء
شركه عزل مائى بالاحساء
شركة عزل حرارى بالاحساء
شركة ترميم منازل بالاحساء
شركة مكافحة حشرات بالاحساء
شركة رش مبيدات بالاحساء
شركة تسليك مجارى بالاحساء
شركة ترميم منازل بالاحساء



كشف تسربات المياه بالظهران
شركة كشف تسربات المياه بالظهران
شركة عزل اسطح بالاحساء
شركة عزل اسطح بالظهران
شركة عزل اسطح براس تنوره
شركة عزل حراري براس تنوره
شركة تسليك مجارى براس تنوره
شركة كشف تسربات المياه بالنعيرية
شركة كشف تسربات المياه بسيهات
شركة كشف تسربات المياه براس تنورة
شركة مكافحة النمل الابيض بالدمام

Unknown 4 ديسمبر 2016 في 6:07 ص

شكرا لك اخى الكريم ....
ارجو ابداء رأيك فى مدونتى والقالب
المصمم العربى
http://www.arab-designer.tk

Unknown 27 مايو 2017 في 2:47 م

good thank up for word tech
blogger.com

نجمة ادم 7 يونيو 2017 في 7:30 م

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

Unknown 2 ديسمبر 2017 في 3:35 م

شركة مكافحة حشرات بمحايل
شركة تنظيف شقق بخميس مشيط
شركةتنظيف منازل بخميس مشيط
شركة تنظيف فلل بخميس مشيط
نحن فى صدارة شركات التنظيف بالمملكة لدينا كل المكانيات التى جعلتنا فى الصدارة اسطول عمالة واعى ومدرب واجود مواد تنظيف واحدث معدات
شركة عزل حمامات بخميس مشيط
شركة عزل اسطح بخميس مشيط
شركة عزل اسطح وحمامات بمحايل

Unknown 12 مايو 2018 في 11:30 م

تقدم شركة العربي للخدمات المنزلية خدماتها في مجال نقل الاثاث داخل المملكة

شركة نقل اثاث بحائل

JEFFREY FRANK 16 نوفمبر 2020 في 9:35 ص

هل انت بحاجة الى قرض؟ هل تم رفضك من قبل البنك الذي تتعامل معه؟ هل لديك سوء الائتمان؟ هل لديك فواتير غير مدفوعة؟ هل انت مدين؟ هل تحتاج لتأسيس عمل؟ لا داعي للقلق بعد الآن لأن شركة CROWN TRUST FINANCIAL LOAN FIRM موجودة هنا لتوفر لك فرصة الحصول على قرض. نحن نقدم جميع أنواع القروض مثل القروض الشخصية وقرض توحيد الديون ورأس المال الاستثماري وقرض الأعمال والقرض التعليمي وقرض المنزل وقرض التأسيس العقاري والقرض لأي سبب من الأسباب والاحتياجات العاجلة !. سنكون قادرين على منحك قرضًا طويل الأمد مع فترة زمنية تتراوح بين 1 إلى 50 عامًا للاستثمار أو أي غرض آخر ومساعدتك في برنامج القروض الخاص بنا بفائدة 2٪ فقط. يتراوح قرضنا من أي مبلغ تختاره.

إذا كنت مهتمًا ، فاتصل بنا على هذا البريد الإلكتروني: crowntrustfinancialloanfirm@gmail.com ،
Urgentlenders@gmail.com

المدير التنفيذي،
السيد جفري فرانك

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