تسجيل الدخول

نافبار هدية خاص بشبكة الفرسان
شبكة فرسان التصميم
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.
-->



 
آخر المواضيع
الموضوع
تاريخ ارسال المشاركة
بواسطة
иαиα ρℓυs sαмɪ ρℓυs вєиᴊя єɢαℓє яємɪx τα3 τмαнвɪℓ
برج العرب
الدراسة في مصر
تَبقى الذكرياَت دروسآ في حياتناَ > [GALLERY]
[خامس دروس الدورة] شكل الاقسام + المتواجدون وتعديلات اخرى + المواضيع
[أول دروس الدورة] اشياء اساسية لتحويل استايل vb
أول اعمالي في الـMMS
[رابع دروس الدورة] وضع اللمسات الاخيرة على الهيدر + تحويل الفوتر
مجموعة ادعية لاجتياز الامتحانات و الاختبارات
الراحمون يرحمهم الله
الجمعة مايو 26, 2023 12:43 am
الخميس ديسمبر 08, 2022 10:54 am
الخميس ديسمبر 08, 2022 10:54 am
الخميس يوليو 30, 2015 11:43 pm
الأربعاء يوليو 15, 2015 6:29 am
الثلاثاء مايو 12, 2015 12:10 am
الثلاثاء أبريل 07, 2015 6:26 pm
الثلاثاء أبريل 07, 2015 12:28 pm
الثلاثاء أبريل 07, 2015 4:43 am
الثلاثاء أبريل 07, 2015 4:37 am














شبكة فرسان التصميم :: طلبات الجرافيك و التصاميم :: إبداعاتنا

كاتب الموضوع شموخ انثى مشاهدة صفحة طباعة الموضوع  | أرسل هذا الموضوع إلى صديق  |  الاشتراك انشر الموضوع
 المشاركة رقم: #
تم النشر فى :25 - 07 - 2012
شموخ انثى
عضو الشبكة
عضو الشبكة
تواصل معى
البيانات
تاريخ التسجيل : 13/07/2012
المشاركات : 59
الجنس : انثى
العمر : 33
نافبار هدية خاص بشبكة الفرسان Emptyموضوع: نافبار هدية خاص بشبكة الفرسان

نافبار هدية خاص بشبكة الفرسان
السلام عليكم

نافبار هدية خاصة لشبكة الفرسان به قوائم منسدلة

للمعاينة



نافبار هدية خاص بشبكة الفرسان Cool10

https://i.servimg.com/u/f43/13/13/36/60/cool10.png




