Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj28.01.2009, 12:53 (UTC)    
Mesaj konusu: Css ilgili Yardım

Arkadaşlar kodların anasayfaya kopyalayınca böyle oluyor ne yapmam gerek.. lütfen yardım. buyrun sayfam..
http://ertankaykusuz.tr.gg/
.





Kod:
<br />
<div class="content">
<div id="header">
<div class="title">
<h1>Sayısal.tr.gg</h1>
<h3>Yenidoğan Gen&ccedil;lik Buraya...</h3>
</div>
</div>
<div id="main">
<div class="center">
<h2><a href="http://www.free-css.com/">Hoş Geldiniz<br />
</a></h2>
<h3>YOUR NEWS ON A OLD PAPER</h3>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec sem. Praesent eu metus. Vivamus ac urna. Maecenas tincidunt libero id ipsum. Duis ipsum erat, laoreet in, ultrices at, blandit non, enim. Maecenas et libero. In laoreet vehicula enim. Nam at massa. Donec porttitor, odio id scelerisque pretium, augue eros cursus est, eget interdum dui justo et tellus. Aenean a neque eu mauris ultrices viverra. In ac urna. Etiam in dolor sit amet arcu auctor interdum. Fusce non quam. Nunc aliquet, quam eu facilisis venenatis, pede augue adipiscing lorem, nec tincidunt nunc felis eget odio. Integer iaculis pretium odio. Integer viverra. Integer porttitor elementum diam. In hac habitasse platea dictumst. Donec porta elit.
<p class="date">Posted by Jack <img alt="" src="images/more.gif" /> <a href="http://www.free-css.com/">Read more</a> <img alt="" src="images/comment.gif" /> <a href="http://www.free-css.com/">Comments (15)</a> <img alt="" src="images/timeicon.gif" /> 17.01.</p>
<br />
<h2><a href="http://www.free-css.com/">G&uuml;n&uuml;n S&ouml;z&uuml;</a></h2>
<h3>AND WHY NOT WITH sNEWS 1.5 ;-)</h3>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec sem. Praesent eu metus. Vivamus ac urna. Maecenas tincidunt libero id ipsum. Duis ipsum erat, laoreet in, ultrices at, blandit non, enim. Maecenas et libero. In laoreet vehicula enim. Nam at massa. Donec porttitor, odio id scelerisque pretium, augue eros cursus est, eget interdum dui justo et tellus. Aenean a neque eu mauris ultrices viverra. In ac urna. Etiam in dolor sit amet arcu auctor interdum. Fusce non quam. Nunc aliquet, quam eu facilisis venenatis, pede augue adipiscing lorem, nec tincidunt nunc felis eget odio. Integer iaculis pretium odio. Integer viverra. Integer porttitor elementum diam. In hac habitasse platea dictumst. Donec porta elit.
<p class="date">Posted by Jack <img alt="" src="images/more.gif" /> <a href="http://www.free-css.com/">Read more</a> <img alt="" src="images/comment.gif" /> <a href="http://www.free-css.com/">Comments (15)</a> <img alt="" src="images/timeicon.gif" /> 17.01.</p>
</div>
<div class="leftmenu">
<div class="nav">
<ul>
    <li><a href="http://www.free-css.com/">AnaSayfa</a></li>
    <li><a href="http://www.free-css.com/">Zirayet&ccedil;i Defteri<br />
    </a></li>
    <li><a href="http://www.free-css.com/">Konu Anlatımları<br />
    </a></li>
    <li><a href="http://www.free-css.com/">Sohbet</a></li>
    <li><a href="http://www.free-css.com/">Okulumuz</a></li>
    <li><a href="http://www.free-css.com/">Eğlence</a></li>
    <li><a href="http://www.free-css.com/">İletişim</a></li>
