عيد الاضحى المبارك


مواضيع تهمك

ركن مشاكل وطلبات المنتديات :: لديك مشكلة او طلب بالمنتدي ضعها هنا فسوف تجد من يعطيك الحل بإذن الله ((ضع عنوان مناسب ووصف مختصر يوضح مشكلتك ))

التعديل على كود قائمه منسدله

السلام عليكم ورحمه الله وبركاته اريد التعديل على كود قائمه منسدله لكي يظهر بهذا الشكل يكون الايقونات لونها...

احصائياتى

الردود
1

المشاهدات
1091
تامر بحر الثلاثين
.:: عضو مشارك ::.
الإجابات المقدمة: 4
  • تامر بحر الثلاثين is an unknown quantity at this point

  • تامر بحر الثلاثين غير متواجد حالياً

المشاركات
89

+التقييم
11

تاريخ التسجيل
Nov 2015

الاقامة
مصر

نظام التشغيل
windows 7

رقم العضوية
657
08-24-2017, 02:49 PM
المشاركة 1
08-24-2017, 02:49 PM
المشاركة 1
افتراضي تمت الإجابة التعديل على كود قائمه منسدله
السلام عليكم ورحمه الله وبركاته

اريد التعديل على كود قائمه منسدله لكي يظهر بهذا الشكل يكون الايقونات لونها جميل وكبير وواضح للجميع

الصوره



رابط المنتدي
كود:
http://w7oosh-rap.com/vb/
الصوره الخاصه بمنتدايا اللى اريد التعديل عليها




رابط المنتدي
كود:
http://www.montdh.com/vb/index.php
الكود بالكامل

وشكرا لكم





