genova doc

طريقة التعديل علي قالب genova 

القائمة العلية

يوجد شيئان في القائمة العلوية
1-قائمة الصفحات العلوية
للتعديل عليها تذهب الي التخطيط وتضيف الروابط الخاصة بك


2-ايقونات التواصل الاجتماعي
للتعديل عليها تذهب الي التخطيط اضغط تحرير علي Socialicons  وتضيف الاكواد التاليه

<div class="top-social">
<ul class="tl-social-icons icon-rotate list-unstyled list-inline">
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-pinterest"></i></a></li>
<li><a href="#"><i class="fa fa-github"></i></a></li>
<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
<li><a href="#"><i class="fa fa-foursquare"></i></a></li>
<li><a href="#"><i class="fa fa-vk"></i></a></li>
</ul>
</div>

القائمة الرئيسية

اذهب الي التخطيط واضغط تحرير علي Dropdown واضف هذا الكود وعدل عليه بتغيير التسميات فقط

<nav>
    <ul>
      <li class='homelink'><a href='/'><i class="fa fa-home"/></i></a></li>
      <li><a href='/'>Fashion</a></li>
      
      <!--Simple Sub Menu Start-->
      <li class='submenu'><a href='#'>Blog</a>
        <ul>
          <li><a href='#'>Sub Menu 1</a></li>
          <li><a href='#'>Sub Menu 2</a></li>
          <li><a href='#'>Sub Menu 3</a></li>
          <li><a href='#'>Sub Menu 4</a></li>
        </ul>
      </li>
      <!--Simple Sub Menu End-->
      
      <!--Multi-level Sub Menu Start-->
      <li class='submenu'><a href='#'>Mult-level</a>
        <ul>
          <li><a href='#'>Sub Menu 1</a></li>
          <li><a href='#'>Sub Menu 2</a></li>
          <li class='submenu2'><a href='#'>Sub Menu 3</a>
            <ul>
              <li><a href='#'>Sub Menu 3.1</a></li>
              <li><a href='#'>Sub Menu 3.2</a></li>
              <li><a href='#'>Sub Menu 3.3</a></li>
              <li><a href='#'>Sub Menu 3.4</a></li>
            </ul>
          </li>
          <li><a href='#'>Sub Menu 4</a></li>
        </ul>
      </li>
      <!--Multi-level Sub Menu End-->
      
      <!--Recent Post Mega Menu change Travel and Passion below with your labels-->
      <li class='nav-rec' data-label='Travel'><a href='#'>Tech</a></li>
      <li class='nav-big' data-label='Passion' data-heading='Passion'><a href='#'>Passion</a></li>
      
      <!--Four col Mega menu Start-->
      <li class='megamenu'><a href='#'>Mega Menu</a>
        <ul>
          <h3>Title 1</h3>
          <li><a href='#'>Demo Link</a></li>
          <li><a href='#'>Demo Link</a></li>
          <li><a href='#'>Demo Link</a></li>
          <li><a href='#'>Demo Link</a></li>
        </ul>
        <ul>
          <h3>Title 2</h3>
          <li><a href='#'>Demo Link</a></li>
          <li><a href='#'>Demo Link</a></li>
          <li><a href='#'>Demo Link</a></li>
          <li><a href='#'>Demo Link</a></li>
        </ul>
        <ul>
          <h3>Title 3</h3>
          <li><a href='#'>Demo Link</a></li>
          <li><a href='#'>Demo Link</a></li>
          <li><a href='#'>Demo Link</a></li>
          <li><a href='#'>Demo Link</a></li>
        </ul>
        <ul>
          <h3>Title 4</h3>
          <li><a href='#'>Demo Link</a></li>
          <li><a href='#'>Demo Link</a></li>
          <li><a href='#'>Demo Link</a></li>
          <li><a href='#'>Demo Link</a></li>
        </ul>
      </li>
       <!--Four col Mega menu End-->
       
 <li class='nav-simple'><a href='/'><small class='frec'>Recent</small><small>Articles</small></a></li>
</ul>
  </nav>

التعديل علي home top

لاضافة شريط اخر الاخبار اضف هذا الكود



<div data-genova='ticker'></div>


لاضافة الاضافة التالية اضف هذا الكود


<div class='g-home-top' data-label1='تسمية' data-label2='تسمية' data-label3='تسمية' data-label4='تسمية' data-label5='تسمية' data-label6='تسمية' data-label7='تسمية'></div>

التعديل علي wide top

لاضافة هذه الاضافة اضف الكود التالي

<div data-genova='wide-tabs' data-label='["Gallery","Passion","Travel","Sports"]'></div>


لاضافة هذا الاضافة  اضف الكود التالي


<div data-genova='big-wide' data-label='Gallery'></div>

لاضافة هذه الاضافة اضف الكود التالي

<div data-genova='cards' data-sub='An example of subtitle' data-label='Passion'></div>