كود هوتميل ويوضع فى التشكيلات العامة او الاعلانات الخاصة
الكود:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
     
    <link rel="stylesheet" href="menu.css" type="text/css" media="screen" /> 
     
    <title>Mega Drop Down Menu</title> 
    <!--[if IE 6]> 
    <style> 
    body {behavior: url("csshover3.htc");} 
    #menu li .drop {background:url("img/drop.gif") no-repeat right 8px; 
    </style> 
    <![endif]--> 
     
    </head> 
     
    <body> 
     
    <ul id="menu"> 
         
        <li><a href="#" class="drop">كلمة الفرسان</a><!-- Begin Home Item --> 
         
            <div class="dropdown_2columns"><!-- Begin 2 columns container --> 
         
                <div class="col_2"> 
                    <h2>مرحبا !</h2> 
                </div> 
         
                <div class="col_2"> 
                    <p>شبكة فرسان التصميم ترحب بكم</p>             
                    <p>وتتمنى لكم متعة التصفح</p>             
                </div> 
         
                <div class="col_2"> 
                    <h2>فأهلا وسهلا بكم</h2> 
                </div> 
                 
                <div class="col_1"> 
                    <img src="img/browsers.png" width="125" height="48" alt="" /> 
                </div> 
                 
                <div class="col_1"> 
              </p> 
                </div> 
               
            </div><!-- End 2 columns container --> 
         
        </li><!-- End Home Item --> 
     
     
     
         
     
        <li class="menu_right"><a href="#" class="drop"> مواقع مفيدة</a> 
         
            <div class="dropdown_1column align_right"> 
             
                    <div class="col_1"> 
                     
                        <ul class="simple"> 
                            <li><a href="http://www.gulfup.com/">مركز تحميل صور</a></li> 
                            <li><a href="http://www.resize2mail.com/index.php">مركز تصغير صور</a></li> 
                            <li><a href="http://html-color-codes.info/">مركز أكواد ألوان</a></li> 
                            <li><a href="http://www.cursors-4u.com/">مركز ماوسات</a></li> 
                            <li><a href="http://www.clocklink.com/">مركز ساعات</a></li> 
                            <li><a href="#">قريبا</a></li> 
                            <li><a href="#">قريبا</a></li> 
                            <li><a href="#">قريبا</a></li> 
                             
                        </ul>   
                         
                    </div> 
                     
            </div> 
             
        </li> 
     
        <li class="menu_right"><a href="#" class="drop">أكواد وتقنيات</a><!-- Begin 3 columns Item --> 
         
            <div class="dropdown_3columns align_right"><!-- Begin 3 columns container --> 
                 
                <div class="col_3"> 
                    <h2>أكواد وتقنيات</h2> 
                </div> 
                 
                <div class="col_1"> 
         
                    <ul class="greybox"> 
                        <li><a href="#">أكواد ccs</a></li> 
                   
                    </ul>   
         
                </div> 
                 
                <div class="col_1"> 
         
                    <ul class="greybox"> 
                        <li><a href="#">أكواد  هوتميل</a></li> 
                       
                    </ul>   
         
                </div> 
                 
                <div class="col_1"> 
         
                    <ul class="greybox"> 
                        <li><a href="#">قريبا</a></li> 
                       
                    </ul>   
         
                </div> 
                 
 
             
            </div><!-- End 3 columns container --> 
             
        </li><!-- End 3 columns Item --> 

 
    <li class="menu_right"><a href="#" class="drop"> تصاميم فرسان الشبكة</a><!-- Begin 3 columns Item --> 
     
        <div class="dropdown_3columns align_right"><!-- Begin 3 columns container --> 
             
            <div class="col_3"> 
                <h2>تصاميم فرسان الشبكة</h2> 
            </div> 
             
            <div class="col_1"> 
     
                <ul class="greybox"> 
                    <li><a href="#">أستايلات تومبيلات</a></li> 
                    <li><a href="#">أستايلات عادية</a></li> 
                   
                </ul>   
     
            </div> 
             
            <div class="col_1"> 
     
                <ul class="greybox"> 
                    <li><a href="#">أستايلات محولة</a></li> 
                    <li><a href="#">واجهات مختلفة</a></li> 
                   
                </ul>   
     
            </div> 
             
            <div class="col_1"> 
     
                <ul class="greybox"> 
                    <li><a href="#">تواقيع وبنرات</a></li> 
                    <li><a href="#">تصاميم أخرى</a></li> 
                   
                </ul>   
     
            </div> 
             
           
         
        </div><!-- End 3 columns container --> 
         
    </li><!-- End 3 columns Item --> 



 <ul class="greybox"> 
                    <li><a href="http://stibda3.123.st/f10-montada">دروس الفوتوشوب</a></li> 
                   
                   
                </ul>   
     
            </div> 
             
           
         
        </div><!-- End 3 columns container -->
     
    </ul> 
     
    </body> 
     
    </html> 


الكود الثانى ويوضع فى ورقة ccs


الكود:
    body, ul, li { 
        font-size:16px; 
        font-family:Arial, Helvetica, sans-serif; 
        line-height:21px; 
        text-align:left; 
    } 
     
    /* Navigation Bar */ 
     
    #menu { 
        list-style:none; 
        width:700px; 
        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: #014464; 
        background: -moz-linear-gradient(top, #0272a7, #013953); 
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953)); 
         
        /* Borders */ 
         
        border: 1px solid #002232; 
     
        -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:left; 
        text-align:center; 
        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:Arial, Helvetica, sans-serif; 
        font-size:16px; 
        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:left; 
        position:absolute; 
        left:-999em; /* Hides the drop down */ 
        text-align:left; 
        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: 280px;} 
    .dropdown_3columns {width: 420px;} 
    .dropdown_4columns {width: 560px;} 
    .dropdown_5columns {width: 700px;} 
     
    #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:rightright; 
        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:16px; 
        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:16px; 
        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:16px; 
        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:16px; 
        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; 
    } 




الموضوع الأصلي : نافبار هدية خاص بشبكة الفرسان // المصدر : شبكة فرسان التصميم // الكاتب: شموخ انثى
الخميس يوليو 26, 2012 1:05 am
المشاركة رقم: #
المعلومات
الكاتب:
اللقب:
إدارة الشبكة
الرتبه:
إدارة الشبكة
الصورة الرمزية

cool amir

البيانات
تاريخ التسجيل : 08/09/2008
المشاركات : 8423
الجنس : ذكر
العمر : 28
الدولة : الجزائر

الإتصالات
الحالة:
وسائل الإتصال:

مُساهمةموضوع: رد: نافبار هدية خاص بشبكة الفرسان


رووووعة روووعة رووووووووووووعة

جميل جدا جدا جدا

شكرا لك

وجاري وضعه حالا

تسلمي

أبدعت







الخميس يوليو 26, 2012 1:11 am
المشاركة رقم: #
المعلومات
الكاتب:
اللقب:
إدارة الشبكة
الرتبه:
إدارة الشبكة
الصورة الرمزية

cool amir

البيانات
تاريخ التسجيل : 08/09/2008
المشاركات : 8423
الجنس : ذكر
العمر : 28
الدولة : الجزائر

الإتصالات
الحالة:
وسائل الإتصال:

مُساهمةموضوع: رد: نافبار هدية خاص بشبكة الفرسان


للاسف عند التركيب تحدث معه مشكلة

ارجوا التعديل

لان مظهره راائع جدااا







الخميس يوليو 26, 2012 2:01 pm
المشاركة رقم: #
المعلومات
الكاتب:
اللقب:
إدارة الشبكة
الرتبه:
إدارة الشبكة
الصورة الرمزية

иaиα

البيانات
تاريخ التسجيل : 12/08/2011
المشاركات : 4375
الجنس : انثى
العمر : 29
الدولة : الجزائر

الإتصالات
الحالة:
وسائل الإتصال:

مُساهمةموضوع: رد: نافبار هدية خاص بشبكة الفرسان


رائــــع تسلمي يا مبدعــــة و ان شاء الله يتم التعديل لوضعــه
تسلم الايادي







الخميس يوليو 26, 2012 2:36 pm
المشاركة رقم: #
المعلومات
الكاتب:
اللقب:
عضو الشبكة
الرتبه:
عضو الشبكة
الصورة الرمزية

وفاء

البيانات
تاريخ التسجيل : 20/09/2011
المشاركات : 194
الجنس : انثى
العمر : 27

الإتصالات
الحالة:
وسائل الإتصال:

مُساهمةموضوع: رد: نافبار هدية خاص بشبكة الفرسان


شكرا لك جزيلا هع هع هع







الخميس يوليو 26, 2012 4:16 pm
المشاركة رقم: #
المعلومات
الكاتب:
اللقب:
عضو الشبكة
الرتبه:
عضو الشبكة
الصورة الرمزية

شموخ انثى

البيانات
تاريخ التسجيل : 13/07/2012
المشاركات : 59
الجنس : انثى
العمر : 33

الإتصالات
الحالة:
وسائل الإتصال:

مُساهمةموضوع: رد: نافبار هدية خاص بشبكة الفرسان


شكرا لكم

تم تعديل الكود

كود هوتميل
الكود:
<ul id="navigation">
 
<li class="sub">

  <a href="http://stibda3.123.st/">الرئيسية</a>
 
 </li>
 
 <li>
 <li class="sub">
 
  <a href="#">كلمة الفرسان</a>
 
  <ul>
 
  <li><a href="#"> السلام عليكم !

مرحبا بكم قى شبكة فرسان التصميم

