- Beranda
- Komunitas
- Tech
- Website, Webmaster, Webdeveloper
[HELEP] Fix Image Size in All Resolution
TS
edodianisme
[HELEP] Fix Image Size in All Resolution
Update : Eh pending gan, ini uda ketemu kodenya, ane lupa kalo bisa copas dari page source webnya langsung, tinggal di sesuaikan ama kebutuhan ane aja 
Spoiler for "pending":
salken agan2 mastah webmaster, ane masih pemula di dunia web gan, biasanya cuma instant install dari softaculous, nah sekarang lagi mendalami bikin web dari dasar ( html )
nah jadi gini gan, kalo mau bikin ukuran image yang selalu sama dan ukurannya fix disetiap monitor itu gmn ya ?
contohnya web _petersaysdenim.com gan, disitu halaman utamanya kan gambar tuh, nah itu kalo ane kecilin ukurannya ( neken ctrl + - ), ukuran imagenya ga berubah, yang berubah cuma ukuran tulisannya. nah itu gimana ya gan cara bikinnya, codenya gitu.. mau ane bikin slider juga itu nanti disitu..
ane sangat berharap sekali bantuan dari agan2 mastah webmaster disini, terima kasih sebelumnya gan ..
Karena ada yang request, ane share kodenya, tapi ga tau tuh, masih belum rapih codingnya, maklum ya gan, ane belajarnya otodidak, bukan anak IT
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>I N S C R I B E D E N I M</title>
<style type="text/css">
body {
width:100%;
}
img.bg{
width:100%;
height:auto;
position:fixed;
top:0px;
left:0px;
}
#bottom{
background:#000;
opacity:0.5;
width:100%;
height:30%;
position:fixed;
bottom:0px;
left:0px;
display:block;
}
#logo{
position:fixed;
left:0;
bottom:5%;
forbidden2;
}
.lavaLampNoImage {
position: absolute;
height: 20px;
width: 500px;
background-color: transparent;
padding: 15px;
margin-top: -105px;
margin-left:600px;
overflow: hidden;
border: 0px solid gray;
}
.lavaLampNoImage li {
float: left;
list-style: none;
}
.lavaLampNoImage li.back {
border: 0px solid #000;
background-color: #990000;
width: 9px;
height: 25px;
forbidden 8;
position: absolute;
opacity:0.3;
border-radius:10px;
-moz-border-radius:10px;
}
.lavaLampNoImage li a {
font: italic 11px arial;
text-decoration: none;
color: #fff;
outline: none;
text-align: center;
top: 7px;
text-transform: uppercase;
letter-spacing: 1px;
forbidden 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
margin: auto 10px;
}
.lavaLampNoImage li a:hover, .lavaLampNoImage li a:active, .lavaLampNoImage li a:visited {
border: none;
color:#fff;
}
.chris{
width:120px;
height:11px;
display:block;
position:absolute;
bottom:10px;
right:10px;
forbidden3;
}
</style>
</head>
<body>
<img class="bg" src="http://denim.mahapromosi.com/img/page.gif" />
<div id="logo"><img src="http://denim.mahapromosi.com/img/Logo.png" />
<ul class="lavaLampNoImage" id="2" align="right">
<li><a href="http://denim.mahapromosi.com/store/">Store</a></li>
<li><a href="http://denim.mahapromosi.com/">Artist</a></li>
<li><a href="http://denim.mahapromosi.com/">About Us</a></li>
</ul>
</div>
<div id="bottom"></div>
</body>
</html>
Diubah oleh edodianisme 28-03-2013 04:29
0
953
1
Guest
Tulis komentar menarik atau mention replykgpt untuk ngobrol seru
Urutan
Terbaru
Terlama
Guest
Tulis komentar menarik atau mention replykgpt untuk ngobrol seru
Komunitas Pilihan