CSS3 Drop Down Menu - No Images and No Scripts

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcLAi5vN9poOEb15Ff5RWO-mOHrV_1cxwsO2Qx6KoXMrWUspWGMQFHYkQR0xN-CB7rJz27Kes4lhqCruR4XFcYr6GOmgSE7-L9BPCi4g8GHOCizQSZWbP9Wy7pgOQORGwHExpkVNDMvamH/s1600/image%255B40%255D.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="118" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcLAi5vN9poOEb15Ff5RWO-mOHrV_1cxwsO2Qx6KoXMrWUspWGMQFHYkQR0xN-CB7rJz27Kes4lhqCruR4XFcYr6GOmgSE7-L9BPCi4g8GHOCizQSZWbP9Wy7pgOQORGwHExpkVNDMvamH/s320/image%255B40%255D.png" width="320"></a></div><span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px; text-align: justify;"> This amazing drop down menu is created by </span><a href="http://www.red-team-design.com/css3-dropdown-menu" style="background-color: white; color: #900000; font-family: Verdana; font-size: 12px; line-height: 19px; text-align: justify; text-decoration: none;" target="_blank">Catalin Rosu</a><span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px; text-align: justify;">and </span><span style="background-color: white; color: #008040; font-family: Verdana; font-size: 12px; line-height: 19px; text-align: justify;"><strong>uses no images or scripts at all</strong></span><span style="background-color: white; color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px; text-align: justify;">! We will be sharing a modified</span><br>version which may work perfectly with Blogger. Its pure power display of CSS3 . It is really Cool and Professional Widget For Your Blog Which will really change the appearance of Your Blog and Make it<br></div><a href="http://mmktricks.blogspot.com/2012/01/css3-drop-down-menu-no-images-and-no.html#more">Read more »</a>

 This amazing drop down menu is created by  Catalin Rosu and  uses no images or scripts at all ! We will be sharing a modified version which...

Add Custom Drop Down Menu To Templates

<div dir="ltr" style="text-align: left;" trbidi="on"><div dir="ltr" style="text-align: left;" trbidi="on"><span class="Apple-style-span" style="color: #333333; font-family: Verdana; font-size: 12px; line-height: 19px;"></span><br><div align="justify">With the introduction of Blogger Template Designer, template editing has become more difficult for newbies due to excessive use of dynamic coding. The Famous templates are designed by Josh Peterson which includes the watermark and Picture Window template.<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwZJtC2_CwsD89yx-KrLN94I6A_msgj5nwyg6dJl6BJgbbQsFdbtVKnA94Zbim8Doo0KppjXrf7JoxivOcdr65C-GXMBrd3-fKFQThiYx2zLxBDQINkCCuamNp4R5PG8MQfX6iewBJWE0/s1600-h/image%25255B11%25255D.png" style="color: #0084ce; text-decoration: none;"><img alt="image" border="0" height="58" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKCoVAUJKKzjqeoIGRBNHdGoZYmoKHBb039ssttZQmuiIQG3smq55rjAeYuuEyDa8l7bCxLeJ62t_f6ahNdOEZNw7A_rkNy_gI7uGvH5eFCrpBn2nfYOmnSFyMUJWrbEEcqhqKvnGTaRA/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="image" width="331"></a></div><a href="http://www.blogger.com/post-edit.g?blogID=7409446397599659962&postID=4251414127556718344" name="more" style="color: #0084ce; text-decoration: none;"></a>I introduced a drop down menu  in my earlier post and some of you had problems adding it to the new blogger templates. The code didn't work with the new templates because the CSS code I used was override by Josh's code. To solve this problem we will need to deactivate Josh's coding from your <br></div></div><a href="http://mmktricks.blogspot.com/2011/07/add-custom-drop-down-menu-to-templates.html#more">Read more »</a>

With the introduction of Blogger Template Designer, template editing has become more difficult for newbies due to excessive use of dynamic c...

Create a Drop Down Menu In Facebook Style With Rounded Borders

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwL8NcpcVUJ3ueaQldUGKf1ODN7nsKhB6dSoxpWasbwMC1XIF0YfVyIZsyvDwKbHb-B4yKWRHdkJGD5mSYGVP9wautY1eMOwwd2jXwXNzw0oeQ_aBm-VkcN5x5MOG8OXGrZ0h1P6NXixI/s1600-h/image%25255B11%25255D.png" style="clear: left; color: #900000; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration: none;"><img alt="Facebook Drop down menu" border="0" height="161" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT6hbXczISPGtp56Mnt09O7PEyTndSKNBu9H7BdrqLQBmzBf64uXN3KupvOqJNjZaJdKbeLJXqQVjvwxu9R3hBp_EWSJOLIUCURPbHUye9Q7y42_6WrkTTF8y4QUXF-uIMOdHomwyEpxE/?imgmax=800" style="background-image: none; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-left-color: initial; border-left-style: initial; border-left-width: 0px; border-right-color: initial; border-right-style: initial; border-right-width: 0px; border-top-color: initial; border-top-style: initial; border-top-width: 0px; display: block; float: none; margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Facebook Drop down menu" width="320"></a></div><div align="justify">The Drop Down Menu code that I provided earlier can be used as a structure to design any navigation menu you like. I have designed a drop down menu using Facebook as inspiration. You can fully customize this menu and can add colors and fonts of your preference too.</div></div><a href="http://mmktricks.blogspot.com/2011/07/create-drop-down-menu-in-facebook-style.html#more">Read more »</a>

