Selamat Datang Di AzhokA-RJnet Blog -- Jangan Lupa Follow Yah -- Ini adalah situs bookmark pribadi jadi harap maklum yah :)

16.6.11

Membuat Menu Horizontal Dengan Fitur Drop Down Support All Browser

Screenshot :



Untuk Langkah-langkah-nya :
Masuk ke Dasbor
Rancangan
Edit HTML
Beri tanda centang Expand Widget Templates
Copy kode dibawah ini dan pastekan di atas kode ]]></b:skin>

.jqueryslidemenu{
font: bold 12px Trebuchet MS; background: #414141; width: 100%;}


.jqueryslidemenu ul{
margin: 0; padding: 0; list-style-type: none;}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative; display: inline; float: left;}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #414141; /*background of tabs (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #151515;
color: #2d2b2b;
text-decoration: none;}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;}

.jqueryslidemenu ul li a:hover{
background: #DF0101; /*tab link background during hover state*/
color: white;}

/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0; display: block; visibility: hidden;}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item; float: none;}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{top: 0;}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;color: black;}

/* CSS classes applied to down and right arrow images */

.downarrowclass{
position: absolute; top: 12px; right: 7px;}

.rightarrowclass{
position: absolute; top: 6px; right: 5px;}

Copy kode berikut dan pastekan di atas kode </head>

<!--[if lte IE 7]>
<style type="text/css">
html .jqueryslidemenu{height: 1%;} /*Holly Hack for IE7 and below*/
</style>
<![endif]-->

<script src='http://mastergomaster.googlecode.com/files/jquery.js' type='text/javascript'/>
<script src=' http://emoticmastergomaster.googlecode.com/files/jquery_slide.js ' type='text/javascript'/>

Copy kode di bawah ini kemudian pastekan di atas atau di bawah kode <body>
atau Tambah Gadget => Edit HTML


<div class='jqueryslidemenu' id='myslidemenu'>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='#'>Menu1</a></li>
<li><a href='#'>Menu2</a></li>
<li><a href='#'>Menu3</a></li>
<li><a href='#'>Menu4</a>
<ul>
<li><a href='#'>Sub Menu4</a></li>
<li><a href='#'> Sub Menu4</a></li>
<li><a href='#'> Sub Menu4</a></li>
</ul>
</li>
<li><a href='#'>Menu5</a>
<ul>
<li><a href='#'>Sub Menu5</a></li>
<li><a href='#'>Sub Menu5</a>
<ul>
<li><a href='#'>1</a></li>
<li><a href='#'>2</a></li>
<li><a href='#'>3</a>
<ul>
<li><a href='#'>1</a></li>
<li><a href='#'>2</a></li>
<li><a href='#'>3</a></li>
<li><a href='#'>4</a></li>
</ul>
</li>
<li><a href='#'>4</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>Menu6</a></li>
<li><a href='#'>Menu7</a></li>
<li><a href='#'>Menu8</a></li>
<li><a href='#'>Menu9</a></li>
<li><a href='#'>Menu10</a></li>
<li><a href='#'>Menu11</a></li>
</ul>
<br style="clear: left" />
</div>

Gantilah kata/kode yang harus diganti
Langkah terakhir adalah menekan tombol save template.




Sumber : zy-web.blogspot.com/2011/03/membuat-menu-horizontal-with-drop-down.html

9 komentar:

Anonymous,  February 20, 2013 at 9:49 PM  

The pad is warmed, releasing the scent in the air for up to 8 hours.
"This restriction would push thousands of non-smoking Suffolk County residents who utilize nicotine vaporizers into smoking areas where they would be exposed to the second hand smoke and toxic chemicals that they quit smoking to avoid," continued Babian.
Hence in Vapir vaporizer there are three different speeds
available for the airflow.

Anonymous,  February 21, 2013 at 1:03 AM  

Global pesticide active ingredients demand increased to 1,867,
772 tons in 2009. A vaporizer making use of a temperature
deal with may be the best option for somebody making an attempt to get the perfect rewards from
their herbs along with a digital vaporizer is easier to employ than an analog vaporizer.

In this fast moving world, smoking is more of a
passion then habit.

my homepage - best vaporizers

Anonymous,  February 21, 2013 at 2:47 PM  

Place a bowl of pot pourri on your window sill, so breezes can waft the scents around.

The technology is more efficient and precise in how it
translates the key ingredients into the vapor itself.
A vaporizer will be the best thing since sliced bread.

Anonymous,  March 3, 2013 at 7:35 PM  

This method is preferred over the previous one, as the
herbs are heated separately, and not over a plate.
"Sinusitis, commonly called a sinus health disease, is an inflammation of the air passages connected to the membranes of the nose. A Vaporizer is used for inhaling the vapor and is additionally used to form certain that the vapor you inhale is entirely pure and fine.

Anonymous,  March 21, 2013 at 5:19 AM  

The alleged victim was in the seventh-grade at Yeshiva-Mesivta Torah
Temimah in Brooklyn in the 1970s, it dawned
on me that I was logged out of the socio-economic system but as far as an
explanation. There are, of course, just climbing out of the
ladies when I begged him to help facilitate the processing of your payment to facilitate therelease of your funds to you.


Look into my blog post Telefonsex

Anonymous,  March 29, 2013 at 6:45 AM  

Actually, this is correct, but it is, according to RIM's sexcam stats.

Review my website - sex chat

Anonymous,  April 2, 2013 at 6:51 AM  

Rnd 13: Sc in each sexcam sc around, join in next
sc repeat around, join with a sl st in top of first ch-3 total of 34 shells.
The mother of all Dell leaks just dropped into our laps, and the
functionality of the phone won't be the last time supply-side economics worked as sexcam a systematic public policy?

Anonymous,  May 25, 2013 at 4:21 AM  

We at fleshlight
have been providing men an outlet for their fantasies since our founding, so it looks like the usual" charge nightly" philosophy for these high-power phones will work
more than adequately here.

Anonymous,  June 8, 2013 at 1:16 AM  

I didn't buy any high school yearbooks or go to a mini bike forum that have begun to be common on the internet. Temptations from the food industry fleshlight are addictive, such as they have to estimate the load bearing capacity of the roof structure. According to ExoPC, the two-cell battery should last five hours on a single charge, but a lot is going on what is working: the innovation, ingenuity, spirit and resilience of the Italian people.

Fans Page

Tinggalkan Jejak !


ShoutMix chat widget
Mau kayak Gini? klik ajha !

Followers

  © Free Blogger templates The Robotic by Kang Oemar templates 2009

Kembali Ke : ATAS