Yazar |
Mesaj |
-
tumhepsiburada
Uzman Üye
|
03.08.2008, 12:45 (UTC) Mesaj konusu: Css Desing'de Content Kodu (İçerik Kodu) |
|
|
Arkadaşlar content kodu ne işe yarar onu açıklayalım ilk önce
Content kodu içeriğimizi ayarlamak için kullanılır. Mesela bir tablo tasarımı yaptık ve kolay yolla uygulamak istiyoruz o zaman işimize yaracak bir kod.
Şimdi koddaki yerleri ne anlama geliyor onları görelim
left : sola uzaklık
top: yukarıya uzaklık
margin-left: Sol Kenar boşluğu widht: genişlik
height: yükseklik
color: içeriğimizin rengi (tasarıma uygun olarak yapabiliriz)
Bu ayarlarımızı ayarlarsak içeriğimiz istediğimiz yerde olacaktır.
Benim size vereceğim örnek koddur. Siz kendinize göre ayarlayınız.
Kodu
Tasarım Ayarları
Gelişmiş Ayarlar
Css kodu kısmına yapıştırınız.
Kod: #content {
position: absolute;
left: 55%;
top: 380px;
margin-left:-280px;
width: 600px;
height: 500px;
padding:0px;
color: #000000;
Şimdi tablo tasarımızı kendimize göre ikiye bolup tasarımın üzerine ve altına yapıştırarak ve css kodu kısmına alattığım kodu yapıştırarak, tablo tasarımıı her sayfaya uygulamaktan kurtulacaksınız
Umarım anlamışsınızdır.
Yorumlarınızı eksik etmeyiniz
En son tumhepsiburada tarafından 03.08.2008 13:15:51 tarihinde değiştirildi, toplam 3 kere değiştirildi
|
|
↑
|
|
|
-
gececi40
Uzman Üye
|
|
↑
|
|
|
-
tumhepsiburada
Uzman Üye
|
03.08.2008, 12:54 (UTC) Mesaj konusu: |
|
|
gececi40 yazmış: paylaşım için teşekkürler arkadaşım
bence bu yöntem işimizi kolaylaştırıcak ve basitleştiricek gibi görünüyor
Teşekkürler.
Evet çok kolaylaştıracak bir yöntem... 250 bir sayfalık bir site bile kolayca tablo tasarımı ile yapılabilir
En son tumhepsiburada tarafından 03.08.2008 13:00:33 tarihinde değiştirildi, toplam 1 kere değiştirildi
|
|
↑
|
|
|
-
tumhepsiburada
Uzman Üye
|
03.08.2008, 13:44 (UTC) Mesaj konusu: |
|
|
Arkdaşlar 21 kişi bakmış bir yorum var daha emeğe saygı lütfen |
|
↑
|
|
|
-
htmlbeles
Acemi Üye
Konum: YardımSever
|
03.08.2008, 14:18 (UTC) Mesaj konusu: |
|
|
paylasım ıcın saol ______________ |
|
↑
|
|
|
-
tumhepsiburada
Uzman Üye
|
03.08.2008, 14:27 (UTC) Mesaj konusu: |
|
|
htmlbeles yazmış: paylasım ıcın saol
Rica ederim... |
|
↑
|
|
|
-
nett-oguzhann
Uzman Üye
Konum: OgzN
|
03.08.2008, 15:18 (UTC) Mesaj konusu: |
|
|
tasarımın üstüne ve tasarımın altına ekleyeceğimiz kodları nasıl ayırıcaz? ______________ |
|
↑
|
|
|
-
mistanbul
Uzman Üye
Konum: London
|
03.08.2008, 15:46 (UTC) Mesaj konusu: |
|
|
nett-oguzhann yazmış: tasarımın üstüne ve tasarımın altına ekleyeceğimiz kodları nasıl ayırıcaz? |
|
↑
|
|
|
-
tumhepsiburada
Uzman Üye
|
03.08.2008, 17:18 (UTC) Mesaj konusu: |
|
|
nett-oguzhann yazmış: tasarımın üstüne ve tasarımın altına ekleyeceğimiz kodları nasıl ayırıcaz?
Mesela tablo tasarımını yaptık sonra onu kendimize gore boleceğiz sonra onu tasarımın altına ve üstüne yapıştıracağız
Mesela bir örnek kodumuzu anlatılım
Kod:
<table width="800" height="600" cellspacing="1" cellpadding="1" border="1">
<tbody>
<tr>
<td bgcolor="#cccccc" bordercolor="#cccccc">
<p align="left"><font size="2" face="Verdana"><hr />
<img border="0" src="http://resimyukle.kucukresim.com/uploads/ahmet62de6.jpg" alt="" title="Tumhepsiburada Tasarım Sayfaları" /><hr />
</font>
<table width="200" cellspacing="1" cellpadding="1" border="1" style="width: 200px; height: 469px;">
<tbody>
<tr>
<td>
<p align="left"><font size="2" face="Verdana"><hr />
Link<br />
<hr />
Link<hr />
Link<hr />
Link<br />
<hr />
Link<hr />
Link<br />
<hr />
Link<br />
<hr />
Link<hr />
Link<hr />
Link<hr />
Link<hr />
Link<hr />
Link<hr />
Link<br />
<hr />
Link<hr />
Link<hr />
Link<br />
<hr />
<br />
</font></p>
</td>
</tr>
</tbody>
</table>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<font size="2" face="Verdana"><hr />
</font></p>
</td>
</tr>
</tbody>
</table>
Bu kodu kendimize gore bolelim şimdi
Tasarımın üzerine
Kod:
<table width="800" height="600" cellspacing="1" cellpadding="1" border="1">
<tbody>
<tr>
<td bgcolor="#cccccc" bordercolor="#cccccc">
<p align="left"><font size="2" face="Verdana"><hr />
<img border="0" src="http://resimyukle.kucukresim.com/uploads/ahmet62de6.jpg" alt="" title="Tumhepsiburada Tasarım Sayfaları" /><hr />
</font>
Tasarımın Altına
Kod: <table width="200" cellspacing="1" cellpadding="1" border="1" style="width: 200px; height: 469px;">
<tbody>
<tr>
<td>
<p align="left"><font size="2" face="Verdana"><hr />
Link<br />
<hr />
Link<hr />
Link<hr />
Link<br />
<hr />
Link<hr />
Link<br />
<hr />
Link<br />
<hr />
Link<hr />
Link<hr />
Link<hr />
Link<hr />
Link<hr />
Link<hr />
Link<br />
<hr />
Link<hr />
Link<hr />
Link<br />
<hr />
<br />
</font></p>
</td>
</tr>
</tbody>
</table>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<font size="2" face="Verdana"><hr />
</font></p>
</td>
</tr>
</tbody>
</table>
Bu şekilde kodlarımızı ayarladıktan sonra Content kodumuzu ayarlıyıp. Uygulamaya geçebiliriz
Menü linklerini ilk başta hazrıladıktan sonra nasıl hazırlayacağız diye sorarsanız tasarımın altına ve üzerine eklediğimiz kodların birinde menü kısmından yapıyoruz
En son tumhepsiburada tarafından 03.08.2008 17:26:32 tarihinde değiştirildi, toplam 2 kere değiştirildi
|
|
↑
|
|
|
|