Ücretsiz Css Tasarımlar... - Sayfa 2

31-03-2010, 20:49:50

#10

~~sRc~~

Tasarımlar için teşekkürler kullanacağım

31-03-2010, 21:17:58

#11

~~Earth~~

Üyeliği durduruldu

Çok güzel gerçekten paylaşım için teşekkür ederim.

01-04-2010, 22:30:09

#12

S3yf

tasarımlar güzel hocam ellerine saglık kendi sitelerimde kullanacagım.

03-04-2010, 20:14:43

#13

gerexiz

Çok Güzel temalar Harbiden TşKLer

03-04-2010, 21:46:22

#14

~~Med35~~

Üyeliği durduruldu

Süper

Devamını bekliyorum Çıkınca Mesaj atarsan Sevinirim Dostum

Başarılar..

04-04-2010, 07:10:16

#15

hgtbilisim

usta hepsi birbirinden güzel olmuş fakat bir sorum olucak;

bu resimdedeki gibi 40.Yılımız nedeniyle diye başlayan yazının arkasında haber bandı gibi bir alan var onu nasıl yapabiliriz acaba?Photoshopda yapılmış büyük ihtimal yöntemi anlatırsanız çok sevinirim...

04-04-2010, 08:08:38

#16

Erasmus

çok tasarımlar var paylaşım için teşekkür ederim.

04-04-2010, 13:09:45

#17

Kaplan

Ben teşekkür ederim arkadaşlar güzel mesajlar için...

hgtbilisim adlı üyeden alıntı: mesajı görüntüle

usta hepsi birbirinden güzel olmuş fakat bir sorum olucak;

bu resimdedeki gibi 40.Yılımız nedeniyle diye başlayan yazının arkasında haber bandı gibi bir alan var onu nasıl yapabiliriz acaba?Photoshopda yapılmış büyük ihtimal yöntemi anlatırsanız çok sevinirim...

Ekleyeyim pm ile de yollamıştım size...

css haline dökümü bu şekilde;
"background:url(http://www.komikresimlerim.org/data/media/332/concept_car_fin_05.jpg)" şu alan arkaplanı aldırıyor. Diğer kodları da stilleri still dosyasına html kısmını da o resmin çıktığı noktaya atarsanız ve kutu stilindeki boyutlandırmayı kendinize göre yaparsanız, sorun kalmayacaktır.

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Deneme Dosya</title>
<style type="text/css">
body {
	padding:0px;
	margin:20px;
	font-family:Arial, Helvetica, sans-serif;
	}
div,p {
	padding:0px;
	margin:0px;	
}
.kutu {
	background:center center;
	width:600px;
	height:200px;
	position:relative;
	}
.kutu-ic {
	position:absolute;
    top:100px;
	width:600px;
	height:100px;
	background-color:#000;
	opacity:0.8;
	filter:alpha(opacity=80);
	color:#FFF;
	overflow:hidden;
	}

	.kutu-ic .baslik{
	padding:0px 10px;
	margin:0px;		
	font-size:19px;
	color:#FFF;
	height:30px;
	line-height:30px;
	font-family:impact;
	font-weight:normal;
	}
	.kutu-ic .metin{
	padding:0px 10px;
	font-size:12px;
	color:#FFF;
	line-height:20px;
	}

</style>
</head>

<body>
<div class="kutu" style="background:url(http://www.komikresimlerim.org/data/media/332/concept_car_fin_05.jpg)">
<div class="kutu-ic">
<h2 class="baslik">Deneme İçerik Başlığı</h2>
<div class="metin">Deneme İçerik metini... Burada içerik ile ilgili bilgiler olacak... i... Burada içerik ile ilgili bilgiler olacak... metini... Burada içerik ile ilgili bilgiler olacak... i... Burada içerik ile ilgili bilgiler olacak... metini... Burada içerik ile ilgili bilgiler olacak... i... Burada içerik ile ilgili bilgiler olacak...</div>
</div>
</div>

</body>
</html>

Ajax versiyonlarına da forumda ve nette "news slider javascript "olarak aratabilirsiniz....

http://www.queness.com/post/443/jque...ption-tutorial

http://www.reindel.com/accessible_news_slider/

http://www.ezjquery.com

04-04-2010, 13:23:58

#18

~~Cnq~~

Üyeliği durduruldu

tasarımlar güzel. teşekkürler.