Css işi vardır

07-08-2012, 10:01:01

les

Merhaba Arkadaşlar..

Bu şekilde 3 lü ve 5 li 2 taplo yapılacaktır.. gri renkli olanlara resim gelecektir. Üzerine gelince 2. resim çıkacaktır.

Css ile kaliteli ve güzel bir şekilde hazırlanmasını istiyorum..

Ben bunu sonra wp siteme yerleştireceğim....

Ücret talebinizi lütfen pm ile iletiniz.

Ödeme; paypal, şans oyunları, garanti

07-08-2012, 13:13:08

#2

serhatozturk

pm yolluyorum

07-08-2012, 13:30:09

#3

technic

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title></title>
	<style type="text/css">
		.blok {width:187px;height:250px;float:left;margin:10px}
		.blok-resim img{border:3px solid #e3bbbc;border-radius:5px}
		.blok-buton a {display:block;font-size:20px;color:#333;text-decoration:none;font-family:Tahoma;padding:3px 10px;background-color:#ddd;margin-top:3px;border:3px solid #e3bbbc;border-radius:5px;text-align:center}
		.jpg {float:left;width:50px}
		.satin-al {float:right}
	</style>
</head>
<body>
	<div class="blok">
		<div class="blok-resim"><a href="#"><img src="http://www.starresim.com/data/media/240/yavru_kedi_resim.jpg" alt="" width="181" height="190"/></a></div>
		<div class="blok-buton">
			<a href="#" class="jpg">.jpg</a>
			<a href="#" class="satin-al">Satın Al</a>
		</div>
	</div>
	<div class="blok">
		<div class="blok-resim"><a href="#"><img src="http://www.starresim.com/data/media/240/yavru_kedi_resim.jpg" alt="" width="181" height="190"/></a></div>
		<div class="blok-buton">
			<a href="#" class="jpg">.jpg</a>
			<a href="#" class="satin-al">Satın Al</a>
		</div>
	</div>
	<div class="blok">
		<div class="blok-resim"><a href="#"><img src="http://www.starresim.com/data/media/240/yavru_kedi_resim.jpg" alt="" width="181" height="190"/></a></div>
		<div class="blok-buton">
			<a href="#" class="jpg">.jpg</a>
			<a href="#" class="satin-al">Satın Al</a>
		</div>
	</div>
	<div class="blok">
		<div class="blok-resim"><a href="#"><img src="http://www.starresim.com/data/media/240/yavru_kedi_resim.jpg" alt="" width="181" height="190"/></a></div>
		<div class="blok-buton">
			<a href="#" class="jpg">.jpg</a>
			<a href="#" class="satin-al">Satın Al</a>
		</div>
	</div>
</body>
</html>

boş bir html dosyasına, aynen kopyalayıp yapıştırın.
istediğiniz gibiyse, işinizi görür umarım.
iyi çalışmalar.

Çıktı bu şekilde olmalıdır.