Forum'da ara:
Ara


Yazar Mesaj
Mesaj01.08.2008, 15:52 (UTC)    
Mesaj konusu: Bunu bana uyarlarmısınız?

Mesaj01.08.2008, 15:59 (UTC)    
Mesaj konusu:

O Sayfanın Bütün Kodları ;

Kod:


<div id="wrap">

<div id="header">
<h1><a href="#">Red Template</a></h1>
<h2>Subheader, website description H2</h2>
</div>

<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Photos</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Free Stuff</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">SiteMap</a></li>
</ul>
</div>

<div id="content">
<div class="left">

<h2><a href="#">License and terms of use</a></h2>
Red is a CSS template that is free and fully standards compliant. <a href="http://www.free-css-templates.com/">Free CSS templates</a> designed this template.
This template is allowed for all uses, including commercial use, as it is released under the <strong>Creative Commons Attributions 2.5</strong> license. The only stipulation to the use of this free template is that the links appearing in the footer remain intact. Beyond that, simply enjoy and have fun with it!   
<br /><br />
<img src="images/pic.jpg" alt="Example pic" style="border: 3px solid #ccc;" />
<br /><br />
Donec nulla. Aenean eu augue ac nisl tincidunt rutrum. Proin erat justo, pharetra eget, posuere at, malesuada
et, nulla. Donec pretium nibh sed est faucibus suscipit. Nunc nisi. Nullam vehicula. In ipsum lorem, bibendum sed,
consectetuer et, gravida id, erat. Ut imperdiet, leo vel condimentum faucibus, risus justo feugiat purus, vitae
congue nulla diam non urna.

<h2><a href="#">Title with a link - Example of heading 2</a></h2>
Donec nulla. Aenean eu augue ac nisl tincidunt rutrum. Proin erat justo, pharetra eget, posuere at, malesuada
et, nulla. Donec pretium nibh sed est faucibus suscipit. Nunc nisi. Nullam vehicula. In ipsum lorem, bibendum sed,
consectetuer et, gravida id, erat. Ut imperdiet, leo vel condimentum faucibus, risus justo feugiat purus, vitae
congue nulla diam non urna.
</div>

<div class="right">

<h2>Categories :</h2>
<ul>
<li><a href="#">World Politics</a></li>
<li><a href="#">Europe Sport</a></li>
<li><a href="#">Networking</a></li>
<li><a href="#">Nature - Africa</a></li>
<li><a href="#">SuperCool</a></li>
<li><a href="#">Last Category</a></li>
</ul>

<h2>Archives</h2>
<ul>
<li><a href="#">January 2007</a></li>
<li><a href="#">February 2007</a></li>
<li><a href="#">March 2007</a></li>
<li><a href="#">April 2007</a></li>
<li><a href="#">May 2007</a></li>
<li><a href="#">June 2007</a></li>
<li><a href="#">July 2007</a></li>
<li><a href="#">August 2007</a></li>
<li><a href="#">September 2007</a></li>
<li><a href="#">October 2007</a></li>
<li><a href="#">November 2007</a></li>
<li><a href="#">December 2007</a></li>
</ul>

</div>

<div style="clear: both;"> </div>

</div>

<div id="bottom"> </div>
<div id="footer">
Designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a>, Thanks to <a href="http://www.dubaiapartments.biz/">Dubai Hotels</a>
</div>

</div>

</body>
</html>
Mesaj01.08.2008, 16:11 (UTC)    
Mesaj konusu: Cevap

Ya kod eklendiğinde gözüksün istiom nie olmuyo uyarlayın işte Very Happy
Mesaj01.08.2008, 17:30 (UTC)    
Mesaj konusu:

bu css kodun

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;}
* {
   margin: 0;
   padding: 0;
}

body {
background: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 17px;
color: #333;
}

a {
text-decoration: none;
color: #362e19;
}
a:hover {
text-decoration: underline;
color: #4a3c19;
}

#wrap {
margin: 20px auto;
width: 1000px;
}


#header {
background: #666666 url(http://www.openwebdesign.org/design/4868/Red/images/header.jpg) no-repeat;
height: 200px;
}
#header h1 {
font-size: 38px;
letter-spacing: -1px;
padding: 70px 0 0 40px;
color: #fff;
}
#header h1 a {
color: #fff;
text-decoration: none;
font-weight: 100;
letter-spacing: -2px;
}
#header h1 a:hover {
color: #000;
}
#header h2 {
font-size: 19px;
color: #EFECE0;
padding: 20px 0 0 40px;
letter-spacing: -1px;
font-weight: 100;
}

