Top Ad unit 728 × 90

Breaking News

recent

Creating CSS3 Drop Down Menu in Urdu & Hindi video Tutorials



CSS is one among my favorite activities i'm doing and researching lately. CSS3 has additional powers to use and to move with static web content. currently making knowledgeable trying web site while not exploitation CSS is simply a dream. So, we've got been learning CSS on this diary since its creation. And time to time I schooled you CSS from basic to Advance level. However, currently it's the time to require our net planning experience to ensuing level and build some real comes. Having unbroken that in mind, I even have recorded the foremost awaiting tutorial for my readers. This tutorial is all concerning making A CSS drop menu in Urdu language. therefore I even have used pure CSS3 whereas making this cute CSS Menu. No image is employed and no script is employed.





How to produce CSS drop menu in Urdu?

This is not therefore troublesome, you would like simply to try to to some apply on basics of CSS. Below video tutorials that ar in Urdu language can show you the way to make drop menu in CSS. These tutorials ar taking your CSS skills to successive level.

The ASCII text file of this tutorials is additionally offered below the video tutorials, and therefore the menu are wanting like this image:





Part 1

Part 2
Now here is that the ASCII text file for this change posture menu that was created in video tuotirals:

<html>
<head>
<style type=”text/css”>
.menubar {padding:0px;}
.menubar ul {padding:0px; margin:0px; line-height:30px;}
.menubar li {background-color:teal; list-style:none; float:left; position:relative;}
.menubar a {width:120px; height:30px; display:block; text-decoration:none; color:white; border:1px solid white; text-align:center; text-shadow:1px 1px 1px orange;}
.menubar ul ul {position:absolute; top:33px; visibility:hidden;}
.menubar ul li:hover ul {visibility:visible;}
.menubar a:hover {background-color:brown;}
.menubar ul li:hover ul li a:hover {background-color:blue;}
.menubar ul li {display:inline;}
.clear {
clear:both;
margin:0;
padding:0;
}
.menubar ul ul ul {margin-left:120px; margin-top:-30px; padding-left:5px;}
.menubar ul ul ul li {visibility:hidden;}
.menubar ul li:hover ul ul ul{visibility:visible;}
</style>
</head>
<body>
<div class=”menubar”>
<ul>
<li><a href=”#”>Web Designing</a>
<ul>
<li><a href=”#”>HTML</a></li>
<li><a href=”#”>CSS</a></li>
<li><a href=”#”>JavaScript</a></li>
<li><a href=”#”>Dream Weaver >></a>
<ul>
<li><a href=”#”>Basic</a></li>
<li><a href=”#”>Basic</a></li>
<li><a href=”#”>Basic</a></li>
<li><a href=”#”>Basic</a></li>
<li><a href=”#”>Basic</a></li>
</ul>
</li>
</ul>
</li>
</ul>
<ul>
<li><a href=”#”>Web Designing</a>
<ul>
<li><a href=”#”>HTML</a></li>
<li><a href=”#”>CSS</a></li>
<li><a href=”#”>JavaScript</a></li>
<li><a href=”#”>Dream Weaver</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href=”#”>Web Designing</a>
<ul>
<li><a href=”#”>HTML</a></li>
<li><a href=”#”>CSS</a></li>
<li><a href=”#”>JavaScript</a></li>
<li><a href=”#”>Dream Weaver</a></li>
</ul>
</li>
</ul>
<ul>
<li><a href=”#”>Web Designing</a>
<ul>
<li><a href=”#”>HTML</a></li>
<li><a href=”#”>CSS</a></li>
<li><a href=”#”>JavaScript</a></li>
<li><a href=”#”>Dream Weaver</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>

You can merely copy the code and insert into a blank pad file and reserve it with hypertext markup language extension, and examine the move into your browser, thus you’ll be able to see a gorgeous change posture menu as showing in an exceedingly image on top of.


Let Maine skills was this menu and did you learn it utterly or not? and what does one wish to be told a lot of within the future regarding internet planning. keep Tuned and Sharing is caring.
Creating CSS3 Drop Down Menu in Urdu & Hindi video Tutorials Reviewed by sajid sohail on 15:09 Rating: 5

No comments:

All Rights Reserved by Online Computer Training For Beginners © 2016
Designed by myonlineustaad

Contact Form

Name

Email *

Message *

Powered by Blogger.