Forum'da ara:
Ara


Yazar Mesaj
Mesaj25.04.2009, 08:55 (UTC)    
Mesaj konusu: css tasarımı ayıramadım lütfen yardım ??
Alıntıyla Cevap Gönder
arkadaşlar bu tasarımı çok begendim ama bir türlü ayıramadım benim için ayırırmısınız
şimdiden teşekkürler
index kodu
Kod:

<!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>
<title>Template2</title>
<meta http-equiv="Content-Language" content="English" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="rss-articles/" />
</head>
<body>

<div id="wrap">

<div id="header">
<h1><a href="#">Website Title</a></h1>
<h2>Slogan of your website</h2>
</div>

<div id="top"> </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>
</ul>
</div>

<div id="content">

<div class="right">
<h2><a href="#">License</a></h2>
This is Rounded corners, a free, fully standards-compliant CSS template designed by <a href="http://www.free-css-templates.com">Free CSS Templates.</a>
This free template is released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attributions 2.5 license</a>, so you're pretty much free to do whatever you want with it (even use it commercially) provided you keep the links in the footer intact. Aside from that, have fun with it

<br /><br />
<img src="pic111.gif" alt="Examp" style="border: 3px solid #bbb;" />
<br /><br />

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec porta. Sed porttitor, tellus vitae tincidunt
feugiat, sem sapien pellentesque justo, vitae pretium justo risus id nunc. Mauris elit metus, varius sit amet,
rhoncus id, malesuada eget, tortor. Donec porta. Sed porttitor, tellus vitae tincidunt
feugiat, sem sapien pellentesque justo, vitae pretium justo risus id nunc.

<h2><a href="#">Apple Article ( H2 )</a></h2>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec porta. Sed porttitor, tellus vitae tincidunt
feugiat, sem sapien pellentesque justo, vitae pretium justo risus id nunc.
Mauris elit metus, varius sit amet,
rhoncus id, malesuada eget, tortor. Donec porta. Sed porttitor, tellus vitae tincidunt
feugiat, sem sapien pellentesque justo, vitae pretium justo risus id nunc.
</div>

<div class="left">
<h2>Navigation : </h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">PowerBook</a></li>
<li><a href="#">Mac Mini</a></li>
<li><a href="#">Apple iMac</a></li>
<li><a href="#">Mac Laptop</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">
&copy; Copyright 2008 by <a href="#">Title or Url of your Website</a> | Design by <a href="http://www.free-css-templates.com/">Free CSS Templates</a> - Thanks to <a href="http://www.injuryexperts.com/">Personal Injury Attorney</a>
</div>

</div>

</body>
</html>

style kodu
Kod:

* {
    padding: 0;
    margin: 0;
}

body {
background: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
color: #333333;;
}

img { border: none; }
a { color: #33BFEB; text-decoration: none; }
a:hover { text-decoration: underline; color : #000; }

#wrap {
width: 700px;
margin: 40px auto;
}

#header {
height: 40px;
}

#header h1 {
padding: 0 0 0 20px;
font-size: 20px;
letter-spacing: -2px;
}
#header h1 a {
color: #33BFEB;
text-decoration: none;
}
#header h1 a:hover {
text-decoration: none;
color: #000;
}
#header h2 {
padding-left: 21px;
font-size: 14px;
color: #666;
font-weight: 100;
}

#top {
background: #fff url(images/top.gif) no-repeat;
padding: 5px 0;
}

#menu {
height: 50px;
line-height: 50px;
background: #33BFEB url(images/menu.gif) no-repeat;
font-size: 12px;
}
#menu ul {
padding-left: 20px;
list-style-type: none;
}
#menu ul li {
display: block;
float: left;
}
#menu ul li a {
color: #fff;
padding: 0 10px;
text-decoration: none;
font-weight: 600;
}
#menu ul li a:hover {
color: #fff;
text-decoration: underline;
}

