منتديات شعراء
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا
ادارة المنتدي
pantherads
Review Widgets
تم افتتاح منتديات كلمات اغانى
وتم وقف النشاط فى منتديات شعراء
التسجيل من هنا

اعلانات
بحـث
 
 

نتائج البحث
 


Rechercher بحث متقدم

اعلانات
المواضيع الأخيرة
» لـــحـــظـة لــقــــــاء
الإثنين 10 ديسمبر 2012, 9:02 pm من طرف نانا محمد

» ليـــــــــــــــــــه كـــــــل النـــاس ظلمــــــــــانى
الإثنين 03 ديسمبر 2012, 9:01 pm من طرف نانا محمد

» أشهد يا بيتنا و سجل دمعتى
الأحد 25 نوفمبر 2012, 3:05 am من طرف نانا محمد

» كلوي كارداشيان تجلس على حضن سايمون كويل:"هل انتَ متحمس؟"
الخميس 22 نوفمبر 2012, 6:26 pm من طرف شاعر

» يـا دوحة المجد من فهرٍ ومن مضر
الخميس 22 نوفمبر 2012, 6:17 pm من طرف شاعر

»  ﻓـﻲ ﺍﻟـﺤُــﺐ ، ﻳُـﻠــﻐـﻰ ﺍﻟـﻤـﻨـﻄـﻖ
الخميس 22 نوفمبر 2012, 6:06 pm من طرف شاعر

» كلمات اغنية امال ماهر "رايح بيا فين " 2012
الخميس 22 نوفمبر 2012, 7:20 am من طرف شاعر

» « حبر العيون » راشد الماجد
الخميس 22 نوفمبر 2012, 7:18 am من طرف شاعر

»  الطيور المهاجرة.
الثلاثاء 20 نوفمبر 2012, 11:52 am من طرف الزهراء

المتواجدون الآن ؟
ككل هناك 1 عُضو حالياً في هذا المنتدى :: 0 عضو مُسجل, 0 عُضو مُختفي و 1 زائر

لا أحد

[ مُعاينة اللائحة بأكملها ]


أكبر عدد للأعضاء المتواجدين في هذا المنتدى في نفس الوقت كان 32 بتاريخ السبت 04 أغسطس 2012, 8:13 pm
احصائيات
alexa
فتحه اجباريه
اعلانات

شرح طريقه اضافه قوائم وصفحات لــ مدونات بلوجر

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

شرح طريقه اضافه قوائم وصفحات لــ مدونات بلوجر

مُساهمة من طرف شاعر في الإثنين 20 أغسطس 2012, 7:41 am

شرح طريقه اضافه قوائم وصفحات لــ مدونات بلوجر



بسم الله الرحمن الرحيم والحمد لله والصلام والسلام على اشرف خلق الله.
سيدنا محمد صلُ الله عليه وسلم.
نتطرق لأضافه اكثر من رائعه يحتاجها كل مدون محترف.
[center]ومبتدىء وهى القوائم والروابط والصفحات المنسدله الذى تسهل على الزائر التصفح والتعرف على مدونتك اكثر فأكثر.
لتركيب الاضافه تابع معى

[center]تدخل على لوحه تحكم المدونه ثم تصميم ثم اضافه اداه ثم اختار HTML/Javascript


