29‏/10‏/2020

قالب Max-Seo المعرب من قواعد.


MaxSeo Blogger Template  : 

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

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

  • صندوق المشاركات المميزة.
  • سرعة التحميل.
  • أماكن الأعلانات جاهزة.
  • 3 أنواع من القوائم المنسدلة .
  • المشاركات المشابهة.
  • لوحة تحكم قوية تغنيك عن التعامل مع أكواد HTML المعقدة.
  • 3 أنواع من المشاركات المتميزة (حسب التصنيف،آخر المشاركات،عشوائية).
  • أداة تعليقات متطورة.

مميزات قالب Max-Seoالتحقق
متجاوبنعممعاينة
صديق للهواتفنعممعاينة
يحقق معايير السيونعم
قائمة رئيسيةنعم
فوتر ب 3 أعمدة نعم
صندوق بحث مميزنعم
متجاوب مع الاعلاناتنعم
صفحة الخطأ 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 مهتم بالبرمجة و التدوين وتحسين واجهة المستخدم

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