Forum'da ara:
Ara


Yazar Mesaj
Mesaj26.06.2009, 08:35 (UTC)    
Mesaj konusu: yorumları farklı taplolar halinde nasıl gösterebilirim
Alıntıyla Cevap Gönder
yorumları farklı taplolar halinde nasıl gösterebilirim

mesela böyle

http://img.webme.com/pic/y/yenice19/yorum.bmp
↑
Mesaj26.06.2009, 08:36 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
Gerçekten benim diğer sitem içinde lazım. Yardım olursa güzel olur.
↑
Mesaj26.06.2009, 08:38 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
O sitenin kullandığı css tasarımın özelliği.
______________
Atatürk diyor ki "Beni unutturmak isteyenler olabilir."
↑
Mesaj26.06.2009, 08:39 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
işte o css'yi bulamazmıyız?
↑
Mesaj26.06.2009, 08:39 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
Hangi sitede ise css kodlarını almanız gerekir.
______________
Atatürk diyor ki "Beni unutturmak isteyenler olabilir."
↑
Mesaj26.06.2009, 08:43 (UTC)    
Mesaj konusu: 1
Alıntıyla Cevap Gönder
css kodları varda hangisi nere ye yapıştırılıcak
↑
Mesaj26.06.2009, 08:43 (UTC)    
Mesaj konusu: Re: 1
Alıntıyla Cevap Gönder
yenice19 yazmış:
css kodları varda hangisi nere ye yapıştırılıcak

Css kodlarını css kutucuguna yapıstıracaksınız.
______________
Atatürk diyor ki "Beni unutturmak isteyenler olabilir."
↑
Mesaj26.06.2009, 08:49 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
ben css kullanmıyorum ice blue tasarım kullanıyorum css kodundaki o yorum laru değişriren kodu ice blue da tasarımın üzerindeki yazı kısmına yapıştırsak olurmuki Rolling Eyes

yorum ları değiş tiren ccs tasarım aşağıda hangi kod yorumların değişmesine sebeb oluyor o kodu iceblue da tasarımın üzerindeki yazıya yapıştırıp bi denemek lazım Rolling Eyes


Kod:
TASARIMIN ÜSTÜNE

[code language="html"]<!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>TuSitio</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="header2">
<h1 id="sitename"><a href="http://www.free-css.com/"><span class="blue">Mis</span>Sitio</a><span class="caption">Plantilla CSS by Dutch</span></h1>
<div id="nav">
<form action="LINK">
<div id="search">
<input type="text" class="keyword" value="Search" />
</div>
</form>
<div id="topmenu">
<ul>
<li class="active"><a href="LINK">LINK</a></li>
<li><a href="LINK">LINK</a></li>
<li><a href="LINK">LINK</a></li>
<li><a href="LINK">LINK</a></li>
<li><a href="LINK">LINK</a></li>
<li><a href="LINK">LINK</a></li>
</ul>
</div>
</div>
<div class="clear"></div>
<div id="breadcrumb">TuSitio &raquo; <a href="LINK" class="active">Inicio</a> &raquo;</div>
</div>
<div id="content">
<div id="right">
<div id="featured">
<div> Esta plantilla podra ser editada una vez que hayan colocado los codes en su pagina</div>
<span class="ftd_btm"><a href="Link">Leer Mas..</a></span></div>
<div class="post">
[/code]



