Responsive Ad Slot

معاينة

شرح القالب

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

إضافة تقسيم المقال لعدة صفحات

بكل سهولة يمكنك اضافة خاصية تقسيم المقال الى عدة صفحات فقط من خلال أضافة الكود التالي الى المقال الذي تريد تقسيمة الى عدة صفحات:
<div class="post-content content_1">
المقال الاول...
</div>
<div class="post-content content_2">
المقال الثاني...
</div>
<div class="post-content content_3">
المقال الثالث...
</div>
<div class="post-content content_4">
المقال الرابع...
</div>
<div class="post-content content_5">
المقال الخامس...
</div>
اذا كنت تريد أضافة المزيد كم الحقول,فقط قم بأضافة الرقم الذي تريدة
<div class="post-content content_1">
المقال الاول...
</div>
<div class="post-content content_2">
المقال الثاني...
</div>
<div class="post-content content_3">
المقال الثالث...
</div>
<div class="post-content content_4">
المقال الرابع...
</div>
<div class="post-content content_5">
المقال الخامس...
</div>
<div class="post-content content_6">
المقال السادس...
</div>
<div class="post-content content_7">
المقال السابع...
</div>
<div class="post-content content_8">
المقال الثامن...
</div>
بعد ذالك قم بأضافة الرمز التالي في نهاية المنشور.
<div class="arlinapage">
</div>
<div class="pagearl">
</div>

أكواد قصيرة

جميع اكواد قالب إنفاتو القصيرة والتي تُمكنك من إنشاء صفحات ثابته مثل تواصل معنا والأرشيف بسهولة عن طريق لصق الكود الخاص بالصفحة في HTML ونشره

كود صفحة الأرشيف

من هنا

كود صندوق الأكواد

<pre><code class="hljs cs"><span class="hljs-keyword"></span><span class="hljs-string"></span> الكود هنا</code></pre>

اكواد رسائل أدارية

<div class="note">
رسالة افتراضية تحتوى على محتوى عادى...</div>
<div class="note orange">
رسالة افتراضية تحتوى على محتوى عادى...</div>
<div class="note river">
رسالة افتراضية تحتوى على محتوى عادى...</div>
<div class="note crusta">
رسالة افتراضية تحتوى على محتوى عادى...</div>

اكواد لأنشاء جدول

<table cellpadding="0" cellspacing="0" style="text-align: left;">
    <tbody>
        <tr>
            <th>العمود 1</th>
            <th>العمود 2</th>
            <th>العمود 3</th>
        </tr>
        <tr>
            <td>القسم 1</td>
            <td>القسم  2</td>
            <td>القسم  3</td>
        </tr>
        <tr>
            <td>القسم  1</td>
            <td>القسم  2</td>
            <td>القسم  3</td>
        </tr>
        <tr>
            <td>القسم  1</td>
            <td>القسم  2</td>
            <td>القسم  3</td>
        </tr>
    </tbody>
</table>

اكواد الازرار

<a href="#" target="_blank" class="button" style="background-color: rgb(166, 77, 121);font-size: 15px;;"><span style="background-color: #cc0000; color: white;">Button</span><span class="button-overlay"></span><span class="button-overlay"></span></a>
قم بأستبدال اللون الذي تريدة عن طريق تغيير #cc0000 باللون الذي تحب.

إضافة تايبوجرافى للمشاركات

<div id="light-toc">
<div id="toc_list" onclick="if (document.getElementById('toc').style.display === 'none') { document.getElementById('toc').style.display = 'block'; } else { document.getElementById('toc').style.display = 'none'; }" role="button" tabindex="0">
محتويات <svg width="18" height="18" viewBox="0 0 24 24"><path fill="#000000" d="M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z" /></svg></div>
<div id="toc">
<ol>
<li><a href="#toc_1" title="Subheading 1">النص الأول</a></li>
<li><a href="#toc_2" title="Subheading 2">النص الثاني</a></li>
<li><a href="#toc_3" title="Subheading 3">النص الثالث</a></li>
<li><a href="#toc_4" title="Subheading 4">النص الرابع</a></li>
<li><a href="#toc_5" title="Subheading 5">النص الخامس</a></li>
<li><a href="#toc_6" title="Subheading 5">النص السادس</a></li>
</ol>
</div>
</div>
<h4 id="toc_1">
النص الأول</h4>