#content {
padding: 10px 10px;
background: #fff url(images/content.gif) repeat-y;
}
.right {
float: right;
width: 480px;
text-align: justify;
padding: 0 20px 10px 10px;
}
.right h2 {
color: #B4241B;
font-size: 20px;
letter-spacing: -2px;
font-weight: 100;
padding : 10px 0 15px 0;
}
.right h2 a {

}
.right h2 a:hover {

}
.left {
float: left;
width: 140px;
padding: 10px;
border-right: 1px solid #aaa;
}
.left h2 {
font-size: 13px;
color: #333;
padding: 5px 0 2px 10px;
}
.left ul {
list-style-type: none;
padding: 5px 0 10px 5px;
}
.left ul li {
padding: 2px 20px;
background: transparent url(images/apple.gif) no-repeat;
}

.left ul li a {
display: block;
color: #444;
}
.left ul li a:hover {
color: #33BFEB;
}

#bottom {
background: #fff url(images/bottom.gif) no-repeat;
padding: 10px 0;
}

#footer {
text-align: center;
color: #666;
font-size: 11px;
}
#footer  a { color: #666; }
↑
Mesaj25.04.2009, 09:34 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
ayıramazsınız zaten bu verilmiş kodlar içinde değişiklik yaparak sitenizin temasını değiştirebilirsiniz..
______________
↑
Mesaj25.04.2009, 09:41 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
Tasarım Üstü

Kod:
<div id="wrap">

<div id="header">
<h1><a href="#">Website Title</a></h1>
<h2>Slogan of your website</h2>
</div>

<div id="top"> </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>
</ul>
</div>

<div id="content">


Tasarım Altı


Kod:
</div>

<div class="left">
<h2>Navigation : </h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">PowerBook</a></li>
<li><a href="#">Mac Mini</a></li>
<li><a href="#">Apple iMac</a></li>
<li><a href="#">Mac Laptop</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">
&copy; Copyright 2009 by <a href="#">Tum Hakları Çöptedir</a> | Design by <a href="http://www.freetasarim.tr.gg">FearLess-JoJuK</a> - Thanks to <a href="http://www.Knightfotolari.tr.gg">Quadro™</a>
</div>

</div>

</body>
</html>

______________
↑
Mesaj25.04.2009, 09:42 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
Css Kodu

Kod:

* {
    padding: 0;
    margin: 0;
}

body {
background: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
color: #333333;;
}

img { border: none; }
a { color: #33BFEB; text-decoration: none; }
a:hover { text-decoration: underline; color : #000; }

#wrap {
width: 700px;
margin: 40px auto;
}

#header {
height: 40px;
}

#header h1 {
padding: 0 0 0 20px;
font-size: 20px;
letter-spacing: -2px;
}
#header h1 a {
color: #33BFEB;
text-decoration: none;
}
#header h1 a:hover {
text-decoration: none;
color: #000;
}
#header h2 {
padding-left: 21px;
font-size: 14px;
color: #666;
font-weight: 100;
}

#top {
background: #fff url(images/top.gif) no-repeat;
padding: 5px 0;
}

#menu {
height: 50px;
line-height: 50px;
background: #33BFEB url(menu.gif resim urlu gelicek) no-repeat;
font-size: 12px;
}
#menu ul {
padding-left: 20px;
list-style-type: none;
}
#menu ul li {
display: block;
float: left;
}
#menu ul li a {
color: #fff;
padding: 0 10px;
text-decoration: none;
font-weight: 600;
}
#menu ul li a:hover {
color: #fff;
text-decoration: underline;
}

#content {
padding: 10px 10px;
background: #fff url(content.gif resim urlu gelicek) repeat-y;
}
.right {
float: right;
width: 480px;
text-align: justify;
padding: 0 20px 10px 10px;
}
.right h2 {
color: #B4241B;
font-size: 20px;
letter-spacing: -2px;
font-weight: 100;
padding : 10px 0 15px 0;
}
.right h2 a {

}
.right h2 a:hover {

}
.left {
float: left;
width: 140px;
padding: 10px;
border-right: 1px solid #aaa;
}
.left h2 {
font-size: 13px;
color: #333;
padding: 5px 0 2px 10px;
}
.left ul {
list-style-type: none;
padding: 5px 0 10px 5px;
}
.left ul li {
padding: 2px 20px;
background: transparent url(apple.gif resim url gelicek) no-repeat;
}

.left ul li a {
display: block;
color: #444;
}
.left ul li a:hover {
color: #33BFEB;
}

#bottom {
background: #fff url(bottom.gif resim url gelicek) no-repeat;
padding: 10px 0;
}

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

