إضافة أداة معاينة وتحميل بشكل جديد




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

اولا : نذهب: https://draft.blogger.com/home

ثانياً: نقوم بالدخول الى قالب/ تحرير HTML

ثالثاَ: نبحث عن الرمز  ]]></b:skin>  

ونضيف الكود التالى 
 /*CsS ButtonS th3dreamweb*/.demo::before,.download::before {background-color: #444;color:#fff;font: 30px/42px fontawesome;height: 0;overflow: hidden;position: absolute;right: 0;text-align: center;transition: all 0.7s ease 0s;width: 100%;}.demo::before {content: "\f06e";}.download::before {content: "\f019";}.demo:hover::before,.download:hover::before {height: 40px;}.demo,.download {border: 1px solid #fff;box-shadow: 0 1px 1px 1px #444;color: #fff;display: inline-block;font-weight: bold;height: 40px;line-height: 40px;position: relative;text-align: center;width: 200px;margin:10px 5px;}.demo {background-color: #fc5400;}.download {background-color: #0081E4;}

  • اللون  #0081E4   هو لون زر التحميل 
  • اللون #fc5400   هو لون زر المعاينة 
الان ناتى الى كيفية تطبيق الكود من داخل محرر المشاركات :
نقوم بتحويل المحرر من وضع تاليف الى HTML
ونضيف الكود التالى :(للمعاينة) 
 <a class="demo" href="http://th3dreamweb.blogspot.com/" target="_blank">معاينة</a>
ونضيف الكود التالى :(للتحميل) 
 <a class="download" href="http://th3dreamweb.blogspot.com/" target="_blank">تحميل</a>

نتمنى ان ينال الموضوع اعجابكم فى امان الله وحفظ الرحمن

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

عن الكاتب

أنا عماد إياد من المملكة الاردنية الهاشمة حبي الاول واهتمامي هو التدوين والحمد لله استطعت ان احرز نجاح كبير ومدونة حلم ويب تعبر عما اهواه

2 التعليقات لموضوع "إضافة أداة معاينة وتحميل بشكل جديد"

الكاتب
avatar

هذا من زوقك أخي hw

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


الابتسامات الابتسامات