المقال هنا...

<h4 id="toc_2">
النص الثاني</h4>

المقال هنا...

<h4 id="toc_3">
النص الثالث</h4>

المقال هنا...

<h4 id="toc_4">
النص الرابع</h4>

المقال هنا...

<h4 id="toc_5">
النص الخامس</h4>

المقال هنا...

<h4 id="toc_6">
النص السادس</h4>

المقال هنا...

شرح المواضيع من الأقسام

لعرض المشاركات على الموقع ,فقط قم بإضافة اسم القسم او التصنيف(التسمية) داخل كل اداة من التخطيط.

القائمة العلوية (Mega Menu)

كود القائمة العلوية
<ul class='w2bmenu' id='menu'>
<li class='navbtn'><i class="fa fa-navicon"></i>
</li>
<li> <a href='/'>الرئيسية</a> </li>
<li> <a href='http://envato-demo.blogspot.com/search/label/Brexit'>حول العالم</a> </li>
<li> <a href='http://envato-demo.blogspot.com/search/label/Brexit'>الرياضة</a> </li>
<li> <a href='http://envato-demo.blogspot.com/search/label/Brexit'>صحة</a> </li>
<li> <a href='http://envato-demo.blogspot.com/search/label/Brexit'>أخبار التقنية</a> </li>
<li> <a href='http://envato-demo.blogspot.com/search/label/Brexit'>أخبار الرياضة</a> </li>
</ul>

القائمة السفلى (Hidden_Menu)

<ul>

          <li><a href="#">القائمة 1</a>
            <ul>
              <li><a href="#">القائمة 1.1</a></li>
              <li><a href="#">القائمة 1.2</a></li>
              <li><a href="#">القائمة 1.3</a></li>
            </ul>
          </li>

          <li><a href="#">القائمة 2</a>
            <ul>
              <li><a href="#">القائمة 2.1</a></li>
              <li><a href="#">القائمة 2.2</a></li>
              <li><a href="#">القائمة 2.3</a></li>  
            </ul>
          </li>

          <li><a href="#">القائمة 3</a>
            <ul>
              <li><a href="#">القائمة 3.1</a></li>
              <li><a href="#">القائمة 3.2</a></li>
              <li><a href="#">القائمة 3.3</a></li>
            </ul>
          </li>

          <li><a href="#">القائمة 4</a>
            <ul>
              <li><a href="#">القائمة 4.1</a></li>
              <li><a href="#">القائمة 4.2</a></li>
              <li><a href="#">القائمة 4.3</a></li>              
            </ul>
          </li>

          <li><a href="#">القائمة 5</a>
            <ul>
              <li><a href="#">القائمة 5.1</a></li>
              <li><a href="#">القائمة 5.2</a></li>
              <li><a href="#">القائمة 5.3</a></li>  
            </ul>
          </li>

          <li><a href="#">الإضافات</a>
            <ul>
              <li><a href="#">الإكواد الجاهزة</a></li>
              <li><a href="https://envato-demo.blogspot.com/p/blog-page.html">الأرشيف</a></li>
              <li><a href="#">صفحة الأنتظار</a></li>
            </ul>
          </li>

</ul>

القائمة الاخرى (Trending_Menu)

<ul>
<li><a href='#'><i class='fa fa-flash'></i><span class='trnds'>أخبار</span></a></li>
<li><a href='#'>القائمة</a></li>
<li><a href='#'>القائمة</a></li>
<li><a href='#'>القائمة</a></li>
<li><a href='#'>القائمة</a></li>
</ul>
وفي النهاية سوف يكون لك دعم مجاني بعد شرائك للنسخة,وأي تعديلات أو اضافات او كان لديك مشكلة فقط قم بمراسلتنا من هنا.

ليست هناك تعليقات

إرسال تعليق

جديد التحديثات
© جميع الحقوق محفوظة
News4-Hech News4-Hech News4-Hech News4-Hech News4-Hech