</ul>
</div>
</div>
</div>
<div id="prefooter">
<div class="particles">
<h2>Top Articles</h2>
<img alt="" src="images/arrow.gif" /> <a href="http://www.free-css.com/">Integer euismod ante non diam adipiscing</a> <br />
<img alt="" src="images/arrow.gif" /> <a href="http://www.free-css.com/">consectetuer adipiscing elit dolor sit amet</a> <br />
<img alt="" src="images/arrow.gif" /> <a href="http://www.free-css.com/">Lorem ipsum dolor sit amet ipsum dolor</a><br />
<img alt="" src="images/arrow.gif" /> <a href="http://www.free-css.com/">Integer euismod ante non adipiscing elit </a><br />
<img alt="" src="images/arrow.gif" /> <a href="http://www.free-css.com/">Lorem ipsum dolor sit amet euismod ante</a></div>
<div class="comments">
<h2>Last Comments</h2>
<img alt="" src="images/arrow.gif" /> <a href="http://www.free-css.com/">Integer euismod ante non diam adipiscing</a> <br />
<img alt="" src="images/arrow.gif" /> <a href="http://www.free-css.com/">consectetuer adipiscing elit dolor sit amet</a> <br />

<img alt="" src="images/arrow.gif" /> <a href="http://www.free-css.com/">Lorem ipsum dolor sit amet ipsum dolor</a><br />
<img alt="" src="images/arrow.gif" /> <a href="http://www.free-css.com/">Integer euismod ante non adipiscing elit </a><br />
<img alt="" src="images/arrow.gif" /> <a href="http://www.free-css.com/">Lorem ipsum dolor sit amet euismod ante</a></div>
</div>
<div id="footer">
<div class="padding">Copyright &copy; 2009 Sayisal.tr.gg | Design: <a href="http://www.free-css-templates.com">by Ertan </a> | <a href="http://www.free-css.com/">Contact</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?uri=referer">XHTML</a> | <a href="http://www.solucija.com">Anasayfa </a>| <a href="http://www.free-css.com/">Site Ekle</a></div>
</div>
</div>
<style type="text/css">

