Monday, December 12, 2011

HTML colour code

click gambar nie



>>>>>>>> :face5: <<<<<<<<

Written by Nas Adila at 12/12/2011 10:46:00 AM 0 kisses me :)

Blog Achieve ada Icon


contoh icon dekat blog achieve .. tengok blog achieve nas . comel tak ? nak buat ? jum !

Mula mula log in blog :65: design :65: edit html :65: tick widget expand


tekan ctrl+F and cari code nie ;


<a expr:href='data:i.url'><data:i.title/>



lepastu delete code diatas and gantikan dengan code nie ;



<a expr:href='data:i.url'><img src="url icon"/><data:i.title/>



:36: url icon tu korang ganti dengan link icon korang

:36: preview and save .

:36:Image / icon boleh amik dekat glitters-graphics.com atau mane2 yang ada icon comel la :D

:36: credit ; http://nurhafizahpija.blogspot.com


Written by Nas Adila at 12/12/2011 09:48:00 AM 0 kisses me :)

ShoutMix Yang ketot mcm saya XD




Tutor nie mungkin dah lapok la kan tapi daripada nas tak update .. boleh la kut ajar camner nk buat shoutbox korang jadi ketot XD anw , nie untuk sape sape yang guna shoutmix yang OLD VERSION sahaja .

contoh shout nas


firstly , korang bukak balik code shoutmix korang .. dah ? ok , tengok size dye .. besar kan ?
korang set ke

:86: width 220

:86: height 100

siap ! :) senang sikit , kalau ader yang kutuk-kutuk korang ke ape , takde la orang lain dapat bace kan :D kalau nk blogwalking tu , korang panjangkan balik ataw nk lagi senang , log in je
www.shoutmix.com

:86: DENGAR KHABAR SHOUTMIX FREE NAK DI BATALKAN . LEPASNIE KALAU NAK GUNA KENA BAYAR . idk :(

Written by Nas Adila at 12/12/2011 08:28:00 AM 0 kisses me :)

Navigation Bar macam saya



contoh navigation macam nas punya .



pegi design :65: add gadget :65: html java script :65: pastekan code dlm kotak ..

gantikan ;

:88: b.colour dgn warna yang korang suka [ pegi tutor html colour ]

:88: your url gantikan dgn link korang

:88: yang home | freebies semua tu boleh tukar

<span style="background-color: #FCDFFF; border-radius: 5px 5px 5px 5px; padding: 3px 6px;"><a href="your link">Home</a></span>

<span style="background-color: #FCDFFF; border-radius: 5px 5px 5px 5px; padding: 3px 6px;"><a href="your link">Biography</a></span>

<span style="background-color: #FCDFFF; border-radius: 5px 5px 5px 5px; padding: 3px 6px;"><a href="your link">Tutorials</a></span>

<span style="background-color: #FCDFFF; border-radius: 5px 5px 5px 5px; padding: 3px 6px;"><a href="your link">Freebies</a></span>

<span style="background-color: #FCDFFF; border-radius: 5px 5px 5px 5px; padding: 3px 5px;"><a href="your link">MukaBuku</a></span>



save ! :)


Written by Nas Adila at 12/12/2011 08:28:00 AM 0 kisses me :)

Hidden Tab [ SpeechCredit ]

hye hye . meh nas ajar camno nak buat yang macam nas punya tuh . alahh yang speechcredit tu . ok sebelum tu nas credit tutor nie dekat cik lyssa . Contoh hidden tab tu cm kat bawah nie



oteh , sudah tahu anak anak ? jum mula !


pegi design :65: add gadget :65: html java script :65: pastekan code dibwh nie ke dalam kotak tu




<center><div id="spoiler"><div><input value="Click Me" style="width:88px ;font-size:12px;background-image: url(url background korang);-moz-border-radius: 10px; border-radius: 10px;margin:13px;padding:0px;border-style: 2px solid #ff9fcc;" type="button" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display = &#39;&#39;; this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;hide&#39;].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Hide Spoiler!&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display = &#39;none&#39;; this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;hide&#39;].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Show Spoiler!&#39;; }" />
<div id="show" style="display: none; background-color:transparent; background-repeat:repeat; margin: 0px;border-width:0px; padding:3px; width:90%">
<center><center><center><span class="Apple-style-span"><span style="font-weight:bold;"> Ayat korang disini</span></span></center></center></center></div></div></div></center>





:59: click me tu korang leh tukar dgn ayat korang

:59: url bckground boleh tukar . background crilah dekat ego-box.com ke

:59: ayat korang disini boleh tkukar dgn ape2 yang korang nak cakap .

save !

Written by Nas Adila at 12/12/2011 08:27:00 AM 0 kisses me :)

Hover Menyenget Bila Cursor Menyentuh Link


cube tengok nas punya sidebar post . Ada SNSD MOMENTS kan ? nie contoh ;



nak buat link jadi macam tu ? ikut nie !

mula mula design :65: add gadget :65: html java script :65: paste code kat bawah nie



<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.sidebarmenu ul{
width:270;
text align:center;
list-style-type: none;
font: normal 12px Century gothic;
}
.sidebarmenu ul li{
position: relative;
}
/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-align:center;
text-decoration: none;
padding: 0px;
}
.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #F9B7FF; /*background of tabs (default state)*/}
.sidebarmenu ul li a:visited{
color: white;}

.sidebarmenu ul li a:hover{
-webkit-transition-duration:1s;
-webkit-transform: skew(5deg,-5deg);
-moz-transform: rotate(2deg);
-webkit-transform: rotate(2deg);
background-color: #AB5353;}
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */
</style>
<script type="text/javascript">
//Nested Side Bar Menu (Mar 20th, 09)
//By Dynamic Drive: http://www.dynamicdrive.com/style/
var menuids=["sidebarmenu1"] //Enter id(s) of each Side Bar Menu's main UL, separated by commas
function initsidebarmenu(){
for (var i=0; i<menuids.length; i++){
var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
for (var t=0; t<ultags.length; t++){
ultags[t].parentNode.getElementsByTagName("a")[0].className+=" subfolderstyle"
if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu
ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item
else //else if this is a sub level submenu (ul)
ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
ultags[t].parentNode.onmouseover=function(){
this.getElementsByTagName("ul")[0].style.display="block"
}
ultags[t].parentNode.onmouseout=function(){
this.getElementsByTagName("ul")[0].style.display="none"
}
}
for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars
ultags[t].style.visibility="visible"
ultags[t].style.display="none"
}
}
}
if (window.addEventListener)
window.addEventListener("load", initsidebarmenu, false)
else if (window.attachEvent)
window.attachEvent("onload", initsidebarmenu)
</script>
<div class="sidebarmenu">
<ul id="sidebarmenu1">
<li><a href="your url">Title</a></li>
<li><a href="your url">Title</a></li>
<li><a href="your url">Title</a></li>
<li><a href="your url">Title</a></li>
</ul>
</div>







:65: background colour boleh tukar . [ S I N I ]

:65: tukar your url kpd link korang

:65: Title tu tukar kps tajuk2 post korang tu

:65: save :)


Written by Nas Adila at 12/12/2011 08:24:00 AM 0 kisses me :)

Subscribe to: Posts (Atom)