25‏/05‏/2021

Affiliation | قالب بلوجر للشركات و المدونات الشخصية

 


قالب Affiliation هو قالب بلوجر متجاوب بتصميم عصري ذو صفحة واحدة  ( Portfolio )  ، يمكن إستعمال القالب في مدونات الخاصة بالشركات و الأشخاص الذين يقدمون خدمات و عروض إلكترونية عبر الإنترنت   ما يميز القالب عن غيره هو السهولة الكبيرة في التعديل عليه و تخصيصه من التنسيق أو Layout  بدون أي تعديل على الكود بحيث يمكن تغيير  الألوان الكتابات الروابط و حتى الصور و أشكال العرض بدون الدخول إلى كود القالب.


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

  • لوحة تحكم قوية.
  • سهولة التخصيص و التعديل.
  • صفحة الخطأ.
  • صقحة الإتصال.
  • أكواد قصيرة.
  •  و المزيد ....


مميزات قالب Max-Seoالتحقق
متجاوبنعممعاينة
صديق للهواتفنعممعاينة
يحقق معايير السيونعم
قائمة رئيسيةنعم
فوتر مخصص للتواصل نعم
صندوق بحث مميزنعم
متجاوب مع الاعلاناتنعم
صفحة الخطأ 404نعم
أزرار المشاركةنعم
مقالات ذات صلةنعم
أكواد قصيرةنعم
صندوق المشاركات المميزةنعم
زر الصعود لأعلى نعم
تصميم عصري و جميلنعم
والمزيد..........

أكواد قصيرة:

جدول:


<div class="post-table">
<table>
    <thead>
<tr>
        <th>الإسم الأول</th>
        <th>الإسم الأخير</th>
        <th>النظام</th>
      </tr>
</thead>
    <tbody>
<tr>
        <td data-label="First Name">محمد</td>
        <td data-label="Last Name">وهران</td>
        <td data-label="Hero Title">بلوجر</td>
      </tr>
<tr>
        <td data-label="First Name">عبد الله</td>
        <td data-label="Last Name">الصعيدي</td>
        <td data-label="Hero Title">وردبرس</td>
      </tr>
<tr>
        <td data-label="First Name">وائل</td>
        <td data-label="Last Name">مختار</td>
        <td data-label="Hero Title">ويكس</td>
      </tr>
<tr>
        <td data-label="First Name">كريم</td>
        <td data-label="Last Name">محمد</td>
        <td data-label="Hero Title">تمبلر</td>
      </tr>
</tbody>
</table>
</div>
 

أزرار:

زر عادي:


  
<div class="small-button">
<a class="button small" href="https://www.blogger.com">زر صغير</a>
<a class="button medium" href="https://www.blogger.com">زر متوسط</a>
<a class="button large" href="https://www.blogger.com">زر كبير</a>
</div>

أزرار المعاينة و التحميل:


  
  <div class="small-button">
<a class="button small demo" href="https://www.blogger.com">معاينة</a>
<a class="button medium demo" href="https://www.blogger.com">معاينة</a>
<a class="button large demo" href="https://www.blogger.com">معاينة</a>

<div class="clear">
</div>

<a class="button small download" href="https://www.blogger.com">تحميل</a>
<a class="button medium download" href="https://www.blogger.com">تحميل</a>
<a class="button large download" href="https://www.blogger.com">تحميل</a>
<div class="clear">
</div>
<a class="button small buy" href="https://www.blogger.com">شراء</a>
<a class="button medium buy" href="https://www.blogger.com">شراء/a>
<a class="button large buy" href="https://www.blogger.com">شراء</a>

<div class="clear">
</div>

<a class="button small visit" href="https://www.blogger.com">إنتقال إلى رابط</a>
<a class="button medium visit" href="https://www.blogger.com">إنتقال إلى رابط</a>
<a class="button large visit" href="https://www.blogger.com">أنتقال إلى رابط</a> </div>

رسائل:

 
  <div class="alert-message success">
  <i class="fa fa-check-circle"></i>رسالة نجاح.</div>
  <div class="alert-message alert">
  <i class="fa fa-info-circle"></i> رسالة تنبيه.</div>
  <div class="alert-message warning">
  <i class="fa fa-exclamation-triangle"></i> رسالة تحذير</div>
  <div class="alert-message error">
  <i class="fa fa-exclamation-circle"></i>رسالة خطأ</div>
  

إضافة كود:

 
    <pre>.......ضع الكود هنااا.....</pre> 
     

صفحة الإتصال:


 
  <div class="contact-form">
  <div class="contact section" id="contact" style="display: block;">
  <div class="widget ContactForm" id="ContactForm1">
  <div class="contact-form-widget">
  <div class="form">
  <form name="contact-form">
  <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" placeholder="الإسم" size="30" type="text" value="" />
  <input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" placeholder="البريد الإلكتروني" size="30" type="text" value="" />
  <textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="الرسالة" rows="5"></textarea>
  <input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="إرسال" />
  <br />
  <div style="text-align: center; width: 100%;">
  <div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
  </div>
  <div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
  </div>
  </div>
  </form>
  </div>
  </div>
  </div>
  </div>
  </div>
  
العديد من القوالب المميزة تجدها في قواعد فقط

معاينة
سهل التصفح
سريع الأرشفة
صديق للسيو



إسمي إسلام مطور ويب في قواعد-Qawa3id مهتم بالبرمجة و التدوين وتحسين واجهة المستخدم

لاستخدام الرموز التعبيرية قم بنسخ الرمز الذي تريده وألصقه في صندوق التعليقات