ونتمنى لكم قضاء أسعد الآوقات وأطيبها
</a></li>
 
  </ul>
 
 <li class="sub">
 
  <a href="#">تصاميم الشبكة</a>
 
  <ul>
 
  <li><a href="#">استايلات التومبيلات</a></li>
  <li><a href="#">أستايلات عادية</a></li>
<li><a href="#">أستايلات محولة</a></li>
  <li><a href="#">واجهات ومداخل</a></li>
  <li><a href="#">تواقيع وبنرات</a></li>
  <li><a href="#">تصاميم اخرى</a></li>
  <li><a href="#">قريبا</a></li>
  <li><a href="#">قريبا</a></li>
  </ul>
 
 </li>
 
 <li>
 <li class="sub">
 
  <a href="#">أكواد وتقنيات</a>
 
  <ul>
 
  <li><a href="#">أكواد أحلى منتدى</a></li>
  <li><a href="#">أكواد تومبيلات</a></li>
  <li><a href="#">أكواد html</a></li>
 
  </ul>
 
 </li>
 
 <li>
 <li class="sub">
 
  <a href="#">مواقع مفيدة</a>
 
  <ul>
 
    <li><a href="http://www.gulfup.com/">مركز تحميل</a></li> 
                        <li><a href="http://www.resize2mail.com/index.php">مركز تصغير صور</a></li> 
                        <li><a href="
http://www.clocklink.com/">موقع ساعات</a></li> 
                        <li><a href="http://html-color-codes.info/">مركز ألوان</a></li> 
 
  </ul>
 
 </li>
 
 <li>
  <a href="http://stibda3.123.st/f10-montada">دروس الفوتوشوب</a>
 </li>

</ul>

كود ccs

الكود:
#navigation {
 margin: 0;
 padding: 0 1em;
 background: #0F1E92;
 height: 3em;
 list-style: none;
}

#navigation > li {
 float: left;
 height: 100%;
 margin-right: 0.5em;
 padding: 0 1em;
}

#navigation > li > a {
 float: left;
 height: 100%;
 color: #c60;
 text-decoration: none;
 line-height: 3;
 font-weight: bold;
 text-transform: uppercase;
}

#navigation > li > a:hover {
 color:  #a40;
 text-decoration: underline;
}
#navigation > li.sub {
 position: relative;
}
#navigation > li.sub ul {
 width: 10em;
 margin: 0;
 padding: 0.5em 0;
 list-style: none;
 background: #a40;
 position: absolute;
 top: -1000em;
}

#navigation > li.sub ul li {
 width: 90%;
 margin: 0 auto 0.3em auto;
}

#navigation > li.sub ul li a {
 height: 100%;
 display: block;
 padding: 0.4em;
 color: #fff;
 font-weight: bold;
 text-decoration: none;
}

#navigation > li.sub ul li a:hover {
 background: #c60;
 text-decoration: underline;
}
#navigation > li.sub:hover ul {
 top: 3em;
}


تم تجربته بنجاح







الخميس يوليو 26, 2012 5:04 pm
المشاركة رقم: #
المعلومات
الكاتب:
اللقب:
إدارة الشبكة
الرتبه:
إدارة الشبكة
الصورة الرمزية

cool amir

البيانات
تاريخ التسجيل : 08/09/2008
المشاركات : 8423
الجنس : ذكر
العمر : 28
الدولة : الجزائر

الإتصالات
الحالة:
وسائل الإتصال:

مُساهمةموضوع: رد: نافبار هدية خاص بشبكة الفرسان


تم التركيب بنجاح شكرااااااااااااااا







الجمعة يوليو 27, 2012 12:39 pm
المشاركة رقم: #
المعلومات
الكاتب:
اللقب:
عضو الشبكة
الرتبه:
عضو الشبكة
الصورة الرمزية

>_< الذيـــب مـــبارك>_<

البيانات
تاريخ التسجيل : 22/06/2012
المشاركات : 248
الجنس : ذكر
العمر : 23

الإتصالات
الحالة:
وسائل الإتصال:

مُساهمةموضوع: رد: نافبار هدية خاص بشبكة الفرسان


روعة

شكرا لكي








الإشارات المرجعية


التعليق على الموضوع بواسطة الفيس بوك

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


مواضيع ذات صلة


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

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