Ana içerik bölümü?

Css - Ana içerik bölümü? ...

Cevapla
Ana içerik bölümü?
Furkan EKMEN isimli Üye şimdilik offline konumundadır

Furkan EKMEN

Arı Üye

Öğrenci (Diğer) / Muğla

Standart

Ana içerik bölümü?

Alt 06-03-2011 #1
Sponsorlu Bağlantılar

Merhaba benim bi sorum var:

Ben yeni yeni öğreniyorum bu işleri fakat şurda takıldım. Site kontrol panelinden yazı yayınladığımda arkaplansız bir şekilde yazım yayılanıyordu. Sonradan div kodları içine bu işlemi arkaplan olarak ayarladım ve oldu fakat görseli sağa ve sola dayıyor artık. Lütfen yardım edin. Bunun biçaresi yokmu?

Edit: Kodlarla oynarken kod bozuldu. Tekrardan biri kodu verebilirmi?
Görsel:

Ana içerik bölümü?

Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

hataman isimli Üye şimdilik offline konumundadır

hataman(44)

Webmaster / Balıkesir

Standart
Alt 07-03-2011 #2
                             Sponsorlu Bağlantılar
Tam olarak anlayamadım, sanırım forumun var ve onda bir alanı değiştiriyorsun ve arka planı tekrarlatamıyorsun. İlgili koda repeat-x eklersen arkaplan yana doğru tekrarlar.
Örnek;
background:url(resimyolu) repeat-x;
Bu mesajdan alıntı yap
Furkan EKMEN isimli Üye şimdilik offline konumundadır

Furkan EKMEN

Arı Üye

Öğrenci (Diğer) / Muğla

Standart
Alt 07-03-2011 #3
Tam olarak anlayamadım, sanırım forumun var ve onda bir alanı değiştiriyorsun ve arka planı tekrarlatamıyorsun. İlgili koda repeat-x eklersen arkaplan yana doğru tekrarlar.
Örnek;
Hataman hocam ben bu arkaplanın üstüne yazı yazacağım. Bunu nasıl yapabilirim.

Edit: Görsel aşağıda istediğim bu.

Ana içerik bölümü?

Bu mesajdan alıntı yap
hataman isimli Üye şimdilik offline konumundadır

hataman(44)

Webmaster / Balıkesir

Standart
Alt 07-03-2011 #4
csss ile o divin id yada class ına background:url(resimyolu) repeat-x; ekleyeceksin sonra o alana ne yarsan yaz.
Bu mesajdan alıntı yap
Furkan EKMEN isimli Üye şimdilik offline konumundadır

Furkan EKMEN

Arı Üye

Öğrenci (Diğer) / Muğla

Standart
Alt 07-03-2011 #5
csss ile o divin id yada class ına background:url(resimyolu) repeat-x; ekleyeceksin sonra o alana ne yarsan yaz.
Şu şekilde bir kodmu olacak?

<div class="background:url(http://img.webme.com/pic/f/furkanekmenn/furkanekmen3.gif) repeat-x;">aaaaaaaaaaaaaaaa</div>

Bu mesajdan alıntı yap
hataman isimli Üye şimdilik offline konumundadır

hataman(44)

Webmaster / Balıkesir

Standart
Alt 07-03-2011 #6
<div style="background:url(http://img.webme.com/pic/f/furkanekm...rkanekmen3.gif) repeat-x;">aaaaaaaaaaaaaaaa</div>
Bu mesajdan alıntı yap
bulutxxx isimli Üye şimdilik offline konumundadır

bulutxxx

Webmaster / İstanbul

Standart
Alt 21-07-2011 #7
tasarımı baştan yap derim dream kullanıyorsan hazır bir sayfa aç düzenlemesinide ordan yap veyahutta şu şekil yap
>>>>>>>>>>>>>>>>>>>>>>>>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>3 Kolonlu Aksak Kolon Tasarımı</title>
<style type="text/css">
<!--

/* bu örnek CSS MASTERY: ADVANCED WEB STANDARDS SOLUTIONS den alınmıştır
================================== */