Kod:
TASARIMIN ALTINA
[code language="html"]<div class="postbottom">
</div>
</div>
</div>
<div id="sidebar">
<div id="sidebartop"></div>
<h2>Menu</h2>
<ul>
<li class="active"><a href="LINK">LINK</a></li>
<li><a href="LINK">LINK</a></li>
<li><a href="LINK">LINK</a></li>
<li><a href="LINK">LINK</a></li>
<li><a href="LINK">LINK</a></li>
<li><a href="LINK">LINK</a></li>
</ul>
<h2>Navegacion</h2>
<ul>
<li><a href="LINK">LINK</a></li>
<li><a href="LINK">LINK</a></li>
<li><a href="LINK">LINK</a></li>
</ul>
<div id="sidebarbtm"></div>
</div>
<div class="clear"></div>
<div id="bottom">
<p>Copyright &copy; 2008 Elnombredetupagina</p>
<p><a href="Puedes">Puedes</a> | <a href="Poner">Poner</a> | <a href="Algunos">Algunos</a> | <a href="Links">Links</a> | <a href="Por">Por</a> | <a href="Aqui">Aqui</a></p>
</div>
</div>
<div id="footer">
<div id="credits"> <a href="http://ramblingsoul.com">CSS Template</a> by RamblingSoul</div>
</div>
</div>
</body>
</html>
[/code]

Kod:
CSS BÖLÜMÜNE

[code language="html"]h1#title{display: none;}
h2#title span {display: none;}
#nav_container{display: none;}
#pre_header{display: none;}
#header{display:none;}

*{
margin: 0px;
padding: 0px;
}
a {
color: #0EA2CC;
text-decoration: none;
}
h1, h2, h3 {font-family:"Trebuchet MS", Verdana, sans-serif;}
h1 {font-size:26px;}
h2 {font-size:18px;}
h3 {font-size:16px;}
body {background:url(http://img24.imageshack.us/img24/8333/bg2obl.jpg) fixed center top; background-color:#ccc; font:12px Verdana, Arial, Helvetica, sans-serif;}
#wrap {width:950px; margin:0 auto 0 auto;}
#header2 {background:url(http://img24.imageshack.us/img24/2107/headerduz.png) no-repeat; height:174px;}
#content {background:url(http://img24.imageshack.us/img24/164/pagebg.png) repeat-y; padding:0 40px 0 40px;}
#right { float:right; width:610px;}
#right p {line-height:20px; margin-bottom:20px;}
#right a {border-bottom: solid 1px #0ea2cc;}
#right a:visited, active {border:none;}
#right a:hover {color:#000; border-bottom:solid 1px #000;}
h1 a, h2 a, h3 a, h4 a {text-decoration:none; border:none!important;}
.clear {clear:both;}
#sidebar {float:left; width:250px; background:url(http://img24.imageshack.us/img24/6015/sb2i.jpg) left repeat-y;}
#sidebartop {background: url(http://img24.imageshack.us/img24/8125/sb1c.jpg) left top no-repeat; height:10px;}
#sidebarbtm {background:url(http://img5.imageshack.us/img5/3361/sb3d.jpg) left top no-repeat; height:9px;}
#sidebar ul {list-style:none; font:bold 14px "Trebuchet MS", Verdana, sans-serif; margin-bottom:15px;}
#sidebar li {display:block; height:36px; margin-bottom:2px;}
#sidebar a, #sidebar a:visited {
display:block;
background:url(http://img24.imageshack.us/img24/6135/menu1i.jpg) right top no-repeat;
padding: 10px 10px 0 40px;
height: 26px;
color:#999;
}
#right h2 {
color:#014782; font:normal 18px "Trebuchet MS", Verdana, sans-serif;
}
#right h2 a {color:#014782}
#right h2 a:hover {color:#000; background:#ffffee; border:none;}
#sidebar a:hover {background:url(http://img24.imageshack.us/img24/7707/menu2q.jpg) right top no-repeat; color:#333;}
#sidebar .active a{background:url(http://img24.imageshack.us/img24/4452/menu3v.jpg) right top no-repeat; color:#000;}
#sidebar h2 {
display:block;
background:url(http://img10.imageshack.us/img10/912/sidebarh2i.jpg) no-repeat;
height:40px;
padding:14px 10px 0 40px;
color: #186185;
text-transform:uppercase;
}
#footer {background:url(http://img24.imageshack.us/img24/4941/footerbg.png) no-repeat; height:62px;}

#sitename {
display:block;
float:left;
width:210px;
padding:15px 0 0 40px;
text-align:center;
color: #FFFFFF;
font: normal 28px "Trebuchet MS", Verdana, sans-serif;
}
#sitename a{color:#fff;}
.caption {
display:block;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
padding-top:30px;}