ثم اضف الكود التى بداخل الاداه
الكود:
<script src='http://mybloggertricks.googlecode.com/files/dropdownddlevel.js' type='text/javascript'></script>
    <style>
    /* ######### Drop Down Menu by www.support-b.blogspot.com ######### */


    .ddsubmenustyle, .ddsubmenustyle div{ /*topmost and sub DIVs, respectively*/
    font: normal 13px Verdana;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    list-style-type: none;
    background: white;
    border: 1px solid black;
    border-bottom-width: 0;
    visibility: hidden;
    z-index: 100;
    }

    .ddsubmenustyle ul{
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    list-style-type: none;
    border: 0px none;
    }

    .ddsubmenustyle li a{
    display: block;
    width: 170px; /*width of menu (not including side paddings)*/
    color: black;
    background-color: lightyellow;
    text-decoration: none;
    padding: 4px 5px;
    border-bottom: 1px solid black;
    }

    * html .ddsubmenustyle li{ /*IE6 CSS hack*/
    display: inline-block;
    width: 170px; /*width of menu (include side paddings of LI A*/
    }

    .ddsubmenustyle li a:hover{
    background-color: black;
    color: white;
    }

    .downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
    padding-left: 4px;
    border: 0;
    }

    .rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
    position: absolute;
    padding-top: 3px;
    left: 100px;
    border: 0;
    }

    .ddiframeshim{
    position: absolute;
    z-index: 500;
    background: transparent;
    border-width: 0;
    width: 0;
    height: 0;
    display: block;
    }


    /* ######### Black Strip Main Menu Bar CSS ######### */

    .mattblackmenu ul{
    margin: 0;
    padding: 0;
    font: bold 12px Verdana;
    list-style-type: none;
    border-bottom: 1px solid gray;
    background: #414141;
    overflow: hidden;
    width: 100%;
    }

    .mattblackmenu li{
    display: inline;
    margin: 0;
    }

    .mattblackmenu li a{
    float: left;
    display: block;
    text-decoration: none;
    margin: 0;
    padding: 6px 8px; /*padding inside each tab*/
    border-right: 1px solid white; /*right divider between tabs*/
    color: white;
    background: #414141;
    }

    .mattblackmenu li a:visited{
    color: white;
    }

    .mattblackmenu li a:hover{
    background: black; /*background of tabs for hover state */
    }

    .mattblackmenu a.selected{
    background: black; /*background of tab with "selected" class assigned to its LI */
    }

    </style>

   

    <div id="ddtopmenubar" class="mattblackmenu">
    <ul>
    <li><a href="#">LINK1</a></li>
    <li><a href="#" rel="ddsubmenu1">LINK2</a></li>
    <li><a href="#" rel="ddsubmenu2">LINK3</a></li>
    <li><a href="#">Link4</a></li>
    <li><a href="#" rel="ddsubmenu3">LINK5</a></li>
    </ul>
    </div>

    <script type="text/javascript">
    ddlevelsmenu.setup("ddtopmenubar", "topbar") http://ddlevelsmenu.setup("mainmenuid", "topbar|sidebar")
    </script>


    <ul class='ddsubmenustyle' id='ddsubmenu1'>
    <li><a href='#'>LINK2 ITEM 1</a></li>
    <li><a href='#'>LINK2 ITEM 2</a>
      <ul>
      <li><a href='#'>LINK2 ITEM 2.1</a></li>
      <li><a href='#'>LINK2 ITEM 2.2</a></li>
      </ul>

    </li>
    <li><a href='#'>LINK2 ITEM 3</a>
      <ul>
      <li><a href='#'>LINK2 ITEM 3.1</a></li>

        </ul>

    </li>

    <li><a href='#'>LINK2 ITEM 4</a></li>

    </ul>


    <ul class='ddsubmenustyle' id='ddsubmenu2'>
    <li><a href='#'>LINK3 ITEM 1</a></li>
    <li><a href='#'>LINK3 ITEM 2</a></li>
    <li><a href='#'>LINK3 ITEM 3</a>
      <ul>
      <li><a href='#'>LINK3 ITEM 3.1</a></li>

    <li><a href='#'>LINK3 ITEM 3.2</a></li>
      <li><a href='#'>LINK3 ITEM 3.3</a></li>
      <li><a href='#'>LINK3 ITEM 3.4</a></li>
      </ul>
    </li>
    <li><a href='#'>LINK3 ITEM 4</a></li>
    <li><a href='#'>LINK3 ITEM 5</a>
      <ul>

      <li><a href='#'>LINK3 ITEM 5.1</a></li>
      <li><a href='#'>LINK3 ITEM 5.2</a>
        <ul>
        <li><a href='#'>LINK3 ITEM 5.2 1</a></li>
        <li><a href='#'>LINK3 ITEM 5.2 2</a></li>
        <li><a href='#'>LINK3 ITEM 5.2 3</a></li>

        </ul>
      </li>
        </ul>
    </li>
    <li><a href='#'>LINK3 ITEM 6</a></li>
    </ul>

   

    <ul class='ddsubmenustyle' id='ddsubmenu3'>
    <li><a href='#'>LINK5 ITEM 1</a></li>
    <li><a href='#'>LINK5 ITEM 2</a></li>

    <li><a href='#'>LINK5 ITEM 3</a></li>
    <li><a href='#'>LINK5 ITEM 4</a></li>
    <li><a href='#'>LINK5 ITEM 5</a></li>
    </ul> 
تخصيص الاضافه:


  • ضع اسم الصفحه او اللينك مكان كلمه (LINK5 ITEM)

    • ضع الرابط مكان #

      ارجو ان اكون اوفيت الشرح.....تم بحمد الله
    </li>

[/center][/center]
avatar
شاعر
Admin
Admin

عدد المساهمات : 859
نقاط : 2302
السٌّمعَة : 0
تاريخ التسجيل : 29/07/2012
العمر : 32

معاينة صفحة البيانات الشخصي للعضو http://mohammedsaber341985.blogspot.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى