قالب 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>