/* Tüm elelmentlere sıfır değeri verilmiştir */
* {
margin: 0;
padding: 0;
}

body {
font: 62.5%/1.6 Verdana, sans-serif;
background-color:#D4D4D4;
}

h1 {
font-size: 2.4em;
font-weight: normal;
}

h2 {
font-size: 2.0em;
font-weight: normal;
}

p, li {
font-size: 1.4em;
}

h1, h2, p {
margin: 1em 0;
}


#ustKisim {
height: 50px;
background-color:#0099FF;
padding: 20px;
}

#ustKisim h1 {
margin: 0;
}

#Menu {
list-style: none;
}

#ikincilIcerik h2 {
font-size: 1.6em;
margin: 0;
}

#ikincilIcerik p {
font-size: 1.2em;
}

#AltKisim {
background-color:#CCCC99;
padding: 1px 20px;
}

/* Asıl İçerik
================================= */

body {
text-align: center;
min-width: 760px;
}

#KapsayiciAlan {
width: 85%;
margin: 0 auto;
text-align: left;
background: #fff url(images/sol_zemin_resmi.gif) repeat-y 23% 0;
}

#ikinciKapsayiciAlan {
background: url(images/sag_zemin_resmi.gif) repeat-y 77% 0;
}


#Menu {
width: 23%;
float: left;
}


#icerik {
width: 75%;
float: right;
}

#anaIcerik {
width: 66%;
margin: 0;
float: left;
}
#ikincilIcerik {
width: 31%;
min-width: 10em;
display: inline; /* :KLUDGE: Fixes IE double margin float bug */
float: right;
}

#AltKisim {
clear: both;
}

#Menu, #ikincilIcerik {
padding-top: 20px;
padding-bottom: 20px;
}

#Menu *, #ikincilIcerik * {
padding-left: 20px;
padding-right: 20px;
}

#Menu * *, #ikincilIcerik * * {
padding-left: 0;
padding-right: 0;
}

-->
</style>
</head>

<body>

<div id="KapsayiciAlan">
<div id="ikinciKapsayiciAlan">
<div id="ustKisim">
<h1>Fatih HAYRİOĞLU</h1>
</div>

<div id="icerik">
<div id="anaIcerik">
<h1>Contrary to popular belief</h1>
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. </p>
<h2>Ea commodo consequat</h2>
<p>Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32. </p>
<p>Ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.</p>
<p>Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC.</p>
<p>Ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.</p>
</div>

<div id="ikincilIcerik">
<h2>It is a long established fact that</h2>
<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. </p>
<p>Many desktop publishing packages and web page editors now use Lorem Ipsum as their default .</p>
</div>
</div>

<ul id="Menu">
<li><a href="#">Anasayfa</a></li>
<li><a href="#">Makaleler</a></li>
<li><a href="#">Haberler</a></li>
<li><a href="#">Portföy</a></li>
<li><a href="#">Linkler</a></li>
<li><a href="#">Bana Ulaşın</a></li>
</ul>

<div id="AltKisim">
<p>Bu sitenin tüm hakkı Hakkı'nındır</p>
</div>
</div>

</div>

</body>
</html>

>>>>>>>>>>>>>>>>>
Bu mesajdan alıntı yap
Cevapla

Benzer Konular
Konu Konu Bilgileri Forum Cevaplar Son Mesaj
Dergi içerik sayfası olym power Ejder'Graphıc Afiş Tasarımı 3 09-02-2011 16:53:33
syn arkadaşlar php de içerik yönetim sistemi arıyorum govercinteam Php, Asp, Perl, Html 5 16-10-2010 14:47:38
Video Icerik video Sonuçlanan İlanlar 4 20-01-2010 08:44:36
Hakkımızda butonuna içerik ekleyemiyorum. fmelih- Flash 8 16-12-2009 06:06:32
Sayfadaki içerik neden yok olur ? x-ir Corel Draw Soru ve Sorunlarınız 6 27-04-2009 13:59:19

Kapat
Şifremi Unuttum?