كود PHP:
<style type="text/css">
/* this code is by www.avdhootblogger.com Main */
#menu{
width100%;
margin0;
padding10px 0 0 0;
list-
stylenone
background#111;
background: -moz-linear-gradient(#444, #111); 
background: -webkit-gradient(linear,left bottom,left top,color-stop(0#111),color-stop(1, #444));
background: -webkit-linear-gradient(#444, #111); 
background: -o-linear-gradient(#444, #111);
background: -ms-linear-gradient(#444, #111);
backgroundlinear-gradient(#444, #111);
-moz-border-radius50px;
border-radius50px;
-
moz-box-shadow0 2px 1px #9c9c9c;
-webkit-box-shadow0 2px 1px #9c9c9c;
box-shadow0 2px 1px #9c9c9c;
}
#menu li{
floatright;
padding0 0 10px 0;
positionrelative;
}
#menu a{
floatleft;
height25px;
padding0 25px;
color#999;
text-transformuppercase;
fontbold 12px/25px ArialHelvetica;
text-decorationnone;
text-shadow0 1px 0 #000;
}
#menu li:hover > a{
color#fafafa;
}
*
html #menu li a:hover{ /* IE6 */
color#fafafa;
}
#menu li:hover > ul{
displayblock;
}
/* Sub-menu */
#menu ul{
list-stylenone;
margin0;
padding0
displaynone;
positionabsolute;
top35px;
left0;
z-index99999
background#444;
background: -moz-linear-gradient(#444, #111);
background: -webkit-gradient(linear,left bottom,left top,color-stop(0#111),color-stop(1, #444));
background: -webkit-linear-gradient(#444, #111); 
background: -o-linear-gradient(#444, #111); 
background: -ms-linear-gradient(#444, #111); 
backgroundlinear-gradient(#444, #111); 
-moz-border-radius5px;
border-radius5px;
}
#menu ul li{
floatnone;
margin0;
padding0;
displayblock
-
moz-box-shadow0 1px 0 #111111, 0 2px 0 #777777;
-webkit-box-shadow0 1px 0 #111111, 0 2px 0 #777777;
box-shadow0 1px 0 #111111, 0 2px 0 #777777;
}
#menu ul li:last-child{ 
-moz-box-shadownone;
-
webkit-box-shadownone;
box-shadownone
}
#menu ul a{ 
padding10px;
heightauto;
line-height1;
displayblock;
white-spacenowrap;
floatnone;
text-transformnone;
}
*
html #menu ul a{ /* IE6 */ 
height10px;
width150px;
}
*:
first-child+html #menu ul a{ /* IE7 */ 
height10px;
width150px;
}
#menu ul a:hover{
background#0186ba;
background: -moz-linear-gradient(#04acec, #0186ba); 
background: -webkit-gradient(linearleft topleft bottomfrom(#04acec), to(#0186ba));
background: -webkit-linear-gradient(#04acec, #0186ba);
background: -o-linear-gradient(#04acec, #0186ba);
background: -ms-linear-gradient(#04acec, #0186ba);
backgroundlinear-gradient(#04acec, #0186ba);
}
#menu ul li:first-child a{
-moz-border-radius5px 5px 0 0;
-
webkit-border-radius5px 5px 0 0;
border-radius5px 5px 0 0;
}
#menu ul li:first-child a:after{
content'';
positionabsolute;
left30px;
top: -8px;
width0;
height0;
border-left5px solid transparent;
border-right5px solid transparent;
border-bottom8px solid #444;
}
#menu ul li:first-child a:hover:after{
border-bottom-color#04acec; 
}
#menu ul li:last-child a{
-moz-border-radius0 0 5px 5px;
-
webkit-border-radius0 0 5px 5px;
border-radius0 0 5px 5px;
}
/* Clear floated elements */
#menu:after{
visibilityhidden;
displayblock;
font-size0;
content" ";
clearboth;
height0;
}
html #menu { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */
</style>
<
script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$(function() {
if ($.browser.msie && $.browser.version.substr(0,1)<7)
{
$('li').has('ul').mouseover(function(){
$(this).children('ul').show();
}).mouseout(function(){
$(this).children('ul').hide();
})
}
}); 
</script>
<ul id="menu">
<li><a href="http://montdh.com//">الصفحه الرئيسيه للموقع</a></li>
<li>
<a href="http://montdh.com/vb/forumdisplay.php?f=35/">الربح من خمسات</a>
<ul>
<li><a href="https://khamsat.com/?r=103997">CSS</a></li>
<li><a href="https://khamsat.com/?r=103997">Graphic design</a></li>
<li><a href="https://khamsat.com/?r=103997">Development tools</a></li>
<li><a href="https://khamsat.com/?r=103997">Web design</a></li>
</ul>
</li>
<li><a href="http://timesprayer.org/">مواقيت الصلاة</a></li>
<li><a href="https://www.facebook.com/profile.php?id=100001117347689/">للتواصل معنا على الفيس بوك</a></li>
<li><a href="http://www.gifbin.com/">اضحك وفرفش</a></li>
<li><a href="https://www.charactercountonline.com/ar">عدد الحروف اون لاين</a></li>
<li><a href="https://goo.gl/">اختصار الروابط</a></li>
<li><a href="http://الة-حاسبة.com/">آلة حاسبة</a></li>
<li><a href="http://www.arabic-keyboard.org">لوحة المفاتيح العربية</a></li>
<li><a href="http://map.coobra.net/">شاهد الأرض من الفضاء</a></li>
</ul> 


التعديل الأخير تم بواسطة هيلبرنت ; 08-29-2017 الساعة 01:15 AM
أفضل جواب - كتبه sup4all
تفضل طلبك

كود بلغة HTML:
<style type="text/css"> 
/* this code is by www.avdhootblogger.com Main */ 
#menu{ 
width: 100%; 
margin: 0; 
padding: 10px 0 0 0; 
list-style: none;  
background: #111; 
background: -moz-linear-gradient(#444, #111);  
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444)); 
background: -webkit-linear-gradient(#444, #111);  
background: -o-linear-gradient(#444, #111); 
background: -ms-linear-gradient(#444, #111); 
background: linear-gradient(#444, #111); 
-moz-border-radius: 50px; 
border-radius: 50px; 
-moz-box-shadow: 0 2px 1px #9c9c9c; 
-webkit-box-shadow: 0 2px 1px #9c9c9c; 
box-shadow: 0 2px 1px #9c9c9c; 
} 
#menu li{ 
float: right; 
padding: 0 0 10px 0; 
position: relative; 
} 
#menu a{ 
float: left; 
height: 25px; 
padding: 0 25px; 
color: #999; 
text-transform: uppercase; 
font: bold 12px/25px Arial, Helvetica; 
text-decoration: none; 
text-shadow: 0 1px 0 #000; 
} 
#menu li:hover > a{ 
color: #fafafa; 
} 
*html #menu li a:hover{ /* IE6 */ 
color: #fafafa; 
} 
#menu li:hover > ul{ 
display: block; 
} 
/* Sub-menu */ 
#menu ul{ 
list-style: none; 
margin: 0; 
padding: 0;  
display: none; 
position: absolute; 
top: 35px; 
left: 0; 
z-index: 99999;  
background: #444; 
background: -moz-linear-gradient(#444, #111); 
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444)); 
background: -webkit-linear-gradient(#444, #111);  
background: -o-linear-gradient(#444, #111);  
background: -ms-linear-gradient(#444, #111);  
background: linear-gradient(#444, #111);  
-moz-border-radius: 5px; 
border-radius: 5px; 
} 
#menu ul li{ 
float: none; 
margin: 0; 
padding: 0; 
display: block;  
-moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777; 
-webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777; 
box-shadow: 0 1px 0 #111111, 0 2px 0 #777777; 
} 
#menu ul li:last-child{  
-moz-box-shadow: none; 
-webkit-box-shadow: none; 
box-shadow: none;  
} 
#menu ul a{  
padding: 10px; 
height: auto; 
line-height: 1; 
display: block; 
white-space: nowrap; 
float: none; 
text-transform: none; 
} 
*html #menu ul a{ /* IE6 */  
height: 10px; 
width: 150px; 
} 
*:first-child+html #menu ul a{ /* IE7 */  
height: 10px; 
width: 150px; 
} 
#menu ul a:hover{ 
background: #0186ba; 
background: -moz-linear-gradient(#04acec, #0186ba);  
background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba)); 
background: -webkit-linear-gradient(#04acec, #0186ba); 
background: -o-linear-gradient(#04acec, #0186ba); 
background: -ms-linear-gradient(#04acec, #0186ba); 
background: linear-gradient(#04acec, #0186ba); 
} 
#menu ul li:first-child a{ 
-moz-border-radius: 5px 5px 0 0; 
-webkit-border-radius: 5px 5px 0 0; 
border-radius: 5px 5px 0 0; 
} 
#menu ul li:first-child a:after{ 
content: ''; 
position: absolute; 
left: 30px; 
top: -8px; 
width: 0; 
height: 0; 
border-left: 5px solid transparent; 
border-right: 5px solid transparent; 
border-bottom: 8px solid #444; 
} 
#menu ul li:first-child a:hover:after{ 
border-bottom-color: #04acec;  
} 
#menu ul li:last-child a{ 
-moz-border-radius: 0 0 5px 5px; 
-webkit-border-radius: 0 0 5px 5px; 
border-radius: 0 0 5px 5px; 
} 
/* Clear floated elements */ 
#menu:after{ 
visibility: hidden; 
display: block; 
font-size: 0; 
content: " "; 
clear: both; 
height: 0; 
} 
* html #menu { zoom: 1; } /* IE6 */ 
*:first-child+html #menu { zoom: 1; } /* IE7 */ 
</style> 
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> 
<script type="text/javascript"> 
$(function() { 
if ($.browser.msie && $.browser.version.substr(0,1)<7) 
{ 
$('li').has('ul').mouseover(function(){ 
$(this).children('ul').show(); 
}).mouseout(function(){ 
$(this).children('ul').hide(); 
}) 
} 
});  
</script> 
<ul id="menu"> 
<li><a href="http://montdh.com//"><font size="2">الصفحه</font><font size="2"> الرئيسيه
</font></a></li> 
<li> 
<a href="http://montdh.com/vb/forumdisplay.php?f=35/"><font size="3">الربح من خمسات</font></a><b>
</b> 
<ul style="position: absolute; left: -992px; top: 45px; width: 165px; height: 60px"> 
<li><a href="https://khamsat.com/?r=103997"><font size="3">CSS</font></a></li> 
<li><a href="https://khamsat.com/?r=103997"><font size="3">Graphic design</font></a></li> 
<li><a href="https://khamsat.com/?r=103997"><font size="3">Development tools</font></a></li> 
<li><a href="https://khamsat.com/?r=103997"><font size="3">Web design</font></a></li> 
</ul> 
</li> 
<li><a href="http://timesprayer.org/"><font size="3">مواقيت الصلاة</font></a></li> 
<li><a href="https://www.facebook.com/profile.php?id=100001117347689/">
<font size="3">للتواصل معنا</font></a></li> 
<li><a href="http://www.gifbin.com/"><font size="3">اضحك وفرفش</font></a></li> 
<li><a href="https://www.charactercountonline.com/ar"><font size="3">عدد الحروف اون لاين</font></a></li> 
<li><a href="https://goo.gl/"><font size="3">اختصار الروابط</font></a></li> 
<li><a href="http://الة-حاسبة.com/"><font size="3">آلة حاسبة</font></a></li> 
<li><a href="http://www.arabic-keyboard.org"><font size="3">لوحة المفاتيح 
العربية</font></a></li> 
<li><a href="http://map.coobra.net/"><font size="3">شاهد الأرض </font>من الفضاء</a></li> 
</ul>
تم اختيار الاجابة لعدم متابعة الموضوع
قديم 10-12-2017, 07:35 PM
المشاركة 2
sup4all
:: مشرف::
ركن طلبات المنتديات
ركـن مشـاكل التصميـم
  • sup4all غير متواجد حالياً
