Tampilkan postingan dengan label menu. Tampilkan semua postingan
Tampilkan postingan dengan label menu. Tampilkan semua postingan

Kamis, 12 April 2012

MEMASANG MENU

Menu simple:



Kode Css dan Html menu atas:
----------Css--------- :
/* --------------- Navigasi Menu by Prast ---------------- */
#toprast_menu {
height:40px;
padding:0 30px;
margin-left:-10px;
background: transparrent;
}
#toprast_menu ul {
height:52px;
margin:0;
padding:1px 0 0 0;
list-style:none;
}
#toprast_menu ul li {
padding:0;
margin:0;
display:block;
}
#toprast_menu ul li a {
float:left;
display:block;
height:37px;
padding:15px 25px 0 25px;
font-size:16px;
color:#FFFFFF;
text-align:center;
text-decoration:none;
border:1px solid #999999;
background:url(http://www.acoolsoft.com/style/images/top_bg.gif);border-top-left-radius:1em;
border-top-right-radius:1em;
}
#toprast_menu ul li a:hover,#nav_menu ul .current {
color:#0eb0ff;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5FntKgDfgESe6V0CrSKsG4OsNPw8cOygVpbv-nW1ZYXu3GUM05DBB7gYawwyuPylJQVXQHTm3jbgVHmebj9yatMBBRLme-gdmHAW__9Rwr5706syHxo5W05ZVZbRXBj1-2O1r9knO_K5n/s400/minimal_03_footertitle.jpg);
border:1px solid #999999;
border-top-left-radius:1em;
border-top-right-radius:1em;
}
#toprast_menu ul .last {
background:none;
padding-right: 22px
}#menu_cari {float: right;}

/* --------------- End Menu by Prast ---------------- */

cara memasang di header:

pasang sebelum kode </header>
-------------- Html -------------------:
<div id='toprast_menu'>
<ul>
<li><a href='http://www.44.com/'>HOME</a></li>
<li><a href='http://www.44.com/' title='ABOUT'>ABOUT</a></li>
<li><a href='http://www.44.com/' title='BUSINES'>BUSINES</a></li>
<li><a href='http://www.44.com/' title='VIDEO'>VIDEO</a></li>
<li><a href='http://www.44.com/' title='IMAGE'>IMAGE</a></li>
<li><a href='http://www.44.com/' title='MUSIC'>MUSIC</a></li>
<li><a href='http://www.44.com/' title='EMAIL'>CONTACT</a></li>
</ul>
</div>
--------------------------ingat sebelum header------------------
--------->    </header>


Rabu, 01 Juni 2011

samples

Membuat Teks Box dengan script text area
ON CLICK AREA THAN PASTE IT..!!

Take your teks than coppy to replace under box area..!
Paste di area berikut untuk test.. kemudian klik Replace/Paste




code:
<script type="text/javascript">
function translate(phrase) {
   phrase = document.getElementById('input').value;
   phrase = phrase.replace(/why/g, "y");
   phrase = phrase.replace(/are/g, "r");
   phrase = phrase.replace(/you/g, "u");
   phrase = phrase.replace(/for/g, "4");
   phrase = phrase.replace(/to/g, "2");
   document.getElementById('output').value = phrase;
}
</script>
<textarea id="input" style="height: 61px; width: 503px;"></textarea>
<input onclick="translate();" type="button" value="Replace/Paste" />
<textarea id="output" style="height: 61px; width: 503px;"></textarea>