faisl2020 عضو جديد
عدد المساهمات : 3 نقاط : 5 السٌّمعَة : 0 تاريخ التسجيل : 17/01/2014
| موضوع: [طلب]تعديل كود .. بسيط جدا الأحد 09 فبراير 2014, 18:57 | |
| أحتاج التعديل على هذا الكود الــ اتش ام ال قائمة . يخرج منها قائمة فرعية أنا احتاج ان يخرج قائمة باتجاه اليمين من كل قائمة فرعية مثال للكود العادي مثال لطلبي بحيث تكون قائمة متشعبة ثانية . بس باتجاه اليمين لان المتشعبة الاولى كان باتجاه الاسفل اتمنى وصلت الفكرة هذا الكود الذي يعمل على html ولكن احتاج التعديل المذكور في الاعلى واسف على الاطالة - الكود:
-
<div style="left: 0px; overflow: visible; width: 100%; position: fixed; top: 0px; height: 29px;" align="left"> <!-- شبكة أبو فيصل --> <ul class="menu"> <li> <a href="/" alt="شبكة أبو فيصل" title="الصفحة الرئيسية"><img src="http://i36.servimg.com/u/f36/14/22/68/80/f11.png" /></a> </li> <li> <a title="حصرياتنا" href="http://abo-faisl.hooxs.com/f21-montada">حصرياتنا</a> </li> <li> <a title="قائمة الموقع" href="#">قائمة الموقع ▼ </a> <ul> <li> <a title="الصفحة الرئيسية" href="http://abo-faisl.hooxs.com/" class="documents"> » الصفحة الرئيسية </a> </li> <li> <a title="المنتدى" href="http://abo-faisl.hooxs.com/forum" class="messages"> » المنتدى</a> </li> <li> <a title="قائمة الأعضاء" href="http://abo-faisl.hooxs.com/memberlist" class="messages"> » قائمة الأعضاء</a> </li> <li> <a title="الشات الكتابي" href="http://abo-faisl.hooxs.com/chatbox" class="signout"> » الشات الكتابي</a> </li> </ul> </li> <li> <a title="خدماتنا" href="#">خدماتنا ▼ </a> <ul> <li> <a title="قنوات بث مباشر حصرياً ومجاناً" href="http://abo-faisl.hooxs.com/h12-page" class="documents"> » قنوات بث مباشر</a> </li> </ul> </li> <li> <a title="إتصل بنا" href="http://abo-faisl.hooxs.com/h2-page" class="documents"> إتصل بنا </a> </li> <li> <a title="خيارات سريعة" href="#"><img src="http://i49.servimg.com/u/f49/16/89/40/74/uoouo11.png" /></a> <ul> <li> <a title="جميع مشاركاتي" href="/search.forum?search_id=egosearch" class="messages"> » جميع مشاركاتي </a> </li> <li> <a title="مواضيع لم يرد عليها" href="/search.forum?search_id=unanswered" class="signout"> » مواضيع لم يرد عليها </a> </li> <li> <a title="هنا يتم عرض المواضيع التي اضيفت بعد آخر زيارة لك" href="/search?search_id=newposts" class="signout"> » الجديد منذ آخرزيارة </a> </li> </ul> </li> <li> <a title="الرسائل الخاصة" href="/privmsg?folder=inbox"><img src="http://i33.servimg.com/u/f33/16/83/50/82/115.png" /></a> </li> <li> <a title="البيانات الشخصية" href="/profile?mode=editprofile"><img src="http://i33.servimg.com/u/f33/16/83/50/82/215.png" /></a> </li> <li> <a title="البحث في المنتدى" href="http://abo-faisl.hooxs.com/search"><img src="http://i33.servimg.com/u/f33/16/83/50/82/112.png" /></a> </li> <li> <a title="أعلن لدينا" href="http://abo-faisl.hooxs.com/h6-page" class="documents"> أعلن لدينا </a> </li> </ul> <style type="Text/css"> /* Reset */ .menu, .menu ul, .menu li, .menu a {margin: 0; padding: 0; border: none; outline: none;}
/* Menu */ .menu {height: 42px; width: 100%; background: #2e2e2e; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); background: -webkit-linear-gradient(top, #494949 0%,#202020 100%); background: -moz-linear-gradient(top, #494949 0%,#202020 100%); background: -o-linear-gradient(top, #494949 0%,#202020 100%); background: -ms-linear-gradient(top, #494949 0%,#202020 100%); background: linear-gradient(top, #494949 0%,#202020 100%); } .menu li {position: relative; list-style: none; float: right; display: block; height: 40px;}
/* Links */ .menu li a { display: block; padding: 0 8px; margin: 6px 0; line-height: 30px; text-decoration: none; border-left: 1px solid #393942; border-right: 1px solid #161616; font-family: Tahoma; font-weight: bo#ld; font-size: 12px; color: #bdbdbd; text-shadow: 1px 1px 1px rgba(0,0,0,.6);} .menu li:hover > a { color: #8fde62; }
/* Sub Menu */ .menu ul { position: absolute; top: 40px; left: 0; opacity: 0; background: #1f2024; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -webkit-transition: opacity .25s ease .1s; -moz-transition: opacity .25s ease .1s; -o-transition: opacity .25s ease .1s; -ms-transition: opacity .25s ease .1s; transition: opacity .25s ease .1s; } .menu li:hover > ul { opacity: 1;} .menu ul li { height: 0; overflow: hidden; padding: 0; -webkit-transition: height .25s ease .1s; -moz-transition: height .25s ease .1s; -o-transition: height .25s ease .1s; -ms-transition: height .25s ease .1s; transition: height .25s ease .1s; } .menu li:hover > ul li { height: 34px; overflow: visible; padding: 0;} .menu ul li a {width: 130px; padding: 4px 0 4px 40px; margin: 0; border: none; border-bottom: 1px solid #353539;} .menu ul li:last-child a { border: none; } </style> <!-- شبكة أبو فيصل نهاية --> <div style="left: 46px; overflow: visible; width: 300px; position: absolute; top: 12px; height: 30px;" align="center"> <div style="text-align: left;"> <span style="color: rgb(192, 192, 192); font-size: 13px;">مرحباً بك يا<strong>عضونا الكريم</strong></span><a href="http://abo-faisl.hooxs.com/login?logout=true" 2"=""> [ خروج ]</a> </div><style type="Text/css"></style> </div> <div style="left: 20px; overflow: visible; width: 15px; position: absolute; top: 7px; height: 30px;" align="center"> <script> jQuery(document).ready(function(){ jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) { link = jQuery('#register .forumline td.row1 img', data).attr('src'); if(link){ jQuery('#avatar').html('<center><img src="'+link+'" alt=""></center>'); }else{ jQuery('#avatar').html(''); } }); }); </script> <div id="avatar"> </div><style type="Text/css"> #avatar img{ max-height: 27px; max-width: 27px; border: 1px solid #4F4F4F; border-radius: 4px; } </style> </div> </div>
| |
|
غزة عربية .
عدد المساهمات : 555 نقاط : 1068 السٌّمعَة : 12 تاريخ التسجيل : 22/11/2012 العمر : 32 الموقع : قيادات الهكر العمل/الترفيه : مدير المنتدى المزاج : الحمد لله
| موضوع: رد: [طلب]تعديل كود .. بسيط جدا الإثنين 10 فبراير 2014, 00:38 | |
| تفضل أخى الكود بعد التعديل - الكود:
-
<div align="left" style="left: 0px; overflow: visible; width: 100%; position: fixed; top: 0px; height: 29px;"> <!--تطوير شركة قيادات الهكر --> <ul class="menu"> <li> <a title="الصفحة الرئيسية" alt="شبكة أبو فيصل" href="/"><img src="http://i36.servimg.com/u/f36/14/22/68/80/f11.png" /></a> </li> <li> <a href="http://abo-faisl.hooxs.com/f21-montada" title="حصرياتنا">حصرياتنا</a> </li> <li> <a href="#" title="قائمة الموقع">قائمة الموقع ▼ </a> <ul> <li> <a class="documents" href="http://abo-faisl.hooxs.com/" title="الصفحة الرئيسية"> </a> <div style="" align="right"> » الصفحة الرئيسية </div><a class="documents" href="http://abo-faisl.hooxs.com/" title="الصفحة الرئيسية"> </a> </li> <li> <a class="messages" href="http://abo-faisl.hooxs.com/forum" title="المنتدى"></a> <div style="" align="right"> » المنتدى </div><a class="messages" href="http://abo-faisl.hooxs.com/forum" title="المنتدى"></a> </li> <li> <a class="messages" href="http://abo-faisl.hooxs.com/memberlist" title="قائمة الأعضاء"></a> <div style="" align="right"> » قائمة الأعضاء </div><a class="messages" href="http://abo-faisl.hooxs.com/memberlist" title="قائمة الأعضاء"></a> </li> <li> <a class="signout" href="http://abo-faisl.hooxs.com/chatbox" title="الشات الكتابي"></a> <div style="" align="right"> » الشات الكتابي </div><a class="signout" href="http://abo-faisl.hooxs.com/chatbox" title="الشات الكتابي"></a> </li> </ul> </li> <li> <a href="#" title="خدماتنا">خدماتنا ▼ </a> <ul> <li> <a class="documents" href="http://abo-faisl.hooxs.com/h12-page" title="قنوات بث مباشر حصرياً ومجاناً"> </a> <div style="" align="right"> » قنوات بث مباشر </div><a class="documents" href="http://abo-faisl.hooxs.com/h12-page" title="قنوات بث مباشر حصرياً ومجاناً"></a> </li> </ul> </li> <li> <a class="documents" href="http://abo-faisl.hooxs.com/h2-page" title="إتصل بنا"> إتصل بنا </a> </li> <li> <a href="#" title="خيارات سريعة"><img src="http://i49.servimg.com/u/f49/16/89/40/74/uoouo11.png" /></a> <ul> <li> <a class="messages" href="/search.forum?search_id=egosearch" title="جميع مشاركاتي"></a> <div style="" align="right"> » جميع مشاركاتي </div><a class="messages" href="/search.forum?search_id=egosearch" title="جميع مشاركاتي"></a> </li> <li> <a class="signout" href="/search.forum?search_id=unanswered" title="مواضيع لم يرد عليها"></a> <div style="" align="right"> » مواضيع لم يرد عليها </div><a class="signout" href="/search.forum?search_id=unanswered" title="مواضيع لم يرد عليها"></a> </li> <li> <a class="signout" href="/search?search_id=newposts" title="هنا يتم عرض المواضيع التي اضيفت بعد آخر زيارة لك"></a> <div style="" align="right"> » الجديد منذ آخر زيارة </div><a class="signout" href="/search?search_id=newposts" title="هنا يتم عرض المواضيع التي اضيفت بعد آخر زيارة لك"></a> </li> </ul> </li> <li> <a href="/privmsg?folder=inbox" title="الرسائل الخاصة"><img src="http://i33.servimg.com/u/f33/16/83/50/82/115.png" /></a> </li> <li> <a href="/profile?mode=editprofile" title="البيانات الشخصية"><img src="http://i33.servimg.com/u/f33/16/83/50/82/215.png" /></a> </li> <li> <a href="http://abo-faisl.hooxs.com/search" title="البحث في المنتدى"><img src="http://i33.servimg.com/u/f33/16/83/50/82/112.png" /></a> </li> <li> <a class="documents" href="http://abo-faisl.hooxs.com/h6-page" title="أعلن لدينا"> أعلن لدينا </a> </li> </ul> <style type="Text/css"> /* Reset */ .menu, .menu ul, .menu li, .menu a {margin: 0; padding: 0; border: none; outline: none;}
/* Menu */ .menu {height: 42px; width: 100%; background: #2e2e2e; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); background: -webkit-linear-gradient(top, #494949 0%,#202020 100%); background: -moz-linear-gradient(top, #494949 0%,#202020 100%); background: -o-linear-gradient(top, #494949 0%,#202020 100%); background: -ms-linear-gradient(top, #494949 0%,#202020 100%); background: linear-gradient(top, #494949 0%,#202020 100%); } .menu li {position: relative; list-style: none; float: right; display: block; height: 40px;}
/* Links */ .menu li a { display: block; padding: 0 8px; margin: 6px 0; line-height: 30px; text-decoration: none; border-left: 1px solid #393942; border-right: 1px solid #161616; font-family: Tahoma; font-weight: bo#ld; font-size: 12px; color: #bdbdbd; text-shadow: 1px 1px 1px rgba(0,0,0,.6);} .menu li:hover > a { color: #8fde62; }
/* Sub Menu */ .menu ul { position: absolute; top: 40px; left: 0; opacity: 0; background: #1f2024; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -webkit-transition: opacity .25s ease .1s; -moz-transition: opacity .25s ease .1s; -o-transition: opacity .25s ease .1s; -ms-transition: opacity .25s ease .1s; transition: opacity .25s ease .1s; } .menu li:hover > ul { opacity: 1;} .menu ul li { height: 0; overflow: hidden; padding: 0; -webkit-transition: height .25s ease .1s; -moz-transition: height .25s ease .1s; -o-transition: height .25s ease .1s; -ms-transition: height .25s ease .1s; transition: height .25s ease .1s; } .menu li:hover > ul li { height: 34px; overflow: visible; padding: 0;} .menu ul li a {width: 130px; padding: 4px 0 4px 40px; margin: 0; border: none; border-bottom: 1px solid #353539;} .menu ul li:last-child a { border: none; } </style> <!-- شبكة أبو فيصل نهاية --> <div align="center" style="left: 46px; overflow: visible; width: 300px; position: absolute; top: 12px; height: 30px;"> <div style="text-align: left;"> <span style="color: rgb(192, 192, 192); font-size: 13px;">مرحباً بك يا<strong>{USERNAME}</strong></span><a 2"="" href="http://abo-faisl.hooxs.com/login?logout=true"> [ خروج ]</a> </div><style type="Text/css"></style> </div> <div align="center" style="left: 20px; overflow: visible; width: 15px; position: absolute; top: 7px; height: 30px;"> <script> jQuery(document).ready(function(){ jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) { link = jQuery('#register .forumline td.row1 img', data).attr('src'); if(link){ jQuery('#avatar').html('<center><img src="'+link+'" alt=""></center>'); }else{ jQuery('#avatar').html(''); } }); }); </script> <div id="avatar"> </div><style type="Text/css"> #avatar img{ max-height: 27px; max-width: 27px; border: 1px solid #4F4F4F; border-radius: 4px; } </style> </div> </div> نرجو الرد بالحل لغلق الموضوع | |
|