The Drop Down Menu code that I provided earlier can be used as a structure to design any navigation menu you like. I have designed a drop do...

Drop Down Menu for Blogger With CSS & HTML Codes!

<div dir="ltr" style="text-align: left;" trbidi="on"><span class="Apple-style-span" style="color: #474747; font-family: Arial, Verdana; font-size: 14px;"></span><br><div class="separator" style="clear: both; text-align: center;"><a href="http://bit.ly/eFk13g" imageanchor="1" style="color: #dc0771; margin-left: 1em; margin-right: 1em; outline-color: initial; outline-style: none; outline-width: initial; text-decoration: none;"><img border="0" height="168" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-gQ8gVmkqFt5cbpM_tdPnXR0eerFEBV8RNQ0GeyIVeDIPRRiFv8P6aLivhhERpORuZq-bfGViH4LjlTwel9KEGS8ZIlqfro-xP2OlR6c7APqrbKkx-5YYWL5rFJeWFrIGccYIFAUMgRZV/s1600/17%252B+Drop+Down+Menu+Widget+%25E2%2580%259CHorizontal%25E2%2580%259D++Menus+For+Blogger+With+CSS+%2526+HTML+Codes.png" style="background-attachment: initial; background-clip: initial; background-color: #eeeeee; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(246, 206, 119); border-bottom-style: solid; border-bottom-width: 0px; border-color: initial; border-left-color: rgb(246, 206, 119); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(246, 206, 119); border-right-style: solid; border-right-width: 0px; border-style: initial; border-top-color: rgb(246, 206, 119); border-top-style: solid; border-top-width: 0px; font-family: inherit; font-size: 14px; font-style: normal; font-weight: normal; line-height: 1; margin-bottom: 4px; margin-left: 0px; margin-right: 4px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;" width="480"></a></div><br>Before that I never post how to create a horizontal Drop Down Menu Widget . May exist between blogger friends who find difficulty in putting the CSS code in the template editing stages,for it to post this time I<br></div><a href="http://mmktricks.blogspot.com/2011/06/17-drop-down-menu-widget-in-blogger_23.html#more">Read more »</a>

Before that I never post how to create a horizontal Drop Down Menu Widget . May exist between blogger friends who find difficulty in putting...

Vertical Navigation Menus For Blogger – CSS-HTML Tab Menus

<div dir="ltr" style="text-align: left;" trbidi="on"><br><div align="justify"><img align="left" alt="25 Navigation Menus Collection!" height="157" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3Jb3yw0OM7ibMsmwP9daPQlQ77MDJ-afoiqoA403LDW-rf802sbLoeX8URfHeMnSHYI_kctr9iNQU684BRzqnw7vn3_zBx_QugIaVQfZUXHzzwDr9Jrj2svySF8sHe3KGLpXNjZz4ttE/?imgmax=800" style="display: inline; margin-left: 0px; margin-right: 0px;" title="25 Navigation Menus Collection!" width="199"> After the release of <a href="http://mmktricks.blogspot.com/2011/06/vertical-navigation-menus-for-blogger.html" target="_blank">30+ Horizontal Navigation Menus</a>, we head forward to    </div><div align="justify"> a beautiful collection of some of the best looking vertical navigation menus </div><div align="justify"> that will put soul to anyone’s weblog or website! I have modified the codes </div><div align="justify"> made by <a href="http://www.exploding-boy.com/" target="_blank">Christopher</a> and <a href="http://www.highdots.com/" target="_blank">Highdots</a> and have made them compatible with </div><div align="justify">Blogger. I hope this collection will be of interest to most of you simply </div><div align="justify">because these navigation menu tabs can easily be installed,<br></div></div><a href="http://mmktricks.blogspot.com/2011/06/vertical-navigation-menus-for-blogger.html#more">Read more »</a>

 After the release of 30+ Horizontal Navigation Menus , we head forward to      a beautiful collection of some of the best looking vertical ...