#sitename a .blue {
color:#0F9EC8;
font-style: italic;
}
#sitename a:hover {color:#0f9ec8;}
#sitename a:hover .blue{color:#9c6; font-family:Georgia; font-weight:normal;}

#nav {float:right; width:645px; padding:0 40px 0 0; height:134px;}
#breadcrumb { background:url(http://img24.imageshack.us/img24/6724/breadcrumb.jpg) center bottom no-repeat;
padding:7px 40px 5px ;
height: 18px;
color:#999999; text-transform:uppercase;
font: bold 16px"Trebuchet MS", Verdana, sans-serif;}
#breadcrumb a.active {color:#000!important;}
#breadcrumb a{text-decoration:none; color:#999;}
#breadcrumb a:visited, breadcrumb a:active {color:#999;}
#breadcrumb a:hover {color:#333;}
#nav #search{
padding-left: 475px;
padding-top: 17px;
height: 48px;
}
#nav #search .keyword{
background: transparent url(http://img5.imageshack.us/img5/8623/searchd.png) no-repeat;
height: 33px;
width: 132px;
padding: 10px 20px 0 10px;
font-size: 12px;
color: #999;
border:none;
overflow:hidden;
}
#header form {padding:0; margin:0;}
#topmenu { height:51px; font:bold 14px "Trebuchet MS", Verdana, sans-serif; text-transform:uppercase; padding-top:15px;}
#topmenu ul {list-style:none; padding-left:10px;}
#topmenu li {display:inline; margin-left:3px;}
#topmenu a, #topmenu a:visited {display:block; float:left; background:url(http://img24.imageshack.us/img24/9928/nav2.png) repeat-x; text-align:center; padding:5px 25px 0 25px; height:25px; color:#999999;}
#topmenu .active a {background:url(http://img509.imageshack.us/img509/7338/nav1.png) repeat-x; color:#333;}
#topmenu .active a:hover {background:url(http://img24.imageshack.us/img24/1596/nav4.png) repeat-x; color:#333;}
#topmenu a:hover {background:url(http://img24.imageshack.us/img24/6036/nav3i.png) repeat-x; color:#fff;}
#featured {
background:url(http://img24.imageshack.us/img24/6215/ftrdbox.jpg) no-repeat;
height:150px;
color:#00CCFF;
margin-bottom:15px;
}
#featured div {
padding:25px 10px 0 50px;
height: 90px;
font:normal 16px "Palatino Linotype", "Book Antiqua", Palatino, serif;

}
.ftd_btm {display:block; height:20px; padding:15px 5px 0 35px; background:url(http://img5.imageshack.us/img5/1768/ftrdlink.png)8px 12px no-repeat}
#featured a {color:#fff; border-bottom:none;}
#featured a:visited, #featured a:active{color:#E3F7FD;}
#featured a:hover { text-decoration:underline; color:#fff!important;}
.postbottom {background:url(http://img24.imageshack.us/img24/9448/postbttm.png) no-repeat; height:26px; margin-bottom:20px;}
.postbottom ul {list-style:none;}
.postbottom li {display:inline; margin:0!important; padding:0!important;}
.postbottom a, .postbottom a:visited, .postbottom a:active{color:#fff; border:none!important; display:block; float:left; height:20px; padding:6px 5px 0 30px;}
.postbottom a:hover {color:#000;}
.permalink a, .permalink a:visited, .permalink a:active {background:url(images/ico_more.png)5px 5px no-repeat;}
.cats a{background:url(http://img24.imageshack.us/img24/2779/icocat.png)5px 5px no-repeat;}
.auth a{background:url(http://img24.imageshack.us/img24/737/icousr.png)5px 5px no-repeat;}
.date a{background:url(http://img24.imageshack.us/img24/9229/icodate.png) 5px 5px no-repeat;}
.comnts a{background:url(http://img24.imageshack.us/img24/1592/commentx.png)5px 5px no-repeat;}

.post h2 {display:block; margin-bottom:15px;}
.post .description {display:block; font-size:12px; color:#999;}

.post blockquote {background:#eee url(http://img24.imageshack.us/img24/630/quotetmc.png) 5px 5px no-repeat; padding:8px 8px 0 35px; font:normal 14px "Palatino Linotype", "Book Antiqua", Palatino, serif; display:block; border: solid 1px #ddd; }

.post .extract { float:left; margin-right:10px; width:250px;}

.post ul {margin-left:25px;}
.post ol {margin-left:25px;}
.post li {padding:3px;}
.post .leftalign {display:block; padding:5px; background:#eee; margin:8px; float:left; border:solid 1px #ddd;}
.post .rightalign {display:block; padding:5px; background:#eee; margin:8px; float:right;border:solid 1px #ddd;}

/*tables and Forms */

#right table {
width:90%;
border:1px solid #0075A4;
margin-bottom:20px;
background: #E3F6FF;
margin-top: 15px;
}
#right th {
background:#0075A4;
padding:5px 15px 5px 15px;
color:#8ADBFF;
text-align:center;
border-bottom:1px solid #000000;
font: bold 16px "Trebuchet MS", Verdana, sans-serif;
text-transform: uppercase;
}
#right td {
border-bottom:1px solid #0075A4;
padding:5px 15px 5px 15px;
border-right:1px solid #0075A4;
}

.textfield {
display: block;
width:50%;
margin:3px 3px 3px 30px;
padding:3px;
border: 1px solid #CBE0E7;
background: #E9F2F5;
}
label {
display: block;
margin:3px;
padding: 5px;
font-weight: bold;
}
.button {
display: block;
padding:0px;
margin:3px;
border: 1px solid #9DC6D2;
color:#000000;
background: #E9F2F5;
}
.textfield:hover {
background:#FFFFCC;
}
.textfield:focus {
background:#ffffff;
border: 1px solid #3A2C1B;
}
.hide {display:none;}
#bottom {padding:20px; background:url(http://img24.imageshack.us/img24/7671/bottombg.png) repeat-x; margin-top:15px;}
#bottom p {display:block; padding:3px; text-align:center;}
#credits {text-align:right; font-size:10px; padding:5px 40px 0 40px; }
.pagenavi { height:22px; padding: 5px 5px 0 5px; background: #eee; border: solid 1px #ddd; margin:25px 0 15px 0;}
.pagenavi .alignleft {display:block; text-align:left;}
.pagenavi .alignright {display:block; float:right;}
.pagenavi a, .pagenavi a :visited, .pagenavi a :active {color:#000; font-weight:bold; text-decoration:none; border:none!important;}
.pagenavi a:hover {color:#0099CC!important;}

/*shopping Cart */
#catalogue {margin:10px 0 10px 0; background:#eee; border:solid 1px #ddd; padding:5px;}
.item {width:135px; float:left; height:220px;}
.item h3 {display:block; padding:3px;}
.item span {display:block; padding:3px;}
.item .price {color:#993300; font-weight:bold; }
.item span img {border:none!important;}
.item span a {border:none!important; text-decoration:none;}
.item img {}
img.productimg {border:solid 1px #716148; margin:0 0 0 8px;}
.clear2 {width:100%; clear:left;}
.sec_head {
display:block;
background: #0077A2 url(http://img24.imageshack.us/img24/6044/ftrdboxn.jpg) no-repeat 0px -60px;
padding:3px;
margin-bottom:15px;
color: #FFF !important;
}




[/code][/code]
↑
Mesaj26.06.2009, 08:49 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
Sanırım icebuluede olmaz.
______________
Atatürk diyor ki "Beni unutturmak isteyenler olabilir."
↑
Mesaj26.06.2009, 08:52 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
neyse ilgilendiğin için sağol
↑
Mesaj26.06.2009, 08:54 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
css de olur ama nasıl bulcaz o kodu :S
↑
Mesaj26.06.2009, 12:35 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
Arkadaşlar...
Buyrun Sizin İçin Buldum Bu Kodu...
Ama Kodu Vermeden Önce Bir Uyarıda Bulunacam..
"Eğer Bu Kodu Kullanırsanız Sitenizde Tüm Tabloların Görünümü Değişecektir. Yani
http://img.webme.com/pic/y/yenice19/yorum.bmp
Bu Resimdeki Görünümü Olan Tabloların Hepsi Aynı şekile Girecektir.."
Gülü Seven Dikenine Katlanır....

Bu Kodu Css Koduna Menü Gizleme Kodunun Hemen Altına Koyunuz;
Kod:
/*Ekstraları Tablo İçerisine Alma*/

#right table {
width:90%;
border:1px solid #0075A4;
margin-bottom:20px;
background: #E3F6FF;
margin-top: 15px;
}
#right th {
background:#0075A4;
padding:5px 15px 5px 15px;
color:#8ADBFF;
text-align:center;
border-bottom:1px solid #000000;
font: bold 16px "Trebuchet MS", Verdana, sans-serif;
text-transform: uppercase;
}
#right td {
border-bottom:1px solid #0075A4;
padding:5px 15px 5px 15px;
border-right:1px solid #0075A4;
}

.textfield {
display: block;
width:50%;
margin:3px 3px 3px 30px;
padding:3px;
border: 1px solid #CBE0E7;
background: #E9F2F5;
}
label {
display: block;
margin:3px;
padding: 5px;
font-weight: bold;
}
.button {
display: block;
padding:0px;
margin:3px;
border: 1px solid #9DC6D2;
color:#000000;
background: #E9F2F5;
}
.textfield:hover {
background:#FFFFCC;
}
.textfield:focus {
background:#ffffff;
border: 1px solid #3A2C1B;
}
.hide {display:none;}
#bottom {padding:20px; background:url(http://img24.imageshack.us/img24/7671/bottombg.png) repeat-x; margin-top:15px;}
#bottom p {display:block; padding:3px; text-align:center;}
#credits {text-align:right; font-size:10px; padding:5px 40px 0 40px; }
.pagenavi { height:22px; padding: 5px 5px 0 5px; background: #eee; border: solid 1px #ddd; margin:25px 0 15px 0;}
.pagenavi .alignleft {display:block; text-align:left;}
.pagenavi .alignright {display:block; float:right;}
.pagenavi a, .pagenavi a :visited, .pagenavi a :active {color:#000; font-weight:bold; text-decoration:none; border:none!important;}
.pagenavi a:hover {color:#0099CC!important;}


Bu Koduda Tasarım Üzerindeki Kod Kısımında En Yukarıya Bırakınız;
Kod:
<div id="right">


Bi Teşekkürü Çok Görmeyin... Wink
↑
Mesaj26.06.2009, 12:43 (UTC)    
Mesaj konusu: 2
Alıntıyla Cevap Gönder
OLMUYO DENEDİM İCEBLUE KULLANIYORUM ONDAN HERALDE Sad Sad
↑
Mesaj26.06.2009, 12:44 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
ee Boşuna Kodta Css Koduna Yapıştırın Demedim... Very Happy
↑
Mesaj26.06.2009, 12:51 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
valla denedim oluyor..ama bölümlee ayrılıyor
↑
Önceki mesajları göster:   
  • 1. sayfa (Toplam 2 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.