العراق اونلاين
نرحب
بكل من يزور
منتدانا

ننتظر تسجيلك هـنـا


{ (إعلن معنا ) ~

..{ |[.. التبادل الاعلاني للمنتديات.. ☆ ┗ }..}~
     
..{ |[.. فعَاليَات المُنتدى .. ☆ ┗ }..}~
     




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

كود قائمه منسدله من فور يمني I_icon_minicat_new منتدبات سحر العيون
۞منور المنتدى۞ إسم المستخدم: زائر آخر زيارة لك كانت: أخر عضو مسجل: ameeraljn مواضيعى : ردودى
الرئيسية القوانين المجموعات مجلة المنتدي المشاركات الجديدة البحث التسجيل تسجيل الخروج

العراق اونلاين :: ¨°o.O ( كل ما يخص الازرار والواجهات ) O.o°" :: اكواد الازرار

إرسال موضوع جديدإرسال مساهمة في موضوع
شاطر

كود قائمه منسدله من فور يمني Emptyالثلاثاء يونيو 30, 2015 10:52 pm
المشاركة رقم:
Admin
Admin

سحر العيون

إحصائية العضو

عدد المساهمات : 341
تاريخ التسجيل : 05/01/2013
https://iraqaonlaen.0wn0.com
مُساهمةموضوع: كود قائمه منسدله من فور يمني


كود قائمه منسدله من فور يمني


الكود:

<style>
body, ul, li {
    font-size:14px;
    font-family:Arial, Helvetica, sans-serif;
    line-height:21px;
    text-align:right;
}
 
/* Navigation Bar */
 
#menu {
    list-style:none;
    width:940px;
    margin:30px auto 0px auto;
    height:43px;
    padding:0px 20px 0px 20px;

    /* Rounded Corners */
 
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
 
    /* Background color and gradients */
 
    background: #2c2c2c;
    background: -moz-linear-gradient(top, #89cc33, #649525);

 
    /* Borders */
 
    border: 1px solid #474747;
 
    -moz-box-shadow:inset 0px 0px 1px #edf9ff;
    -webkit-box-shadow:inset 0px 0px 1px #edf9ff;
    box-shadow:inset 0px 0px 1px #edf9ff;
}
 
#menu li {
    float:right;
    text-align:right;
    position:relative;
    padding: 4px 10px 4px 10px;
    margin-right:30px;
    margin-top:7px;
    border:none;
}
 
#menu li:hover {
    border: 1px solid #777777;
    padding: 4px 9px 4px 9px;
 
    /* Background color and gradients */
 
    background: #F4F4F4;
    background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
 
    /* Rounded corners */
 
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}
 
#menu li a {
    font-family:Tahoma;
    font-size:14px;
    color: #EEEEEE;
    display:block;
    outline:0;
    text-decoration:none;
    text-shadow: 1px 1px 1px #000;
}
 
#menu li:hover a {
    color:#161616;
    text-shadow: 1px 1px 1px #FFFFFF;
}
#menu li .drop {
    padding-right:21px;
    background:url("img/drop.png") no-repeat rightright 8px;
}
#menu li:hover .drop {
    background:url("img/drop.png") no-repeat rightright 7px;
}
 
/* Drop Down */
 
.dropdown_1column,
.dropdown_2columns,
.dropdown_3columns,
.dropdown_4columns,
.dropdown_5columns {
    margin:4px auto;
    float:right;
    position:absolute;
    left:-999em; /* Hides the drop down */
    text-align:right;
    padding:10px 5px 10px 5px;
    border:1px solid #777777;
    border-top:none;
 
    /* Gradient background */
    background:#F4F4F4;
    background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));
 
    /* Rounded Corners */
    -moz-border-radius: 0px 5px 5px 5px;
    -webkit-border-radius: 0px 5px 5px 5px;
    border-radius: 0px 5px 5px 5px;
}
 
.dropdown_1column {width: 140px;}
.dropdown_2columns {width: 140px;}
.dropdown_3columns {width: 140px;}
.dropdown_4columns {width: 140px;}
.dropdown_5columns {width: 140px;}
 
#menu li:hover .dropdown_1column,
#menu li:hover .dropdown_2columns,
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns {
    left:-1px;
    top:auto;
}
 
/* Columns */
 
.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
    display:inline;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
}
.col_1 {width:130px;}
.col_2 {width:270px;}
.col_3 {width:410px;}
.col_4 {width:550px;}
.col_5 {width:690px;}
 
/* Right alignment */
 
#menu .menu_right {
    float:right;
    margin-right:0px;
}
#menu li .align_right {
    /* Rounded Corners */
    -moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}
#menu li:hover .align_right {
    left:auto;
    rightright:-1px;
    top:auto;
}
 
/* Drop Down Content Stylings */
 
#menu p, #menu h2, #menu h3, #menu ul li {
    font-family:Arial, Helvetica, sans-serif;
    line-height:21px;
    font-size:12px;
    text-align:left;
    text-shadow: 1px 1px 1px #FFFFFF;
}
#menu h2 {
    font-size:21px;
    font-weight:400;
    letter-spacing:-1px;
    margin:7px 0 14px 0;
    padding-bottom:14px;
    border-bottom:1px solid #666666;
}
#menu h3 {
    font-size:14px;
    margin:7px 0 14px 0;
    padding-bottom:7px;
    border-bottom:1px solid #888888;
}
#menu p {
    line-height:18px;
    margin:0 0 10px 0;
}
 