التعديل علي Horizontal

لاضافة هذه الاضافة اضف الكود التالي

<div data-genova='strips' data-title='Some Heading' data-sub='This is some subtitle' data-label='Travel'></div>

لاضافة هذه الاضافة اضف الكود التالي


<div data-genova='headline' data-title='Some Heading' data-sub='This is some subtitle' data-label='Travel'></div>

لاضافة هذه الاضافة اضف الكود التالي



<div data-title='Some Title' data-sub='This is sub title' data-genova='stack' data-label='Gallery'></div>

لاضافة هذه الاضافة اضف الكود التالي



<div data-genova='gallery' data-label='Gallery' data-sub='If travelling was free you will never find me again!'></div>

التعديل علي Vertical

لاضافة هذه الاضافة اضف الكود التالي





<div data-genova='simple' data-sub='The is subtitle' data-label='Passion'></div>

لاضافة الاضافة التالية اضف الكود التالي



<div data-genova='single' data-label='Passion'></div>

لاضافة الاضافة التالية اضف الكود التالي

<div data-genova='slider' data-title='Some Heading' data-sub='This is some subtitle' data-label='Travel'></div>

اعدادات السايدبار

لاضافة الاضافة التالية



<div data-genova='tab-mash'></div>


لاضافة الاضافة التاليه اضف الكود التالي





<div data-genova='sidebar' data-label="Gallery"></div>

لاضافة الاضافة التالية اضف الكود التالي



<div class="tl-socialicons">
<div class="tl-socialInner">
  <!--Facebook-->
    <div class="tl-social">
  <div class="tl-facebook tl-sinn">
      <a href='#' target='_blank' title="Facebook">
      <span class="tl-sicon"><i class="fa fa-facebook"></i></span>
      <span class="tl-scount">3.1K</span>
      </a>
      </div>
      </div>
  <!--Google Plus-->
    <div class="tl-social">
  <div class="tl-googleplus tl-sinn">
      <a href='#' target='_blank' title="Google Plus">
      <span class="tl-sicon"><i class="fa fa-google-plus"></i></span>
      <span class="tl-scount">2K</span>
      </a>
    </div>
    </div>
  <!--Twitter-->
  <div class="tl-social">
  <div class="tl-twitter tl-sinn">
      <a href='#' target='_blank' title="Twitter">
      <span class="tl-sicon"><i class="fa fa-twitter"></i></span>
      <span class="tl-scount">1.4K</span>
      </a>
    </div>
    </div>
  <!--Instagram-->
  <div class="tl-social">
  <div class="tl-instagram tl-sinn">
      <a href='#' target='_blank' title="Instagram">
      <span class="tl-sicon"><i class="fa fa-instagram"></i></span>
      <span class="tl-scount">2K</span>
      </a>
    </div>
    </div>
  <!--Pinterest-->
  <div class="tl-social">
  <div class="tl-pinterest tl-sinn">
      <a href='#' target='_blank' title="Pinterest">
      <span class="tl-sicon"><i class="fa fa-pinterest"></i></span>
      <span class="tl-scount">4.5K</span>
      </a>
    </div>
    </div>
  <!--Youtube-->
  <div class="tl-social">
  <div class="tl-youtube tl-sinn">
      <a href='#' target='_blank' title="YouTube">
      <span class="tl-sicon"><i class="fa fa-youtube"></i></span>
      <span class="tl-scount">2.8K</span>
      </a>
    </div>
    </div>
  <!--Vine-->
  <div class="tl-social">
  <div class="tl-vine tl-sinn">
      <a href='#' target='_blank' title="Vine">
      <span class="tl-sicon"><i class="fa fa-vine"></i></span>
      <span class="tl-scount">3.3K</span>
      </a>
    </div>
    </div>
  <!--SoundCloud-->
  <div class="tl-social">
  <div class="tl-soundcloud tl-sinn">
      <a href='#' target='_blank' title="SoundCloud">
      <span class="tl-sicon"><i class="fa fa-soundcloud"></i></span>
      <span class="tl-scount">3.9K</span>
      </a>
    </div>
    </div>
    
      <!--VK-->
      <div class="tl-social">
  <div class="tl-vk tl-sinn">
      <a href='#' target='_blank' title="VK">
      <span class="tl-sicon"><i class="fa fa-vk"></i></span>
      <span class="tl-scount">3.9K</span>
      </a>
    </div>
    </div>
      <!---->
      <div class="tl-social">
  <div class="tl-foursquare tl-sinn">
      <a href='#' target='_blank' title="Foursquare">
      <span class="tl-sicon"><i class="fa fa-foursquare"></i></span>
      <span class="tl-scount">3.9K</span>
      </a>
    </div>
    </div>
      <!--GitHub-->
      <div class="tl-social">
  <div class="tl-github tl-sinn">
      <a href='#' target='_blank' title="GitHub">
      <span class="tl-sicon"><i class="fa fa-github"></i></span>
      <span class="tl-scount">3.9K</span>
      </a>
    </div>
    </div>
      <!--Dribbble-->
      <div class="tl-social">
  <div class="tl-dribbble tl-sinn">
      <a href='#' target='_blank' title="Dribbble">
      <span class="tl-sicon"><i class="fa fa-dribbble"></i></span>
      <span class="tl-scount">3.9K</span>
      </a>
    </div>
    </div>
    
    </div>
</div>

لاضافة الاضافة التالية اضف الكود التالي



<div class="simple-social">
<ul class="tl-colored-social icon-zoom list-unstyled list-inline">
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
<li><a href="#"><i class="fa fa-pinterest"></i></a></li>
<li><a href="#"><i class="fa fa-github"></i></a></li>
<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
<li><a href="#"><i class="fa fa-foursquare"></i></a></li>
<li><a href="#"><i class="fa fa-vk"></i></a></li>
<li><a href="#"><i class="fa  fa-stumbleupon"></i></a></li>
<li><a href="#"><i class="fa fa-reddit"></i></a></li>
<li><a href="#"><i class="fa fa-rss"></i></a></li>
<li><a href="#"><i class="fa fa-lastfm"></i></a></li>
<li><a href="#"><i class="fa fa-flickr"></i></a></li>
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
<li><a href="#"><i class="fa fa-soundcloud"></i></a></li>
<li><a href="#"><i class="fa fa-vine"></i></a></li>
<li><a href="#"><i class="fa fa-xing"></i></a></li>
<li><a href="#"><i class="fa fa-youtube"></i></a></li>
</ul>
</div>

لاضافة الاضافة التالية اضف الكود التالي





<div data-genova='slider' data-title='Some Heading' data-sub='This is some subtitle' data-label='Travel'></div>



اعدادات الفوتر

لاضافة الاضافة التالية اضف الكود التالي






<div class="footer-menu footer-Tags">
<div class="f-menu-l">
<span>Hot Tags:</span>
<ul>
 <li><a href="/">Home</a></li>
  <li><a href="#">Gallery</a></li>
  <li><a href="#">Travel</a></li>
    <li><a href="#">Videos</a></li>
  <li><a href="#">Pasion</a></li>
    <li><a href="#">Foods</a></li>
  <li><a href="#">Nature</a></li>
    <li><a href="#">Science</a></li>
  <li><a href="#">Tech</a></li>
    <li><a href="#">Games</a></li>
  <li><a href="#">History</a></li>
</ul>
</div>
<div class="footer-contct">
<a class='f-contact' href="#"><i class='fa fa-envelope'/></i></a>
</div>

</div>




  1. الردود
    1. شكرااا لك اخي الكريم
      زرنا مجددا

      حذف
  2. السلام عليكم اخي الكريم بدي اغلبك معي

    اخي ممكن حل لهذه المشكله

    عندما اضغط على ( شاهد الكل ) يقوم بتوجيهي الى صفحة الخطأ وبعدها الى موقعك مباشرة

    هذه صورة

    http://store2.up-00.com/2016-09/1475252788551.png

    ارجو الحل

    وشكرا

    ردحذف
    الردود
    1. لا ياباشا انا دخلت عندك وشغالة وكله نمام

      حذف
  3. اخي العزيز هذه اخر مشكله اتكلم لك عنها ( غلبتك معي )

    اخي الكريم اريد ان اعمل قائمة نفس هذه بجانب القائمة الاصلية ( فهمت علي اخي )

    هذه صورة للتوضيح

    http://store1.up-00.com/2016-09/147525634491.png

    وشكرا

    ردحذف
    الردود
    1. قصدك عاوز قائمة كمان بنفس دي؟

      حذف
    2. هذا يحتاج دعم وللاسف انا لا اقدمه

      حذف
    3. اخي سلامة فهمك انا بدي افهمك الموضوع

      الكود موجود عندي لكن عندما اضعة تحت الكود الاصلي تاتي القائمة داخل القائمة السابقة لا بجانبها

      حذف
    4. ممكن صورة للتوضيح او رابط المعاينة

      حذف
    5. حسنا اخي

      لقد قمت بأضافة الكود تحت الكود السابق

      هكذا تأتي

      http://store1.up-00.com/2016-10/147534843141.png

      حذف
    6. هذا شئ طبيعي لانه لا يمكن اضافة سوي 1 قائمة مثل هذه

      حذف
  4. اخي توجد مشكله صغيرة ..

    عندما ادخل على صفحة الخطأ في الموقع يقوم بتحويلي الى موقعك !!

    هل بأمكاني تعديل ذلك ؟

    ردحذف
    الردود
    1. تم حل المشكلة
      يمكنك تحميل القالب بدون اي اخطاء

      حذف

ابحث عن موضوع في مدونة الاوائل