قالب ازرار المدفوع علي بيكاليكا مجانا لكم


بسم الله الرحمن الرحيم والصلاة والسلام علي اشرف المرسلين سيدنا ومولانا محمد عليه افضل الصلاة واسلام اما بعد السلام عليكم ورحمة الله وبركاتة احبابي اخواتي اليوم اقدم لكم تدوينة حصرية تحت مسمي "قالب ازرار المدفوع علي بيكاليكا مجانا لكم"وهذا القالب مدفع علي بيكاليكا ثمنة 10$ لاكن علي بروتك مجانا نذهب للمعاينة حتي لااطيل عليكم احبابي
 معاينة اضغط للمعاينة 

صورة القالب

مميزات القالب

  1. جميع التعديلات من لوحة التحكم (التخطيط)
  2. سلايدرشو متحرك تلقائي متوافق مع جميع الاجهزة
  3. تصميم أنيق وجميل
  4. يحتوي على صفحة تحميل أنيقة
  5. متوافق مع المعايير القياسية للسيو
  6. قالب سريع ومتوافق مع جميع الأجهزة والمتصفحات
  7. يدعم اضافة قائمة منسدلة من التخطيط
  8. زر البحث بشكل احترافي ومميز
  9. و المزيد...

بعض اكواد القالب

  • لاضافة عن الكاتب في الفوتر
<p><img alt="author" src="https://goo.gl/mzxWLE" srcset="https://goo.gl/mzxWLE" class="avatar avatar-85 photo" height="85" width="85">مرحبًا انا سهيل ، مطور ويب ومُصمم واعمل كصانع مُحتوى. من المغرب ولدي خبرة في البلوجر. <br></p>
<br><br>
<div id="footer-social-icons">
<a href="URL-HERE" title="Facebook" target="_blank" rel="nofollow"><i class="fa fa-facebook"></i></a>
<a href="URL-HERE" title="Twitter" target="_blank" rel="nofollow"><i class="fa fa-twitter"></i></a>
<a href="URL-HERE" title="Google Plus" target="_blank" rel="nofollow"><i class="fa fa-google-plus"></i></a>
<a href="URL-HERE" title="Instagram" target="_blank" rel="nofollow"><i class="fa fa-instagram"></i></a>
</div>
<style>
#footer-social-icons a {
background: #fff;
color: #333;
display: inline-block;
text-align: center;
font-size: 18px;
    width: 50px;
font-family:'Droid Arabic Kufi';
    height: 50px;
    line-height: 50px;
margin: 0 1px 6px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
#footer-social-icons a:hover{
background: #00bcd4;
color:#fff;
}
p {
    font-family: 'Droid Arabic Kufi';font-size: 12px;
}
</style>
<style>
.avatar-85 {
    border: 3px solid #fff;
    border-radius: 85px;
    margin-left: 10px;
}
.avatar {
    float: right;
}
</style>
  • لاضافة النشره البريدية في الفوتر
<style>
#Templatesyard-sbox-v2 {
  padding: 0;
  padding-bottom: 5px;
  font-family: inherit;
  display: block;
  margin: 0;
  border-radius: 1px;
  border:1px solid rgba(21, 76, 164, 0.05);
background: #353f54;
}
#Templatesyard-sbox-v2 p {
      font-size: 11px;
    font-family: 'Droid Arabic Kufi';
    color: #fff;
    line-height: 22px;
    padding: 5px 10px 5px;
    text-align: center;
    width: 80%;
    margin: 5px auto 20px;
    border-bottom: 0px solid #ebebeb;
    border-radius: 20px;
}
#Templatesyard-sbox-v2 .rssform {
  padding: 0;
  margin: 0 auto;
  display: block;
}
#Templatesyard-sbox-v2 .rssform input {
  padding: 8px;
  margin: 20px auto 15px;
  font-family: 'Droid Arabic Kufi';
font-size: 10px;
  color: #000;
  text-align: center;
  display: block;
  font-weight: normal;
  width: 90%;
  height: 38px;
  text-transform: uppercase;
  outline: none !important;
  border: 1px solid #ebebeb;
  border-radius: 1px;
  background-color: #f8f8f8;
  box-sizing: border-box !important;
}
#Templatesyard-sbox-v2 .rssform .button:hover {
 opacity: 0.7;
    -moz-opacity: 0.7;
    -webkit-opacity: 0.7;
}
#Templatesyard-sbox-v2 .rssform .button {
  background: #00bcd4;
  color: white!important;
  margin-top: 15px;
 font-family: 'Droid Arabic Kufi';
