Showing posts with label CSS. Show all posts
Showing posts with label CSS. Show all posts

08:36

Special Multilevel DropDown Menu With Fading and Easing Effects...

               Before In My Blog I have Posted 2 or More Multilevel and Simple Drop Down Menu..So today I am Here with One More Multilevel Drop Down Menu.. Its With Fading and Easing Effect..


By Looking at this above Preview you may also want to take a look at live demo also.. Yeah!! You can take a look at live demo also below :)


So you can also now add it to your blog..

How to Add To your Blog/Site..

  • Login to your "Blogger Account" and Go to your Blog "Dashboard"...
  • Now Go to "Layout Section" from your "Dashboard"... 
  • Now Click On "Add Gadget" and Select "HTML/Java Script"... 
  • Now Copy and Paste the Below Given Set of Codes in it... 

<link rel="stylesheet" href="https://googledrive.com/host/0B_7JWdEqBhVVR3JEa0d1c3BtSFE"/>
<nav id="nav">
<nav id='nav'> <ul class='menunav' id='navinti'> <li class='mhome'><a href='/'>Home</a></li> <li class='sub'><a href='/'>Categories</a> <ul class='sub-menu hidden'> <li class='multsub'><a href='/search/label/Windows'>Windows</a>
  <ul class='sub-sub-menu hidden'>
    <li><a href='/search/label/Windows XP'>Windows XP</a></li>
    <li><a href='/search/label/Windows 7'>Windows 7</a></li>
    <li><a href='/search/label/Windows 8'>Windows 8</a></li>
    <li><a href='/search/label/Windows News'>Windows News</a></li>
  </ul> </li>
           <li class='multsub'><a href='/search/label/Softwares'>Softwares</a>
    <ul class='sub-sub-menu hidden'>
       <li><a href='/search/label/System'>System</a></li>
       <li><a href='/search/label/Multimedia'>Multimedia</a></li>
       <li><a href='/search/label/Customization'>Customization</a></li>
       <li><a href='/search/label/Designing'>Designing</a></li>
    </ul> </li>
           <li class='multsub'><a href='/search/label/Blogger'>Blogger</a> <ul class='sub-sub-menu hidden'>
     <li><a href='/search/label/Blogger Widgets'>Blogger Widgets</a></li>
     <li><a href='/search/label/Blogger Templates'>Blogger Templates</a></li>
     <li><a href='/search/label/Blogger Tweaks'>Blogger Tweaks</a></li>
     <li><a href='/search/label/Blogger Tools'>Blogger Tools</a></li>
     <li><a href='/search/label/Drop Down Menu'>Drop Down Menu</a></li>
     <li><a href='/search/label/Social Profile Widget'>Social Profile Widgets</a></li> </ul> </li>
       <li><a href='#'>More...</a></li> </ul> </li> <li><a href='http://mjntechtips.blogspot.com/p/blog-page_28.html'>Contact Us</a></li> <li class='singsub'><a href='/'>Tools</a> <ul class='sub-menu hidden'> <li><a href='http://mjntechtips.blogspot.in/p/blog-page_15.html'>HTML Editor</a></li> <li><a href='http://mjntechtips.blogspot.in/p/blog-page_20.html'>Color Code Generator </a></li> </ul>
</li>
</ul></nav>

  • Add The Title As you wish and Click Save!!!!!!!!
That's it all Done...

Customization: 


Now Replace Links Text Highlighted in Color RED with your Link and PINK With your Category Name..


Useful Note:


Important Note:

  • You Can Comment If any Problem Persist.. or Need Help With This Widget..
  • Any Query or Help Related to this or any other related to Blogger Feel Free to Contact Us..
    Within 24 to 48 hours we will get your back the answer for your Question.. .


I hope you all liked and Enjoyed the post..

Join our Facebook Fan Page  .:MJN Tech:.
and
Subscribe for More Latest Updates..

With Regard's
Read Article

08:20

Download W3Schools Completely Offline Version of 2013...

W3Schools is a place to learn HTML, XHTML, CSS, XML, browser scripting java script vbscript DHTML, WML Script, server scripting PHP, ASP, SQL, Dot NET etc. This tutorial is very helpful for beginner to learn most of above mentioned.. This website provides basic supports to a lot of things. Many people searches internet to get the Offline version. When you don’t have the internet connection you can browse w3schools website easily with this offline version.Learn website designing by this great website w3schools when you don’t have internet connection or just without internet ..


 How to Use it..

  • First Download The File from below mentioned link.. Don't Worry its Compressed only to less than 2mb.. but actual size it up to 70mb when you extract it..
  • After Extraction Open The Folder Named "www.w3schools.com" ..
  • Now You Can Find Webpage File Named "default.html"..
  • Open It and Enjoy W3Schools In offline..
Download

Important Note:

  • You Can Comment If any Problem Persist.
  • Any Query or Help Related to this or any other related to Blogger Feel Free to Contact Us..
    Within 24 to 48 hours we will get your back the answer for your Question.. .


Read Article