Forum'da ara:
Ara


Yazar Mesaj
Mesaj03.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 Razz

Umarım anlamışsınızdır.
Yorumlarınızı eksik etmeyiniz Razz


En son tumhepsiburada tarafından 03.08.2008 13:15:51 tarihinde değiştirildi, toplam 3 kere değiştirildi
Mesaj03.08.2008, 12:51 (UTC)    
Mesaj konusu:

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
______________
Destek: support-tr( at )webme.com not:(at) değil @ Arrow Sıkça Sorulan Sorular Arrow Googleye Kayıt Resimli Anlatım
PROFESYONEL KENDİSİNİN YAPTIĞI YARDIMLARI DEĞİL, KENDİNE YAPILAN YARDIMLARI HATIRLAYANDIR.
Mesaj03.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
Razz


En son tumhepsiburada tarafından 03.08.2008 13:00:33 tarihinde değiştirildi, toplam 1 kere değiştirildi
Mesaj03.08.2008, 13:44 (UTC)    
Mesaj konusu:

Arkdaşlar 21 kişi bakmış bir yorum var daha emeğe saygı lütfen Crying or Very sad
Mesaj03.08.2008, 14:18 (UTC)    
Mesaj konusu:

paylasım ıcın saol
______________
Mesaj03.08.2008, 14:27 (UTC)    
Mesaj konusu:

htmlbeles yazmış:
paylasım ıcın saol


Rica ederim...
Mesaj03.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?
______________
Mesaj03.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?


style taglari olmadan yazınız bölümne...
______________
BİR BEDAVA-SİTEM KLASİĞİ... MİSTANBUL.TR.GG.
Mesaj03.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 Wink


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 Wink

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 Wink


En son tumhepsiburada tarafından 03.08.2008 17:26:32 tarihinde değiştirildi, toplam 2 kere değiştirildi
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu