25-01-2016 Saat: 18:59
Kod:
<style> body { background-image: url('http://i.imgur.com/w0QUhLI.gif'); font-family: Arial, Helvetica, sans-serif; } #firsat { margin: 0px auto; width: 860px; } .firsat-kutusu { width: 385px; height: 245px; background-color: #ffffff; box-shadow: 0px 0px 5px #acacac; border-radius: 4px; padding: 10px 0px 10px 10px; margin: 10px; float: left; } .sol { width: 260px; float: left; } .sag { } .baslik { font-size: 18px; font-weight: bold; color: #404040; display: block; height: 93px; } .resim { padding: 3px; border: 1px solid #d8d8d8; display: inline-block; } .resim img { width: 252px; height: 145px; } .indirim { background-image: url('http://i.imgur.com/8WB5kfC.png'); width: 67px; height: 93px; margin-top: -16px; display: inline-block; font-family: Georgia, "Times New Roman", Times, serif; text-align: center; color: #daffda; text-shadow: 1px 1px 1px #3c8d3c; font-size: 12px; padding: 10px 0px 0px 5px; line-height: 25px; margin-left: 25px; } .indirim span { font-size: 24px; } .fiyat { display: inline-block; background-image: url('http://i.imgur.com/CfPq9mW.png'); width: 110px; height: 86px; margin: 60px 0px 0px 10px; color: #ffffff; font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; text-align: center; padding: 14px 0px 0px 0px; font-size: 20px; } .eski-fiyat { display: block; font-size: 16px; text-decoration: line-through; } </style> <div id="firsat"> <div class="firsat-kutusu"> <div class="sol"> <span class="baslik">ThemeTR & Birdamlabilgi VIP Uyelik</span><span class="resim"> <img alt="" src="http://i.imgur.com/PQXPbrW.png" _fcksavedurl="http://i.imgur.com/PQXPbrW.png" /></span> </div> <div class="sag"> <span class="indirim"><span>50%</span> İNDİRİM </span> <span class="fiyat"><span class="eski-fiyat">20 TL</span>10 TL </span></div> </div> <div class="firsat-kutusu"> <div class="sol"> <span class="baslik">ThemeTR & Birdamlabilgi VIP Uyelik</span><span class="resim"> <img alt="" src="http://i.imgur.com/lObjSu8.png" _fcksavedurl="http://i.imgur.com/lObjSu8.png" /></span> </div> <div class="sag"> <span class="indirim"><span>50%</span> İNDİRİM </span> <span class="fiyat"><span class="eski-fiyat">20 TL</span>10 TL </span></div> </div> <div class="firsat-kutusu"> <div class="sol"> <span class="baslik">ThemeTR & Birdamlabilgi VIP Uyelik</span><span class="resim"> <img alt="" src="http://i.imgur.com/lObjSu8.png" _fcksavedurl="http://i.imgur.com/lObjSu8.png" /></span> </div> <div class="sag"> <span class="indirim"><span>50%</span> İNDİRİM </span> <span class="fiyat"><span class="eski-fiyat">20 TL</span>10 TL </span></div> </div> <div class="firsat-kutusu"> <div class="sol"> <span class="baslik">ThemeTR & Birdamlabilgi VIP Uyelik</span><span class="resim"> <img alt="" src="http://i.imgur.com/PQXPbrW.png" _fcksavedurl="http://i.imgur.com/PQXPbrW.png" /></span> </div> <div class="sag"> <span class="indirim"><span>50%</span> İNDİRİM </span> <span class="fiyat"><span class="eski-fiyat">20 TL</span>10 TL NOT : Bu tasarım THEMETR'ye ait'tir.