Resimdeki gibi ccs kodlar arıyorum...

11-02-2010, 18:53:45

Merhabalar,

Arkadaşlar sorunum şu siyah bir zemin üstünde yazıları göstermeye çalıştığımda eğer yazı rengide siyah ise yazılar okunmuyor.

Üstteki resimdeki gibi bilgileri içerisine yazdıracağım pencereler nasıl oluşturabiliriz?

Sitedeki örnek gösterime buradan bkabilirsiniz.

Yukarıdaki linktede göreceğiniz gibi yazıları üstte örnek olarak eklediğim resim gibi bir çerçeve içerisinde yazdırmak istiyorum.

Bunu nasıl sağlarız? Bu üst resimdeki benzer alanların adı nedir aradım ama bulamadım. Sitenin birinde rasgele gördüm paint ile resmini çektim ama css şeklinde bu tarz kutucuklar bulabilir isem okulun sitesinde kullanacağım

İlgilendiğiniz için şimdiden çok teşekkürler.

12-02-2010, 12:11:45

#2

_BuKi_

Kimlik doğrulama veya yönetimden onay bekliyor.

hocam resimde göründüğü kadarıyla o kutucuklar grafik olarak hazırlanmış, sonra css ile herhangi bir katmana background verilerek kullanılmış. Sizde bu şekilde deneyebilirsiniz.

12-02-2010, 12:24:35

#3

EgeM

sıkıntımda burada bu dediğiniz işlemi bilmiyorum

Bende buradaki orta kısımda olan yeri hırsızlık yapacam bakalım alabilecekmiyim :-D ;-)

12-02-2010, 12:30:59

#4

_BuKi_

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

sıkıntımda burada bu dediğiniz işlemi bilmiyorum

Bende buradaki orta kısımda olan yeri hırsızlık yapacam bakalım alabilecekmiyim :-D ;-)

ortada ki gri alanı söylüyorsanız köşeleri oval olan kolayca alabilirsiniz hocam. Yinede yardıma ihtiyac olursa ederim

Kolay gelsin

12-02-2010, 13:00:52

#5

EgeM

İlgilendiğiniz için çok teşekkürler..

<!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=iso-8859-9" />
<style type="text/css">
<!--
.icerik {
width:950;
}
.icerik .icr_orta {
	background: url(rsm/img10.jpg) repeat-y left top;
	text-align: justify;
}

.icerik .icr_ust {
	background: url(rsm/img08.jpg) no-repeat left top;
}

.icerik .icr_alt {
	margin-bottom: 25px;
	padding: 30px 20px 10px 20px;
	background: url(rsm/img09.jpg) no-repeat left bottom;
}

-->
</style>
</head>

<body>
<div class="icerik">
<div class="icr_orta">
	<div class="icr_ust">
		
		Ömür BAŞGÜL
		Ömür BAŞGÜL
		Ömür BAŞGÜL
		Ömür BAŞGÜL
		Ömür BAŞGÜL
		Ömür BAŞGÜL
		Ömür BAŞGÜL
		Ömür BAŞGÜL
		Ömür BAŞGÜL
		Ömür BAŞGÜL
		Ömür BAŞGÜL
		Ömür BAŞGÜL
		Ömür BAŞGÜL
		Ömür BAŞGÜL
		Ömür BAŞGÜL<br  />
		Ömür BAŞGÜL
		Ömür BAŞGÜL
		Ömür BAŞGÜL
		Ömür BAŞGÜL
		Ömür BAŞGÜL
		Ömür BAŞGÜL
		Ömür BAŞGÜL
		Ömür BAŞGÜL
		Ömür BAŞGÜL
		Ömür BAŞGÜL
		Ömür BAŞGÜL
		Ömür BAŞGÜL
		Ömür BAŞGÜL
		Ömür BAŞGÜL
		Ömür BAŞGÜL<br  />
		<div class="icr_alt">
  </div></div></div></div>
</body>
</html>

Sıkıntım şimdi resimlerini 950 px olarak genişlettim. Ama içerisine yazıları eklediğimde resmi taşıyor.

Resimleri burada

Anladığım kadarıyla bir div katmanı daha içerisine oluşturmam gerekli ama bakalım umarım yapabilirim.

12-02-2010, 13:16:25

#6

_BuKi_

<style type="text/css">
<!--
.icerik {
	width:950px;
	background: #fff;
}
.icerik .icr_orta {
	background: url(rsm/img10.jpg);
	text-align: justify;
}

.icerik .icr_ust {
	width: 100%;
	background: url(rsm/img08.jpg);
	height: 20px;
}

.icerik .icr_alt {
	width: 100%;
	background: url(rsm/img09.jpg);
	height: 20px;
	margin-bottom: 25px;
}

-->
</style>

style kodlarınızı şöle bir deneyin hocam.

HTML Kodlarda şu şekilde;

<div class="icerik">
	<div class="icr_ust"></div>
	<div class="icr_orta">
		yazılarrr
		...
		...
		...
	</div>
	<div class="icr_alt"></div>
</div>

umarım yanlış yazmamışımdır

12-02-2010, 13:30:41

#7

EgeM

Çok teşekkürler sağolun oldu..

Peki ben diyelimki soldan, sağdan, üstten, alt kısımdan 10'ar px boşluk olmasını istiyorum yani direk resmin olduğu yerden başlamaması için ne yapabiliriz?

12-02-2010, 13:34:17

#8

_BuKi_

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

Çok teşekkürler sağolun oldu..

Ne mutlu hocam

Kolay gelsin

Alıntı

Peki ben diyelimki soldan, sağdan, üstten, alt kısımdan 10'ar px boşluk olmasını istiyorum yani direk resmin olduğu yerden başlamaması için ne yapabiliriz?

hocam icr_orta kısmına padding: 10px; diyebilirsin. Ama padding özelliği verince bu değer genişliğe etki edeceğinden icr_orta kısmında taşma olabilir. O taşmayıda width değerini vererek halledebilirsiniz.

Örneğin; icerik width değeri 950px;

biz icr_orta kısmına padding: 10px; verirsek. sol, sağ, üst ve alttan 10px içeri gircek verilerimiz. ama her yerden 10px de artcak genişlik, yükseklik falan. sol + sağ toplam 20px olcağından icr_orta css inde width değerini 950-20 den 930px olarak verirseniz kayma olmaz.

Ayrıca icerik sınıfının css ine padding:0; ekleyin. sağlam olsun

12-02-2010, 13:49:08

#9

EgeM

Sağolasın _BuKi_

Bu kod ile dahada güzel bir puan alırım inşallah hocadan

Hoca bu projenin bitmesini bekliyor. bu yüzden finalde teslim etmeme rahmen büte kadar bıraktı

Hoş gerçi adam notumu verse idi ilgilenirmiydim yalan söylemiyeyim bilmiyorum

Neyse bu gün bu sitenin eksiklerini tamamlayıp email ile hocaya göndericem..