#menu li:hover div a {
    font-size:12px;
    color:#015b86;
}
#menu li:hover div a:hover {
    color:#029feb;
}
.strong {
    font-weight:bold;
}
.italic {
    font-style:italic;
}
.imgshadow {
    background:#FFFFFF;
    padding:4px;
    border:1px solid #777777;
    margin-top:5px;
    -moz-box-shadow:0px 0px 5px #666666;
    -webkit-box-shadow:0px 0px 5px #666666;
    box-shadow:0px 0px 5px #666666;
}
.img_left { /* Image sticks to the left */
    width:auto;
    float:left;
    margin:5px 15px 5px 5px;
}
#menu li .black_box {
    background-color:#333333;
    color: #eeeeee;
    text-shadow: 1px 1px 1px #000;
    padding:4px 6px 4px 6px;
 
    /* Rounded Corners */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
 
    /* Shadow */
    -webkit-box-shadow:inset 0 0 3px #000000;
    -moz-box-shadow:inset 0 0 3px #000000;
    box-shadow:inset 0 0 3px #000000;
}
#menu li ul {
    list-style:none;
    padding:0;
    margin:0 0 12px 0;
}
#menu li ul li {
    font-size:12px;
    line-height:24px;
    position:relative;
    text-shadow: 1px 1px 1px #ffffff;
    padding:0;
    margin:0;
    float:none;
    text-align:left;
    width:130px;
}
#menu li ul li:hover {
    background:none;
    border:none;
    padding:0;
    margin:0;
}
#menu li .greybox li {
    background:#F4F4F4;
    border:1px solid #bbbbbb;
    margin:0px 0px 4px 0px;
    padding:4px 6px 4px 6px;
    width:116px;
 
    /* Rounded Corners */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#menu li .greybox li:hover {
    background:#ffffff;
    border:1px solid #aaaaaa;
    padding:4px 6px 4px 6px;
    margin:0px 0px 4px 0px;
}
</style>
<ul id="menu">
 
      <li><a href="http://www.4egy.net/" class="drop">الرئيسية</a>
            <div class="dropdown_1column">
        </li>


      <li><a href="#" class="drop">شركة فور يمنى</a>
            <div class="dropdown_1column">
            <p>1 قريبا </p>
            <p>1 قريبا </p>
            </div>
        </li>


      <li><a href="#" class="drop">شركة فور يمنى</a>
            <div class="dropdown_1column">
            <p>2 قريبا </p>
            <p>2 قريبا </p>
            </div>
        </li>


      <li><a href="#" class="drop">شركة فور يمنى</a>
            <div class="dropdown_1column">
            <p>3 قريبا </p>
            <p>3 قريبا </p>
            </div>
        </li>

 
      <li><a href="#" class="drop">شركة فور يمنى</a>
            <div class="dropdown_1column">
            <p>4 قريبا </p>
            <p>4 قريبا </p>
            </div>
        </li>





الموضوع الأصلي : كود قائمه منسدله من فور يمني // المصدر : منتديات أحلى حكاية // الكاتب: سحر العيون


توقيع : سحر العيون



_________________
كود قائمه منسدله من فور يمني 5405_i10
كود قائمه منسدله من فور يمني XoNEG


إرسال موضوع جديدإرسال مساهمة في موضوع



الــرد الســـريـع
..



الذين يشاهدون محتوى الموضوع الآن : 20 ( الأعضاء 3 والزوار 17)



كود قائمه منسدله من فور يمني Collapse_theadتعليمات المشاركة
صلاحيات هذا المنتدى:
تستطيع الرد على المواضيع في هذا المنتدى

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة


๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑(أعلي 10 إحصائيات)๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑๑۩۞۩๑
أكثر الأقسام شعبيةأفضل المواضيعافضل 10 اعضاء فى منتدىآخر المشاركات
 سحر العيون 341 المساهمات
 علم حسن 87 المساهمات
 أبو آفاق 84 المساهمات
 احمد الهلالى 1 مُساهمة
الموضوع  التاريخ, الوقت أرسلت بواسطة
 توقيت نشر المساهمه الثلاثاء يناير 24, 2017 2:03 am
 توقيت نشر المساهمه السبت أكتوبر 08, 2016 8:26 am
 توقيت نشر المساهمه الجمعة أكتوبر 16, 2015 5:07 pm
 توقيت نشر المساهمه الأحد أغسطس 16, 2015 4:41 am
 توقيت نشر المساهمه الثلاثاء يوليو 28, 2015 5:26 am
 توقيت نشر المساهمه الخميس يوليو 23, 2015 8:21 pm
 توقيت نشر المساهمه الخميس يوليو 23, 2015 7:31 pm
 توقيت نشر المساهمه الأربعاء يوليو 22, 2015 2:20 pm
 توقيت نشر المساهمه الأحد يوليو 19, 2015 8:15 am
 توقيت نشر المساهمه الأحد يوليو 19, 2015 8:13 am
 توقيت نشر المساهمه الأحد يوليو 19, 2015 8:06 am
 توقيت نشر المساهمه السبت يوليو 18, 2015 8:28 pm
أفضل 10 فاتحي مواضيع افضل 10 اعضاء هذا الشهرافضل 10 اعضاء هذا الاسبوع
سحر العيون 203 المواضيع
أبو آفاق 22 المواضيع
علم حسن 18 المواضيع
احمد الهلالى 1 موضوع