Apa sih maksudnya: Scrollable Self-Made Transparent Footer?
Preview:
[spoiler][url=http://img216.imageshack.us/my.php?image=previewdi2.gif][img]http://img216.imageshack.us/img216/6986/previewdi2.th.gif[/img][/url][/spoiler]
Nah, pasti langsung ngerti kan? Mau yang seperti itu?
Okay, masukan kode ini di CSS External kamu:
[quote]#navbar-footer p.info {
float: right;
padding-right:40px;
line-height: 1.2;
height: 100%;
vertical-align: bottom;
}
#navbar-footer p {
float: left;
margin: 0px;
padding-top:4px;
padding-left:40px;
vertical-align: bottom;
line-height: 1.2;
}
#navbar-footer a {
color: #333;
}
#navbar-footer {
align: center;
position: fixed;
border-top: 1px solid #ddd;
border-bottom: 10px solid #f5f5f5;
background-color: #f5f5f5;
width: 100%;
left: 0px;
text-align: left;
color: #888;
font-family: Verdana;
font-size: 11px;
z-index:10000;
opacity: 0.9;
filter: alpha(opacity: 90);
bottom:0;
}[/quote]
Trus buka notepad kamu. Copy-paste kode ini:
[quote]<div id="navbar-footer">
<p>
<img border="0" src="[b]
http://theftalk.com/pix/logo_white.gif[/b]"/><a href="[b]
http://friendstertak.com[/b]">[b]FriendsterTalk[/b]</a>[b]2002-2008 [/b]
<p class="info">Powered by <a href="[b]#[/b]">[b]Friendster[/b]</a> | Created and Maintained by <a href="[b]#[/b]" target="_blank">[b]ymm0t[/b]</a><br/>[b]Best viewed in Firefox 1.5+ at 1024x768 or higher resolution[/b]
<br/>
</p>
</div>[/quote]
Ganti text yang di-bolddengan text kamu sendiri, ok!
Trus paste deh tuh kode di media box!
Thx,
ymm0t
Last edited by ymm0t (2008-06-12 20:48:34)