DURGESH
जैसा की आप टाइटल में देख रहे हैं multi or sub drop down menu For blogger. तो दोस्तों मैं आपको बताने वाला हूँ की blogger में sub drop down menu कैसे बनाते हैं।
दोस्तों sub ड्राप डाउन मेनू को html एंड css के मदत से बनाया जाता है और जैसा की आप जानते हैं की sub drop down menu बनाना कितना difficult है इसलिए मैंने इसे पहले से आपके लिए multi or sub drop down menu बना कर तैयार रखा आपको बस इसे डाउनलोड करना है और अपने साइट पर past है।
आपने पहले भी इस मुद्दे पर google पर search किया होगा किन्तु सभी साइटों पर आपसे पैसे मांगे जाते थे। पर आप चिंता न करे यहाँ आपको HTML और CSS दोनों free में provide किया जा रहा है।
इसे डाउनलोड करें :-
So friends lets start now-
<!doctype html>
<html>
<head>
<style>
a{
text-decoration:none;
color:red;
}
a:hover{
color:black;
font-size:22px;
}
.blin{
width:150px;
height:75px;
animation-name:bl;
border:2px solid red;
animation-duration:1s;
animation-iteration-count:infinite;
color:black;
text-align:center;
}
@keyframes bl{
0%{
background-color:red;
}
100%{
color:black
background-color:black;
border-color:black;
}
}
*{
margin:0 px;
padding:0px;
}
#container ul{
list-style:none;
}
#container ul li{
background-color: none;
width:150px;
border:1.5px solid red;
height:50px;
line-height:50px;
text-align:center;
float:left;
color:red;
font-size:18px;
position:relative;
}
body{
background-color:none;
}
#container ul li:hover{
background-color:pink ;
}
#container ul ul{
display:none;
}
#container ul li:hover > ul{
display:block;
}
#container ul ul ul{
margin-left:150px;
top:0px;
position:absolute;
}
</style>
<meta charset="utf-8">
<title>dugresh kumar lahare creating</title>
</head>
<body>
<img src="">
<div class="blin">
<h2>Hacked</h2>
</div>
<div id="container">
<ul>
<li><b><a href="#">Home</a></b></li>
<li><b><a href+"#">Menu</a></b>
<ul>
<li><a href="form.html">Hacking book</a></li>
<li><a href="#">Hacking PDF</a>
<ul>
<li><a href="#">Androide</a></li>
<li><a href="#">Google</a></li>
<li><a href="#">Network</a></li>
<li><a href="#">Social Media</a></li>
<li><a href="#">Wireless</a></li>
</ul></li>
<li><a href="#">Hacking Video</a></li>
<li><a href="#">Hacking Images</a>
<ul>
<li><a href="#">Tab png</a></li>
<li><a href="#">Background</a></li>
<li><a href="#">Graphics</a></li>
<li><a href="#">Theme</a></li>
<li><a href="#">Coding</a></li>
</ul>
</li>
</ul></li>
<li><b><a href="#">Contact us</a></b></li>
<li><b><a href="#">Articles</a></b></li>
<li><b><a href="#">More</a></b>
<ul>
<li><a href="#">About us</a></li>
<li><a href="#">My photos</a></li>
<li><a href="#">Back</a></li>
</ul>
</li>
</ul>
</body>
</html>
यदि आप इसे डाउनलोड करना चाहते हैं तो निचे दिए गए बटन पर क्लिक करें।
download sub drop down menu HTML for blog
download sub drop down menu HTML for blog
0 Comments