font-size: 10px;
  outline: none !important;
  transition: all .3s ease-in-out;
  padding: 5px 2px !important;
  float: none;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: normal;
  cursor: pointer;
}



#Templatesyard-sbox-v2 form {
  margin-bottom: 10px !important;
}
</style>
<div id="Templatesyard-sbox-v2">
         
                 <p>إشترك معنا ليصلك آحدث الأخبار والمقالات الخاصة بموقعنا</p>
   <div class="rssform">
            <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=Templatesyard', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
            <input type="text" name="email" placeholder="ادخل بريدك الإلكتروني...">
            <input type="hidden" value="Templatesyard" name="uri">
            <input type="hidden" name="loc" value="en_US">
            <input value="إنضم إلينا الآن" class="button" type="submit">
            </form>
            </div>
   

            </div>
  • لاضافة حكمة في السايدبار
<style>
@font-face {
    font-family: 'Droid Arabic Kufi';
src: url('https://googledrive.com/host/0B1EkoAU4dJXCMWkyY1ZTT1ZfRzg/');
}
.shouro7at-quotebox{
    font-family: 'Droid Arabic Kufi';
    color: #fff;
    direction: rtl;
    width: 300px;font-size: 9px;
    height: auto;
    background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url('https://lh6.googleusercontent.com/proxy/-7S6BMZiFez-omXDGsGb_0VfZX-yqWUjrKzH57yYqV1T8iiV67bAo8H6_cc9JHaN3-zYgwmvA5Jp2h1O4sIBaJiQS1m9oJ0Fb3xOXxAPnOjo=s0-d') no-repeat;
    border-radius: 5px;
    padding: 5px 0;
    background-size: 150%;
    background-position: 17% 0%;}
.shouro7at-quotebox h1 {
   display: none;
    padding: 43px 0px;
    text-align: center;
    line-height: 43px;
    font-size: 16px;}
.shouro7at-quotebox img {
    width: 40px;
    margin: -6px;
}
   .shouro7at-quotebox h3 {
    font-family: 'Droid Arabic Kufi';
    padding: 2px 0;
    font-size: 22px;
    font-weight: 700;
    color: #382918;
    margin: 8px 20%;
    background: rgba(255, 255, 255, 0.81);
    border-radius: 5px;text-align: center;
}
.shouro7at-quotebox:hover{
    background-size: 170%;
    background-position: 50% 5%;
}
.shouro7at-quotebox:hover >  center {display:none;}
.shouro7at-quotebox:hover >  h3 {display:none;}
.shouro7at-quotebox:hover >  h1 {display:block;}
i.fa.fa-quote-left {
    font-size: 50px;
    position: absolute;
    left: 15px;
    bottom: 5px;
    color: rgba(255, 255, 255, 0.32);
}
i.fa.fa-quote-right {
    font-size: 50px;
    position: absolute;
    right: 15px;
    top: 5px;
    color: rgba(255, 255, 255, 0.32);
}
</style>
<div class="shouro7at-quotebox">
<h1><i class="fa fa-quote-right"></i>عملك سيشغل وقتاً كبيراً من حياتك ، وأفضل طريقة كي ترضي نفسك أن تقوم بما تعتقد أنه عملٌ عظيم

<i class="fa fa-quote-left"></i></h1>
<center><h3>حكمة اليوم !</h3>
<img src="https://lh5.googleusercontent.com/proxy/PmELt6QkL2DM2eU_EmDwAjj44yF_w9CUOsRcvfMz5l3jTsH1KjiKI1rEGFhnWpmhaTXvuLY6KJpmb7_-Njlsow-VKg6JvCzgu3wQqQPYEjEXrDfm75o=s0-d"></center>
</div>

تحميل القالب

شارك المقال :

إرسال تعليق

 
جميع الحقوق محفوظة عالم المطور | اكتشف |طريق العلم والتقنيه|g10u|Developerworld & تصميم OddThemes & تعريب وتطوير : عالم المدون