______________
↑
Mesaj25.04.2009, 09:44 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
Al Sana Ayırdım Resim Urllarını Ve Menuyu Yap Siten Hazırdır Edit By FearLess-JoJuK
______________
↑
Mesaj25.04.2009, 09:46 (UTC)    
Mesaj konusu: ss
Alıntıyla Cevap Gönder
olmadı içerik yukarıda görünüyor Crying or Very sad
↑
Mesaj25.04.2009, 09:59 (UTC)    
Mesaj konusu: ss
Alıntıyla Cevap Gönder
arkadaşlar tasarım bu
http://www.free-css-templates.com/preview/RoundedCorners/
lütfenn Crying or Very sad
↑
Mesaj25.04.2009, 10:40 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
tasarımın üstüne

Kod:
<head>
<title>Template2</title>
<meta http-equiv="Content-Language" content="English" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="rss-articles/" />
</head>
<body>

<div id="wrap">

<div id="header">
<h1><a href="#">Website Title</a></h1>
<h2>Slogan of your website</h2>
</div>

<div id="top"> </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>
</ul>
</div>

<div id="content">

<div class="right">
<h2><a href="#">License</a></h2>
This is Rounded corners, a free, fully standards-compliant CSS template designed by <a href="http://www.free-css-templates.com">Free CSS Templates.</a>
This free template is released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attributions 2.5 license</a>, so you're pretty much free to do whatever you want with it (even use it commercially) provided you keep the links in the footer intact. Aside from that, have fun with it

<br /><br />
<img src="pic111.gif" alt="Examp" style="border: 3px solid #bbb;" />
<br /><br />

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec porta. Sed porttitor, tellus vitae tincidunt
feugiat, sem sapien pellentesque justo, vitae pretium justo risus id nunc. Mauris elit metus, varius sit amet,
rhoncus id, malesuada eget, tortor. Donec porta. Sed porttitor, tellus vitae tincidunt
feugiat, sem sapien pellentesque justo, vitae pretium justo risus id nunc.

<h2><a href="#">Apple Article ( H2 )</a></h2>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec porta. Sed porttitor, tellus vitae tincidunt
feugiat, sem sapien pellentesque justo, vitae pretium justo risus id nunc.
Mauris elit metus, varius sit amet,
rhoncus id, malesuada eget, tortor. Donec porta. Sed porttitor, tellus vitae tincidunt
feugiat, sem sapien pellentesque justo, vitae pretium justo risus id nunc.
</div>

<div class="left">
<h2>Navigation : </h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">PowerBook</a></li>
<li><a href="#">Mac Mini</a></li>
<li><a href="#">Apple iMac</a></li>
<li><a href="#">Mac Laptop</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">


tasarımın altına


Kod:
&copy; Copyright 2008 by <a href="#">Title or Url of your Website</a> | Design by <a href="http://www.free-css-templates.com/">Free CSS Templates</a> - Thanks to <a href="http://www.injuryexperts.com/">Personal Injury Attorney</a>
</div>

</div>

</body>
</html>




css-style kodu



* {
padding: 0;
margin: 0;
}

body {
background: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
color: #333333;;
}

img { border: none; }
a { color: #33BFEB; text-decoration: none; }
a:hover { text-decoration: underline; color : #000; }

#wrap {
width: 700px;
margin: 40px auto;
}

#header {
height: 40px;
}

#header h1 {
padding: 0 0 0 20px;
font-size: 20px;
letter-spacing: -2px;
}
#header h1 a {
color: #33BFEB;
text-decoration: none;
}
#header h1 a:hover {
text-decoration: none;
color: #000;
}
#header h2 {
padding-left: 21px;
font-size: 14px;
color: #666;
font-weight: 100;
}

#top {
background: #fff url(images/top.gif) no-repeat;
padding: 5px 0;
}

#menu {
height: 50px;
line-height: 50px;
background: #33BFEB url(images/menu.gif) no-repeat;
font-size: 12px;
}
#menu ul {
padding-left: 20px;
list-style-type: none;
}
#menu ul li {
display: block;
float: left;
}
#menu ul li a {
color: #fff;
padding: 0 10px;
text-decoration: none;
font-weight: 600;
}
#menu ul li a:hover {
color: #fff;
text-decoration: underline;
}

