الأكواد

وظيفة الكود في مدونة المسيرة	الكود: ضع الكود في HTML
رمز تقسيم المقال	<> <>
نموذج الاتصال	<i class="post-contact-form"></i>
اخفاء الشريط الجانبي	<i class="sq-widepost"></i>
صفحة أرشيف المدونة	<i id="archive-page"></i>
صفحة المؤلفين	<i id="authors-page"></i>
صفحة تحويل الروابط ( لا تنس خذف 55 )	<i id="redirect55-page"></i>
زر صغير	<a href="#" class="sq-button sm">عنوان الزر</a>
زر متوسط	<a href="#" class="sq-button md">عنوان الزر</a>
زر كبير	<a href="#" class="sq-button lg">عنوان الزر</a>
زر كبير جدا	<a href="#" class="sq-button xl">عنوان الزر</a>
رسالة نجاح	<i class="msgs success">هنا محتوى الرسالة</i>
رسالة خطأ	<i class="msgs error">هنا محتوى الرسالة</i>
رسالة تنبيه	<i class="msgs warning">هنا محتوى الرسالة</i>
رسالة معلومات	<i class="msgs info">هنا محتوى الرسالة</i>
رسالة هدية	<i class="msgs gift">هنا محتوى الرسالة</i>
الأكواد البرمجية لا ينصح باستخدامه استخدم الأكواد الموجودة في الأسفل	<pre class="sq-code"> ضع أكوادك البرمجية هنا  </pre>
محتوى مخفي	<div class="premium"> ضع أكواد المحتوى الذي تريد إخفاءه هنا </div>

<ul class="button">
<li><a class="download-button" href="#">تحميل </a></li>
<li><a class="demo-button" href="#">معاينة</a></li>
<li><a class="files-button" href="#">رفع الملف</a></li>
<li><a class="eror-button" href="#">خطأ</a></li>
<li><a class="warning-button" href="#">تنبيه</a></li>
</ul>

 صناديق الأكواد البرمجية

<pre data-codetype="HTMLku" title="HTML"><code class="language-markup">CODE HTML</code></pre>

<pre data-codetype="CSSku" title="CSS"><code class="language-css">CODE CSS</code></pre>

<pre data-codetype="JavaScriptku" title="Javascript"><code class="language-javascript">CODE JAVASCRIPT</code></pre>

<pre data-codetype="JQueryku" title="jQuery"><code class="language-javascript">CODE JQUERY</code></pre>

أكواد الجداول

<table>
<tbody>
<tr>
<th>عنوان 1</th>
<th>عنوان 2</th>
<th>عنوان 3</th>
</tr>
<tr>
<td>جدول 1</td>
<td>جدول 2 </td>
<td>جدول 3</td>
</tr>
<tr>
<tr>
<td>بلوجر</td>
<td>وووردبريس</td>
<td>جوملا</td>
</tr>
<tr>
<td>CSS3</td>
<td>HTML5</td>
<td>Javascript</td>
</tr>
<tr>
<td>استايلات</td>
<td>سكريبتات</td>
<td>تكويد</td>
</tbody>
</table>

<table border="2" cellpadding="2" cellspacing="2" style="width: 100%px;"><tbody>
<tr><th>عمــود رقم 1</th><th>عمــود رقم 2</th></tr>
<tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr>
<tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr>
<tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr>
<tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr>
<tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr>
<tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr>
<tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr>
<tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr>
<tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr>
<tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr>
<tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr>
<tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr>
<tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr>
<tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr>
<tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr>
<tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr>
<tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr>
<tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr>
<tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr>
<tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr>
<tr><td>فراغ العمود 1</td><td>فراغ العمود 2</td></tr>
</tbody></table>