الإجابات المقدمة: 224
افتراضي رد: التعديل على كود قائمه منسدله
تفضل طلبك

كود بلغة HTML:
<style type="text/css"> 
/* this code is by www.avdhootblogger.com Main */ 
#menu{ 
width: 100%; 
margin: 0; 
padding: 10px 0 0 0; 
list-style: none;  
background: #111; 
background: -moz-linear-gradient(#444, #111);  
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444)); 
background: -webkit-linear-gradient(#444, #111);  
background: -o-linear-gradient(#444, #111); 
background: -ms-linear-gradient(#444, #111); 
background: linear-gradient(#444, #111); 
-moz-border-radius: 50px; 
border-radius: 50px; 
-moz-box-shadow: 0 2px 1px #9c9c9c; 
-webkit-box-shadow: 0 2px 1px #9c9c9c; 
box-shadow: 0 2px 1px #9c9c9c; 
} 
#menu li{ 
float: right; 
padding: 0 0 10px 0; 
position: relative; 
} 
#menu a{ 
float: left; 
height: 25px; 
padding: 0 25px; 
color: #999; 
text-transform: uppercase; 
font: bold 12px/25px Arial, Helvetica; 
text-decoration: none; 
text-shadow: 0 1px 0 #000; 
} 
#menu li:hover > a{ 
color: #fafafa; 
} 
*html #menu li a:hover{ /* IE6 */ 
color: #fafafa; 
} 
#menu li:hover > ul{ 
display: block; 
} 
/* Sub-menu */ 
#menu ul{ 
list-style: none; 
margin: 0; 
padding: 0;  
display: none; 
position: absolute; 
top: 35px; 
left: 0; 
z-index: 99999;  
background: #444; 
background: -moz-linear-gradient(#444, #111); 
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444)); 
background: -webkit-linear-gradient(#444, #111);  
background: -o-linear-gradient(#444, #111);  
background: -ms-linear-gradient(#444, #111);  
background: linear-gradient(#444, #111);  
-moz-border-radius: 5px; 
border-radius: 5px; 
} 
#menu ul li{ 
float: none; 
margin: 0; 
padding: 0; 
display: block;  
-moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777; 
-webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777; 
box-shadow: 0 1px 0 #111111, 0 2px 0 #777777; 
} 
#menu ul li:last-child{  
-moz-box-shadow: none; 
-webkit-box-shadow: none; 
box-shadow: none;  
} 
#menu ul a{  
padding: 10px; 
height: auto; 
line-height: 1; 
display: block; 
white-space: nowrap; 
float: none; 
text-transform: none; 
} 
*html #menu ul a{ /* IE6 */  
height: 10px; 
width: 150px; 
} 
*:first-child+html #menu ul a{ /* IE7 */  
height: 10px; 
width: 150px; 
} 
#menu ul a:hover{ 
background: #0186ba; 
background: -moz-linear-gradient(#04acec, #0186ba);  
background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba)); 
background: -webkit-linear-gradient(#04acec, #0186ba); 
background: -o-linear-gradient(#04acec, #0186ba); 
background: -ms-linear-gradient(#04acec, #0186ba); 
background: linear-gradient(#04acec, #0186ba); 
} 
#menu ul li:first-child a{ 
-moz-border-radius: 5px 5px 0 0; 
-webkit-border-radius: 5px 5px 0 0; 
border-radius: 5px 5px 0 0; 
} 
#menu ul li:first-child a:after{ 
content: ''; 
position: absolute; 
left: 30px; 
top: -8px; 
width: 0; 
height: 0; 
border-left: 5px solid transparent; 
border-right: 5px solid transparent; 
border-bottom: 8px solid #444; 
} 
#menu ul li:first-child a:hover:after{ 
border-bottom-color: #04acec;  
} 
#menu ul li:last-child a{ 
-moz-border-radius: 0 0 5px 5px; 
-webkit-border-radius: 0 0 5px 5px; 
border-radius: 0 0 5px 5px; 
} 
/* Clear floated elements */ 
#menu:after{ 
visibility: hidden; 
display: block; 
font-size: 0; 
content: " "; 
clear: both; 
height: 0; 
} 
* html #menu { zoom: 1; } /* IE6 */ 
*:first-child+html #menu { zoom: 1; } /* IE7 */ 
</style> 
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> 
<script type="text/javascript"> 
$(function() { 
if ($.browser.msie && $.browser.version.substr(0,1)<7) 
{ 
$('li').has('ul').mouseover(function(){ 
$(this).children('ul').show(); 
}).mouseout(function(){ 
$(this).children('ul').hide(); 
}) 
} 
});  
</script> 
<ul id="menu"> 
<li><a href="http://montdh.com//"><font size="2">الصفحه</font><font size="2"> الرئيسيه
</font></a></li> 
<li> 
<a href="http://montdh.com/vb/forumdisplay.php?f=35/"><font size="3">الربح من خمسات</font></a><b>
</b> 
<ul style="position: absolute; left: -992px; top: 45px; width: 165px; height: 60px"> 
<li><a href="https://khamsat.com/?r=103997"><font size="3">CSS</font></a></li> 
<li><a href="https://khamsat.com/?r=103997"><font size="3">Graphic design</font></a></li> 
<li><a href="https://khamsat.com/?r=103997"><font size="3">Development tools</font></a></li> 
<li><a href="https://khamsat.com/?r=103997"><font size="3">Web design</font></a></li> 
</ul> 
</li> 
<li><a href="http://timesprayer.org/"><font size="3">مواقيت الصلاة</font></a></li> 
<li><a href="https://www.facebook.com/profile.php?id=100001117347689/">
<font size="3">للتواصل معنا</font></a></li> 
<li><a href="http://www.gifbin.com/"><font size="3">اضحك وفرفش</font></a></li> 
<li><a href="https://www.charactercountonline.com/ar"><font size="3">عدد الحروف اون لاين</font></a></li> 
<li><a href="https://goo.gl/"><font size="3">اختصار الروابط</font></a></li> 
<li><a href="http://الة-حاسبة.com/"><font size="3">آلة حاسبة</font></a></li> 
<li><a href="http://www.arabic-keyboard.org"><font size="3">لوحة المفاتيح 
العربية</font></a></li> 
<li><a href="http://map.coobra.net/"><font size="3">شاهد الأرض </font>من الفضاء</a></li> 
</ul>
تم اختيار الاجابة لعدم متابعة الموضوع

مغلق

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

التعديل على كود قائمه منسدله


أدوات الموضوع

الانتقال السريع
المواضيع المتشابهه للموضوع: التعديل على كود قائمه منسدله
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
شرح عمل قائمه بريديه لموقعك من Google Groups ~ GOOGLE ~ ركن تطوير منتديات vb3.8.0 2 01-19-2017 12:19 AM
طلب التعديل على خلفية كود تامر بحر الثلاثين ركن مشاكل وطلبات المنتديات 8 05-27-2016 11:12 AM
طلب التعديل على كود النصوص 2 تامر بحر الثلاثين ركن مشاكل وطلبات المنتديات 13 05-11-2016 11:29 AM
كود قائمه جانبيه almagic ركن مشاكل تصاميم الاستايلات 2 12-15-2015 01:33 AM
اضافه قائمه جانبيه مثل الديف بوينت ميدو الفنان ركن مشاكل وطلبات المنتديات 2 12-12-2015 12:24 PM




الساعة الآن 03:35 PM
RSS 2.0XML Site MapTAGS SiteInfo SiteRSS FeedMap SectionsvB MapsMap TagSitemap ForumMaps Forum