#1
مدون جديد
تاريخ التسجيل: Feb 2015
المشاركات: 2
غير مجاب: يرجى المساعده فى تعديل الكود
كود بلغة HTML:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" > </script>
<script type="text/javascript" > $(document).ready(function(){
$('li.title a').click(function(e){
var dropDown = $(this).parent().next();
$('.downlistie').not(dropDown).slideUp('slow');
dropDown.slideToggle('slow');
e.preventDefault();
})
});</script>
<style>
ul.container{
width:190px;
padding:0px;
}
li.accoi-menu{
list-style:none;
padding:2px;
width:100%;}
li.title
{
border-radius:10px;
background:#0C6B68;
list-style:none;
padding:8px;
}
li.title a{
color:#EAFAFA;
display:block;
padding:5px;
font:18px droidkufi-bold;
overflow:hidden;
position:relative;
width:100%;
text-decoration:none;
text-align: center;
}
.downlistie{
list-style:none;
display:none;
padding-top:5px;
width:100%;
}
.downlistie li{
list-style:none;
border-left:2px solid #70F1F7;
border-right:2px solid #70F1F7;
border-bottom:2px solid #70F1F7;
border-radius:15px;
background:#07ADB5;
margin:5px ;
padding:6px 15px;
}
.downlistie li:hover {
background:#8DA619;
}
.downlistie li a{
font: 18px droidkufi-bold;
{
font:18px georgia, verdana;
text-decoration:none;
color:#333333;
}
.downlistie li a:hover {
text-decoration:none;
color:#fff;
}
</style>
<a href="http://wachhal.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers" > <img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /> </a> <a href="http://wachhal.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers" > <img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 10%;" /> </a> <a href="http://wachhal.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers" > <img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /> </a> <a href="http://wachhal.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers" > <img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right:0%;" /> </a>
<ul class="container" >
<li class="accoi-menu" >
<ul>
<li class="title" > <a href="#" > اسماء الله الحسنى</a> </li>
<li class="downlistie" >
<ul>
<li> <a href="http://way2-paradise.blogspot.com/search/label/ التعريف بالاسماء" > التعريف بالاسماء</a> </li>
</ul>
</li>
</ul>
</li>
<li class="accoi-menu" >
<ul>
<li class="title" > <a href="#" > احاديث </a> </li>
<li class="downlistie" >
<ul>
<li> <a href="http://way2-paradise.blogspot.com/search/label/ احاديث قدسيه" > احاديث قدسيه</a> </li>
<li> <a href="http://way2-paradise.blogspot.com/search/label/احاديث نبويه" > احاديث نبويه</a> </li>
<li> <a href="http://way2-paradise.blogspot.com/search/label/ احاديث ضعيفه" > احاديث ضعيفه</a> </li>
</ul>
</li>
</ul>
</li>
<li class="accoi-menu" >
<ul>
<li class="title" > <a href="#" > السيره النبويه</a> </li>
<li class="downlistie" >
<ul>
<li> <a href="http://way2-paradise.blogspot.com/search/label/المولد" > المولد</a> </li>
<li> <a href="http://way2-paradise.blogspot.com/search/label/الوحى" > الوحى</a> </li>
<li> <a href="http://way2-paradise.blogspot.com/search/label/الغزوات" > الغزوات</a> </li>
<li> <a href="http://way2-paradise.blogspot.com/search/label/الهجره" > الهجره</a> </li>
</ul>
</li>
</ul>
</li>
<li class="accoi-menu" >
<ul>
<li class="title" > <a href="#" > قصص الانبياء</a> </li>
<li class="downlistie" >
<ul>
<li> <a href="http://way2-paradise.blogspot.com/search/label/قصه سيدنا ادم" > قصه سيدنا ادم</a> </li>
<li> <a href="http://way2-paradise.blogspot.com/search/label/قصه سيدنا ابراهيم" > قصه سيدنا ابراهيم</a> </li>
<li> <a href="http://way2-paradise.blogspot.com/search/label/قصه سيدنا اسماعيل" > قصه سيدنا اسماعيل</a> </li>
<li> <a href="http://way2-paradise.blogspot.com/search/label/قصه سيدنا نوح" > قصه سيدنا نوح</a> </li>
<li> <a href="قصه سيدنا لوط" > قصه سيدنا لوط</a> </li>
<li> <a href="قصه سيدنا يونس" > قصه سيدنا يونس</a> </li>
</ul>
</li>
</ul>
</li>
<li class="accoi-menu" >
<ul>
<li class="title" > <a href="#" > ادعيه</a> </li>
<li class="downlistie" >
<ul>
<li> <a href="http://way2-paradise.blogspot.com/search/label/ادعيه ماثوره" > ادعيه ماثوره</a> </li>
<li> <a href="http://way2-paradise.blogspot.com/search/label/ادعيه من القران" > ادعيه من القران</a> </li>
<li> <a href="http://way2-paradise.blogspot.com/search/label/ادعيه نبويه" > ادعيه نبويه</a> </li>
<li> <a href="http://way2-paradise.blogspot.com/search/label/ادعيه اخرى" > ادعيه اخرى</a> </li>
</ul>
</li>
</ul>
</li>
<li class="accoi-menu" >
<ul>
<li class="title" > <a href="#" > تفسير القران</a> </li>
<li class="downlistie" >
<ul>
<li> <a href="http://way2-paradise.blogspot.com/search/label/تفسير القران" > تفسير القران</a> </li>
</ul>
</li>
</ul>
</li>
<li class="accoi-menu" >
<ul>
<li class="title" > <a href="#" > رجال حول الرسول</a> </li>
<li class="downlistie" >
<ul>
<li> <a href="http://way2-paradise.blogspot.com/search/label/الصحابه" > الصحابه</a> </li>
<li> <a href="http://way2-paradise.blogspot.com/search/label/التابعين" > التابعين</a> </li>
</ul>
</li>
</ul>
</li>
<li class="accoi-menu" >
<ul>
<li class="title" > <a href="#" > نساء حول الرسول</a> </li>
<li class="downlistie" >
<ul>
<li> <a href="http://way2-paradise.blogspot.com/search/label/زوجات الرسول" > زوجات الرسول</a> </li>
<li> <a href="http://way2-paradise.blogspot.com/search/label/نساء حول الرسول" > الوحى</a> </li>
<li> <a href="http://way2-paradise.blogspot.com/search/label/الغزوات" > الغزوات</a> </li>
<li> <a href="http://way2-paradise.blogspot.com/search/label/الهجره" > الهجره</a> </li>
</ul>
</li>
</ul>
</li>
<li class="accoi-menu" >
<ul>
<li class="title" > <a href="#" > مواعظ وحكم</a> </li>
<li class="downlistie" >
<ul>
<li> <a href="http://way2-paradise.blogspot.com/search/label/كلمات" > كلمات</a> </li>
<li> <a href="http://way2-paradise.blogspot.com/search/label/الوحى" > الوحى</a> </li>
<li> <a href="http://way2-paradise.blogspot.com/search/label/الغزوات" > الغزوات</a> </li>
<li> <a href="http://way2-paradise.blogspot.com/search/label/الهجره" > الهجره</a> </li> </ul> </li> </ul> </li> </ul> الموقع http://way2-paradise.blogspot.com/
__________________
من مواضيع ميرا
02-14-2015, 12:41 AM
غير مجاب: يرجى المساعده فى تعديل الكود
المواضيع المتشابهه
العرض العادي