* { padding: 0; margin: 0 }
body { margin:5px 0; padding:0; font: 74% Arial, Sans-Serif; color:#000; line-height: 1.4em; background : #575757;}
.content { color: #3B2A0A; margin: 0 auto; padding: 0; width: 825px; background: url(http://img144.imageshack.us/img144/2600/bg2jh2.jpg) repeat-y center bottom; }
#header { background: url(http://img93.imageshack.us/img93/5776/headermp8.jpg) no-repeat; width: 825px; height: 213px; color: #3B2A0A; }
#header h1 { background: inherit; font: bold 3em "Tahoma", Arial; color: #85621E; line-height: 1em;}
#header h3 { background: inherit; font: bold 1em "Tahoma", Arial; color: #000; }
#header .title { padding: 60px 0 0 60px; }
#main { background: url(http://img151.imageshack.us/img151/3753/bghc4.jpg) no-repeat top; height: 353px; margin: 0; padding: 0 }   
#main .center { width: 550px; float: right; padding: 0 60px 0 0px; }
#main h2 { background-color: inherit; color: #85621E; line-height: 0.2em; }
#main h3 { font: 85% Arial, Sans-Serif; margin: 0 0 10px 0; padding: 0; color: #5f5f5f; background: inherit; }

.leftmenu { width: 120px; float: left; padding: 0; padding: 0 0 0 40px; }
.padding { padding: 15px; }

.img { background: #FFF; float: left; padding: 1px; margin: 5px 8px 5px 0; color: #333; border: 1px solid #e0e0e0; }

/* PREFOOTER */
#prefooter { background: url(http://img502.imageshack.us/img502/3604/prefooterko5.jpg) no-repeat; color: #85621f; height: 190px; text-align: left;  clear: both; padding: 0px; margin: 0; }
#prefooter .particles { float: right; width: 300px; padding: 20px 30px 0 0; background: transparent }
#prefooter .comments { width: 270px; padding: 20px 0px 0 0px; float: right; background: transparent }


/* FOOTER */
#footer { background: url(http://img217.imageshack.us/img217/114/footereg1.jpg) no-repeat; color: #8f8f8f; height: 44px; text-align: right; font-size: 90%; clear: both; padding: 0; margin: 0;}
#footer .padding { padding: 20px 60px 0 0; }
#footer hr { width: 740px; color: #888; border: 1px solid #f0f0f0; margin: 0 25px 0 25px;  }
#footer a {    color: #999;  text-decoration:none; }
#footer a:hover { text-decoration: underline; color: #FFF;}

/* NAVIGATION */
.nav { clear: both; text-align: left; color: #85621E; padding: 20px 0 0 0; }
.nav li { font-weight: bold; margin: 0 0 8px 0; padding: 0 0 0 5px; border-bottom: 1px solid #D2B881 }
.nav li a { color: #546078; text-decoration: none;  }
.nav li a:hover { color: #95722E; text-decoration: none;  }


.boxads { background: #E7EDF0; padding: 5px; border: 1px solid #999; color: #333; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

p {    margin: 0 0 5px 0;    padding: 0; color: #555; background: inherit; }

hr { border: 0; height: 1px; color: #eee; background-color: #eee; }
a {    color: #0F5B7F; background: inherit;  text-decoration:none; }
a:hover {    background: inherit;   text-decoration: underline; }
h1 { padding:0; margin:0; color: #0F5B7F; background: inherit;font: bold 1.8em Arial, Sans-Serif; letter-spacing: -1px; }
h1 a {color: #0F5BFF; background: inherit;}
h2 { background-color: inherit;    color:#85621E; font-size:140%; font-weight:bold; margin: 10px 0 10px 0; padding:0; }
h2 a { color: #85621E; }
h2 a:hover {    color: #BD9C5C; text-decoration: none;}

ul { margin: 5px 0 20px 15px; padding : 0; list-style : none;  }
li { list-style-type: none;   color: #F29900;   margin: 0 0 0px 0;   padding: 0 0 0 0px; }
li a { color: #546078;  }
li a:hover { color: #F29900; }

/*----------------- for snews --------------------------*/

fieldset {   border: 1px solid #eee; }
textarea.text { height: 150px; width: 90%; border: 1px solid #ccc; background: #fff; color: #000; }
textarea.text:hover { border: 1px solid #eee; background: #FFFFF4; color: #000; }
input.field { border: 1px solid #ccc; background-color: #3C3C3C; width: 100px; color: #000; }
input.field:hover { border: 1px solid #eee; background: #ccc; color: #000; }
input.text { margin: 0; width: 110px;   border: 1px solid #546078; background: #FFF; color: #808080; }
input.text:hover { border: 1px solid #3a4354; }
input.searchbutton {    margin: 0; font-size: 100%; font-family: Arial, Sans-serif; border: none; background: #FFFFFF; color: #333; padding: 1px; font-weight: bold; }
.date { color: #5f5f5f; background: inherit; text-align: right; margin: 4px 0 5px 0; padding: 0.4em 0 0 0; border-top: 1px solid #85621E; }
.date a { color: #546078; }
input.button { background: #FFFFF4; color: #808080; border-right: 1px solid #ccc;   border-bottom: 1px solid #ccc; }
.comments {    padding: 10px 10px 8px 10px; margin: 0 0 7px 0; background: #FFF; color: #333; }
.commentsbox { padding: 8px 0 10px 10px; margin: 0 0 10px 0; background: #f4f4f4; color: #000; }
.error {   color: #990000;   background-color: #FFF0F0; padding: 7px; margin-top: 5px; margin-bottom: 10px; border: 1px dashed #990000; }
.error h2 { color: #990000; background: inherit; }
.success { color: #000000; background: #FAFAFA;   padding: 7px; margin-top: 5px; margin-bottom: 5px; border: 1px dashed #546078; }
.success h2 { color: #546078; background: inherit; }

</style>
Mesaj28.01.2009, 12:57 (UTC)    
Mesaj konusu:

biraz beklersen ben sana tüm kodları veririm ...
______________
Mesaj28.01.2009, 13:00 (UTC)    
Mesaj konusu:

Tşkler Bekliyorum...
Mesaj28.01.2009, 13:00 (UTC)    
Mesaj konusu:

KOdu Sayfaya EKleme Tasarım Ayarları vE

Tasarımın Üstündeki Yazıya EKlenecek
Kod:
<br />
<div class="content">
<div id="header">
<div class="title">
<h1>Sayısal.tr.gg</h1>
<h3>Yenidoğan Gen&ccedil;lik Buraya...</h3>
</div>
</div>
<div id="main">
<div class="center">
<h2><a href="http://www.free-css.com/">Hoş Geldiniz<br />
</a></h2>
</div>
<div class="leftmenu">
<div class="nav">
<ul>
    <li><a href="http://www.free-css.com/">AnaSayfa</a></li>
    <li><a href="http://www.free-css.com/">Zirayet&ccedil;i Defteri<br />
    </a></li>
    <li><a href="http://www.free-css.com/">Konu Anlatımları<br />
    </a></li>
    <li><a href="http://www.free-css.com/">Sohbet</a></li>
    <li><a href="http://www.free-css.com/">Okulumuz</a></li>
    <li><a href="http://www.free-css.com/">Eğlence</a></li>
    <li><a href="http://www.free-css.com/">İletişim</a></li>
</ul>
</div>
</div>
</div>
<div id="prefooter">
<div class="particles">



Tasarımın Altına EKlenecek
Kod:
<div id="footer">
<div class="padding">Copyright &copy; 2009 Sayisal.tr.gg | Design: <a href="http://www.free-css-templates.com">by Ertan </a> | <a href="http://www.free-css.com/">Contact</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?uri=referer">XHTML</a> | <a href="http://www.solucija.com">Anasayfa </a>| <a href="http://www.free-css.com/">Site Ekle</a></div>
</div>
</div>
<style type="text/css">


Css KOduna Eklenecek
Kod:
* { padding: 0; margin: 0 }
body { margin:5px 0; padding:0; font: 74% Arial, Sans-Serif; color:#000; line-height: 1.4em; background : #575757;}
.content { color: #3B2A0A; margin: 0 auto; padding: 0; width: 825px; background: url(http://img144.imageshack.us/img144/2600/bg2jh2.jpg) repeat-y center bottom; }
#header { background: url(http://img93.imageshack.us/img93/5776/headermp8.jpg) no-repeat; width: 825px; height: 213px; color: #3B2A0A; }
#header h1 { background: inherit; font: bold 3em "Tahoma", Arial; color: #85621E; line-height: 1em;}
#header h3 { background: inherit; font: bold 1em "Tahoma", Arial; color: #000; }
#header .title { padding: 60px 0 0 60px; }
#main { background: url(http://img151.imageshack.us/img151/3753/bghc4.jpg) no-repeat top; height: 353px; margin: 0; padding: 0 }   
#main .center { width: 550px; float: right; padding: 0 60px 0 0px; }
#main h2 { background-color: inherit; color: #85621E; line-height: 0.2em; }
#main h3 { font: 85% Arial, Sans-Serif; margin: 0 0 10px 0; padding: 0; color: #5f5f5f; background: inherit; }

.leftmenu { width: 120px; float: left; padding: 0; padding: 0 0 0 40px; }
.padding { padding: 15px; }

.img { background: #FFF; float: left; padding: 1px; margin: 5px 8px 5px 0; color: #333; border: 1px solid #e0e0e0; }

/* PREFOOTER */
#prefooter { background: url(http://img502.imageshack.us/img502/3604/prefooterko5.jpg) no-repeat; color: #85621f; height: 190px; text-align: left;  clear: both; padding: 0px; margin: 0; }
#prefooter .particles { float: right; width: 300px; padding: 20px 30px 0 0; background: transparent }
#prefooter .comments { width: 270px; padding: 20px 0px 0 0px; float: right; background: transparent }


/* FOOTER */
#footer { background: url(http://img217.imageshack.us/img217/114/footereg1.jpg) no-repeat; color: #8f8f8f; height: 44px; text-align: right; font-size: 90%; clear: both; padding: 0; margin: 0;}
#footer .padding { padding: 20px 60px 0 0; }
#footer hr { width: 740px; color: #888; border: 1px solid #f0f0f0; margin: 0 25px 0 25px;  }
#footer a {    color: #999;  text-decoration:none; }
#footer a:hover { text-decoration: underline; color: #FFF;}

/* NAVIGATION */
.nav { clear: both; text-align: left; color: #85621E; padding: 20px 0 0 0; }
.nav li { font-weight: bold; margin: 0 0 8px 0; padding: 0 0 0 5px; border-bottom: 1px solid #D2B881 }
.nav li a { color: #546078; text-decoration: none;  }
.nav li a:hover { color: #95722E; text-decoration: none;  }


.boxads { background: #E7EDF0; padding: 5px; border: 1px solid #999; color: #333; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

p {    margin: 0 0 5px 0;    padding: 0; color: #555; background: inherit; }

hr { border: 0; height: 1px; color: #eee; background-color: #eee; }
a {    color: #0F5B7F; background: inherit;  text-decoration:none; }
a:hover {    background: inherit;   text-decoration: underline; }
h1 { padding:0; margin:0; color: #0F5B7F; background: inherit;font: bold 1.8em Arial, Sans-Serif; letter-spacing: -1px; }
h1 a {color: #0F5BFF; background: inherit;}
h2 { background-color: inherit;    color:#85621E; font-size:140%; font-weight:bold; margin: 10px 0 10px 0; padding:0; }
h2 a { color: #85621E; }
h2 a:hover {    color: #BD9C5C; text-decoration: none;}

ul { margin: 5px 0 20px 15px; padding : 0; list-style : none;  }
li { list-style-type: none;   color: #F29900;   margin: 0 0 0px 0;   padding: 0 0 0 0px; }
li a { color: #546078;  }
li a:hover { color: #F29900; }

/*----------------- for snews --------------------------*/

fieldset {   border: 1px solid #eee; }
textarea.text { height: 150px; width: 90%; border: 1px solid #ccc; background: #fff; color: #000; }
textarea.text:hover { border: 1px solid #eee; background: #FFFFF4; color: #000; }
input.field { border: 1px solid #ccc; background-color: #3C3C3C; width: 100px; color: #000; }
input.field:hover { border: 1px solid #eee; background: #ccc; color: #000; }
input.text { margin: 0; width: 110px;   border: 1px solid #546078; background: #FFF; color: #808080; }
input.text:hover { border: 1px solid #3a4354; }
input.searchbutton {    margin: 0; font-size: 100%; font-family: Arial, Sans-serif; border: none; background: #FFFFFF; color: #333; padding: 1px; font-weight: bold; }
.date { color: #5f5f5f; background: inherit; text-align: right; margin: 4px 0 5px 0; padding: 0.4em 0 0 0; border-top: 1px solid #85621E; }
.date a { color: #546078; }
input.button { background: #FFFFF4; color: #808080; border-right: 1px solid #ccc;   border-bottom: 1px solid #ccc; }
.comments {    padding: 10px 10px 8px 10px; margin: 0 0 7px 0; background: #FFF; color: #333; }
.commentsbox { padding: 8px 0 10px 10px; margin: 0 0 10px 0; background: #f4f4f4; color: #000; }
.error {   color: #990000;   background-color: #FFF0F0; padding: 7px; margin-top: 5px; margin-bottom: 10px; border: 1px dashed #990000; }
.error h2 { color: #990000; background: inherit; }
.success { color: #000000; background: #FAFAFA;   padding: 7px; margin-top: 5px; margin-bottom: 5px; border: 1px dashed #546078; }
.success h2 { color: #546078; background: inherit; }

</style>


Css Koduna Menü Gizleme Kodu Eklemedim Siz Eklersiniz.
______________
Atatürk diyorki ; Beni unutturmak isteyenler olabilir...

Takıldıgınız zor sorunlarmı var burdan çözümünü bulabilirsin tıkla
Mesaj28.01.2009, 13:05 (UTC)    
Mesaj konusu:

Tşkler... Menu gizleme Kdunu Biliyorum.. Çok saolll....
Mesaj28.01.2009, 13:06 (UTC)    
Mesaj konusu:

Rica Ederim Linleride Ayarlarsın Kendine Göre Laughing Surprised Arrow Razz
______________
Atatürk diyorki ; Beni unutturmak isteyenler olabilir...

Takıldıgınız zor sorunlarmı var burdan çözümünü bulabilirsin tıkla
Mesaj28.01.2009, 13:09 (UTC)    
Mesaj konusu:

ertankaykusuz yazmış:
Tşkler... Menu gizleme Kdunu Biliyorum.. Çok saolll....


ben ekleyene kadar arkadaş eklemiş sağolsun
buyur buda menü gizleme kodu:

Kod:
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

______________
Mesaj28.01.2009, 13:14 (UTC)    
Mesaj konusu:

kardeş Dedin gibi yaptım böyle oldu Bi bakabilirsen sevinirim..Tşkler..
www.ertankaykusuz.tr.gg


menu gizleme kodlarnı nere yapıştıracam ..
Mesaj28.01.2009, 13:21 (UTC)    
Mesaj konusu:

Tamam Gayet Güze Olmüş Menü Gizleme Kodunu Css Kutucuguna EKleyin Kod
Kod:
#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

______________
Atatürk diyorki ; Beni unutturmak isteyenler olabilir...

Takıldıgınız zor sorunlarmı var burdan çözümünü bulabilirsin tıkla
Önceki mesajları göster:   


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