#menu {
height: 40px;
line-height: 40px;
background: #666666 url(http://www.openwebdesign.org/design/4868/Red/images/menu.jpg) no-repeat;
}
#menu ul {
list-style-type: none;
padding-left: 40px;
}
#menu ul li {
display: block;
float: left;
}
#menu ul li a {
padding: 0 20px 0 0;
text-decoration: none;
font-weight: 100;
font-size: 18px;
color: #aaa;
}
#menu ul li a:hover {
color: #fff;
text-decoration: none;
}

#content {
background: #666666 url(http://www.openwebdesign.org/design/4868/Red/images/content.jpg) repeat-y;
padding: 10px;
}

.left {
float: left;
width: 730px;
text-align: justify;
padding: 10px;
font-size: 14px;
background: #fff;
border-right: 1px solid #000;
border-top: 1px solid #000;
border-bottom: 1px solid #000;

}
.left h2 {
font-size: 20px;
font-weight: 100;
padding: 15px 0 7px 0;
}
.left h2 a {
text-decoration: none;
}
.left h2 a:hover {
text-decoration: underline;
}

.right {
float: right;
width: 180px;
background: #fff;
padding: 10px;
border-left: 1px solid #000;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
.right h2 {
height: 24px;
line-height: 24px;
color: #000;
font-size: 17px;
padding-left: 10px;

}
.right ul {
padding: 10px 0 15px 30px;
list-style-type: square;
}
.right ul li a {
font-weight: 100;
font-size: 12px;
}
.right ul li a:hover {

}

#bottom {
background: #d4ccae url(http://www.openwebdesign.org/design/4868/Red/images/bottom.jpg) no-repeat;
padding: 10px 0;
}

#footer {
text-align: center;
font-size: 11px;
}


Buda tasarımın üstüne
Kod:
<div id="wrap">

<div id="header">
<h1><a href="#">Red Template</a></h1>
<h2>Subheader, website description H2</h2>
</div>

<div id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Photos</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Free Stuff</a></li>
<li><a href="#">Downloads</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">SiteMap</a></li>
</ul>
</div>

<div id="content">
<div class="left">


Bunuda tasarımın altına ekle
Kod:
</div>

<div class="right">

<h2>Categories :</h2>
<ul>
<li><a href="#">World Politics</a></li>
<li><a href="#">Europe Sport</a></li>
<li><a href="#">Networking</a></li>
<li><a href="#">Nature - Africa</a></li>
<li><a href="#">SuperCool</a></li>
<li><a href="#">Last Category</a></li>
</ul>

<h2>Archives</h2>
<ul>
<li><a href="#">January 2007</a></li>
<li><a href="#">February 2007</a></li>
<li><a href="#">March 2007</a></li>
<li><a href="#">April 2007</a></li>
<li><a href="#">May 2007</a></li>
<li><a href="#">June 2007</a></li>
<li><a href="#">July 2007</a></li>
<li><a href="#">August 2007</a></li>
<li><a href="#">September 2007</a></li>
<li><a href="#">October 2007</a></li>
<li><a href="#">November 2007</a></li>
<li><a href="#">December 2007</a></li>
</ul>

</div>

<div style="clear: both;"> </div>

</div>

<div id="bottom"> </div>
<div id="footer">
Designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a>, Thanks to <a href="http://www.dubaiapartments.biz/">Dubai Hotels</a>
</div>

</div>
Ama kodlardaki menüleri düzetmeyi unutma

Bir sorun olursa bana söyle
______________
Mesaj01.08.2008, 19:46 (UTC)    
Mesaj konusu: Cevap

Ben konuyu açan kişiyim. Tasarımı bu adrese uyarladım sayfada yazı yazılanyerde gri bi kutu var o nasıl düzelir
Mesaj01.08.2008, 20:53 (UTC)    
Mesaj konusu:

Mesaj01.08.2008, 21:39 (UTC)    
Mesaj konusu: Cevap

ironarchives yazmış:


http://www.openwebdesign.org/design/4868/Red/images/content.jpg bunla ilgili galiba ilginiz için teşekkürler
Mesaj02.08.2008, 09:06 (UTC)    
Mesaj konusu: Cevap

Aha yaptım content resmini tekrarlıyomuş (repeat fln yazıyodu) sildim bide background #666666 yazıyodu #FFFFFF yaptım oldu teşekkürler.
Mesaj02.08.2008, 09:56 (UTC)    
Mesaj konusu:

Açtığım Bir Başlıkta (CSS hakkında herşey) Bu Konuyu da Söylemiştim... Wink
______________
www.ironarchives.tr.gg
Mesaj02.08.2008, 10:12 (UTC)    
Mesaj konusu:

paylasım icin tesekkürler..
______________
Önceki mesajları göster:   


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