Menu navigasi CSS Mac Dock bottom with jQuery
- Cara membuatnya :
- Login blogger
- Rancangan, Edit Html, Cari kode ]]></b:skin>
- Dan Simpan kode berikut diatasnya :
/* ---------------
Menu navigasi CSS Mac Dock bottom with jQuery
---------------------------------- */
#dock2 {
width: 100%;
bottom: 0px;
position: relative;
left: 0px;
}
.dock-container2 {
position: relative;
height: 50px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8erik2VCTr_VyV6O55eleAzUylX9B298tNbaRXiF2npOiQfH6bsQmvNKdUqWbih2ZmbnRQ_HJsM3I21oYyBK9iNzgEk9EYe_NibLY6EdBX03-gAnRpebvWip2zcUlmmhXcVc2yGj1Hs0/s1600/dock-bg.gif);
padding-left: 20px;
}
a.dock-item2 {
display: block;
font: bold 12px Arial, Helvetica, sans-serif;
width: 40px;
color: #000;
bottom: 0px;
position: absolute;
text-align: center;
text-decoration: none;
}
.dock-item2 span {
display: none;
padding-left: 20px;
}
.dock-item2 img {
border: none;
margin: 5px 10px 0px;
width: 100%;
}
Menu navigasi CSS Mac Dock bottom with jQuery
---------------------------------- */
#dock2 {
width: 100%;
bottom: 0px;
position: relative;
left: 0px;
}
.dock-container2 {
position: relative;
height: 50px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8erik2VCTr_VyV6O55eleAzUylX9B298tNbaRXiF2npOiQfH6bsQmvNKdUqWbih2ZmbnRQ_HJsM3I21oYyBK9iNzgEk9EYe_NibLY6EdBX03-gAnRpebvWip2zcUlmmhXcVc2yGj1Hs0/s1600/dock-bg.gif);
padding-left: 20px;
}
a.dock-item2 {
display: block;
font: bold 12px Arial, Helvetica, sans-serif;
width: 40px;
color: #000;
bottom: 0px;
position: absolute;
text-align: center;
text-decoration: none;
}
.dock-item2 span {
display: none;
padding-left: 20px;
}
.dock-item2 img {
border: none;
margin: 5px 10px 0px;
width: 100%;
}
4. selanjutnya simpan kode berikut diatas kode </head> :
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://kangdadang.googlecode.com/files/interface.js"></script>
jika sudah ada tak perlu ditambahkan<script type="text/javascript" src="http://kangdadang.googlecode.com/files/interface.js"></script>
5. simpan script berikut ditas kode </body> :
simpan template
6. terakhir pemanggilanya pada html, simpan sesuai keinginan baik itu pada edit html posting ataupun html/java script pada menu gadget :
7. selesai
Show
0 Comments
prev
next