#content {
padding: 10px 10px;
background: #fff url(images/content.gif) repeat-y;
}
.right {
float: right;
width: 480px;
text-align: justify;
padding: 0 20px 10px 10px;
}
.right h2 {
color: #B4241B;
font-size: 20px;
letter-spacing: -2px;
font-weight: 100;
padding : 10px 0 15px 0;
}
.right h2 a {

}
.right h2 a:hover {

}
.left {
float: left;
width: 140px;
padding: 10px;
border-right: 1px solid #aaa;
}
.left h2 {
font-size: 13px;
color: #333;
padding: 5px 0 2px 10px;
}
.left ul {
list-style-type: none;
padding: 5px 0 10px 5px;
}
.left ul li {
padding: 2px 20px;
background: transparent url(images/apple.gif) no-repeat;
}

.left ul li a {
display: block;
color: #444;
}
.left ul li a:hover {
color: #33BFEB;
}

#bottom {
background: #fff url(images/bottom.gif) no-repeat;
padding: 10px 0;
}

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



Kod üzerindeki düzenlemeleri yapmayı unutma. inşallah olur..
______________
↑
Mesaj25.04.2009, 10:42 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
HATAM İÇİN ÖZÜR DİLERİM.. DÜZELTİYORUM..

Kod:
* {
    padding: 0;
    margin: 0;
}

body {
background: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
color: #333333;;
}

img { border: none; }
a { color: #33BFEB; text-decoration: none; }
a:hover { text-decoration: underline; color : #000; }

#wrap {
width: 700px;
margin: 40px auto;
}

#header {
height: 40px;
}

#header h1 {
padding: 0 0 0 20px;
font-size: 20px;
letter-spacing: -2px;
}
#header h1 a {
color: #33BFEB;
text-decoration: none;
}
#header h1 a:hover {
text-decoration: none;
color: #000;
}
#header h2 {
padding-left: 21px;
font-size: 14px;
color: #666;
font-weight: 100;
}

#top {
background: #fff url(images/top.gif) no-repeat;
padding: 5px 0;
}

#menu {
height: 50px;
line-height: 50px;
background: #33BFEB url(images/menu.gif) no-repeat;
font-size: 12px;
}
#menu ul {
padding-left: 20px;
list-style-type: none;
}
#menu ul li {
display: block;
float: left;
}
#menu ul li a {
color: #fff;
padding: 0 10px;
text-decoration: none;
font-weight: 600;
}
#menu ul li a:hover {
color: #fff;
text-decoration: underline;
}

#content {
padding: 10px 10px;
background: #fff url(images/content.gif) repeat-y;
}
.right {
float: right;
width: 480px;
text-align: justify;
padding: 0 20px 10px 10px;
}
.right h2 {
color: #B4241B;
font-size: 20px;
letter-spacing: -2px;
font-weight: 100;
padding : 10px 0 15px 0;
}
.right h2 a {

}
.right h2 a:hover {

}
.left {
float: left;
width: 140px;
padding: 10px;
border-right: 1px solid #aaa;
}
.left h2 {
font-size: 13px;
color: #333;
padding: 5px 0 2px 10px;
}
.left ul {
list-style-type: none;
padding: 5px 0 10px 5px;
}
.left ul li {
padding: 2px 20px;
background: transparent url(images/apple.gif) no-repeat;
}

.left ul li a {
display: block;
color: #444;
}
.left ul li a:hover {
color: #33BFEB;
}

#bottom {
background: #fff url(images/bottom.gif) no-repeat;
padding: 10px 0;
}

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

______________
↑
Mesaj25.04.2009, 16:59 (UTC)    
Mesaj konusu: ss
Alıntıyla Cevap Gönder
özür dilermim ama gene olmadı Crying or Very sad
büsefer içerik en altta çıkıyor Crying or Very sad Crying or Very sad Crying or Very sad Crying or Very sad Crying or Very sad Crying or Very sad Crying or Very sad
↑
Mesaj25.04.2009, 17:00 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
eğer su an sitenizde bulunan tasarım bu ise düzgündür. sadece resimler yok. onları da upload etmelesin.
______________
↑
Önceki mesajları göster:   
  • 1. sayfa (Toplam 1 sayfa)

  •  
    • Geçiş Yap:  


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

© 2024 webme GmbH, Almanya, Tüm hakları saklıdır.