Forum'da ara:
Ara


Yazar Mesaj
Mesaj17.08.2009, 08:01 (UTC)    
Mesaj konusu: InceWebTasarim Css Tasarım Paylaşımları

Siyah Baba Tasarımı


Önizleme:






Tasarım Üstü

Kod:
</style>
</head>
<body id="hpb_cssonly">
<table height="102">
<tr>
<td height="102">
<table border="1" width="728" cellspacing="1" style="border-collapse: collapse" height="90" bordercolor="#C0C0C0">
<tr>
</tr>
</table>
</td>
</tr>
</table>
<div id=logo><a href="http://www.incewebtasarim.tr.gg" _fcksavedurl="http://www.incewebtasarim.tr.gg"><img src=http://www.paylaskiresim.com/8365/7i2nu6wi1.png _fcksavedurl=http://www.paylaskiresim.com/8365/7i2nu6wi1.png></a></div>
<div id=nav>
<ul class="menu blue">
<li><a href="http://www.incewebtasarim.tr.gg" _fcksavedurl="http://www.incewebtasarim.tr.gg" title="">Ekle</a></li>
<li><a href="http://www.incewebtasarim.tr.gg" _fcksavedurl="http://www.incewebtasarim.tr.gg" title="">Ekle</a></li>
<li><a href="http://www.incewebtasarim.tr.gg" _fcksavedurl="http://www.incewebtasarim.tr.gg" title="" >Ekle</a></li>
<li><a href="http://www.incewebtasarim.tr.gg" _fcksavedurl="http://www.incewebtasarim.tr.gg" title="" >Ekle</a></li>
<li><a href="http://www.incewebtasarim.tr.gg" _fcksavedurl="http://www.incewebtasarim.tr.gg" title="">Ekle</a></li>
<li><a href="http://www.incewebtasarim.tr.gg" _fcksavedurl="http://www.incewebtasarim.tr.gg" title="">Ekle</a></li>
<li><a href="http://www.incewebtasarim.tr.gg" _fcksavedurl="http://www.incewebtasarim.tr.gg" title="">Ekle</a></li>
<li><a href="http://www.incewebtasarim.tr.gg" _fcksavedurl="http://www.incewebtasarim.tr.gg" title="">Ekle</a></li>
<li><a href="http://www.incewebtasarim.tr.gg" _fcksavedurl="http://www.incewebtasarim.tr.gg" title="">Ekle</a></li>
<li><a href="http://www.incewebtasarim.tr.gg" _fcksavedurl="http://www.incewebtasarim.tr.gg" title="">Ekle</a></li>
</ul>
</div>
<div id="container">
<div id="header_container">
<div id="pre_header"></div>
<div class="header"><h1 id="header"><span>-</span></h1></div>
<div id="post_header"></div>
</div>



Tasareım Altı Kodu Yokturr



Css Kodu

Kod:
#header_container {   display:none; }
#nav_container {   display:none; }
#counter {   display:none; }
#pre_content {   display:none; }
h1, h2, h3, h4, h5, h6  {display:none; }
#posts {
padding: 0;
margin: 0;
}
#posts li {
width: 600px;
border: 1px solid #eee;
background-color: #F9F9F9;
background-image: none;
float: left;
clear: both;
list-style: none;
margin: 0 0 5px 0;
padding: 5px;
}
#posts a {
text-decoration: none;
color: #999;
font-size: 0.85em;
}
#posts img {
display: block;
float: left;
border: 1px #ccc solid;
background: white;
padding: 3px;
margin: 0 10px 0 0;
}
#posts h1 {
padding: 5px 0 0 0;
margin: 0;
color: #CC0033;
font-family: "Times New Roman", Times, serif;
font-size: 1.2em;
}
#posts p {
margin: 0;
padding: 0 0 10px 0;
}
input, textarea, select {
margin: 0;
padding: 2px;
font-size: 1em;
color: #666666;
background: #F5F5F5;
border: 1px solid #ccc;
margin: 5px 0;
}
input:focus, textarea:focus, select:focus {
border: 1px solid #999;
background-color: #FFFFFF;
}
p {margin: 0; padding: 0 0 18px 0;}
ul {list-style: none; margin: 0; padding: 0;}
blockquote {
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
color: #666;
margin: 10px 20px;
display: block;
}
blockquote span.open {
background: url() no-repeat left top;
padding: 0 0 0 15px;
}
blockquote span.close {
background: url() no-repeat bottom right;
padding: 0 15px 0 0;
}
code {
display: block;
background-color: #F5F4F3;
border: #E2DBD8 1px solid;
color: #666666;
padding: 3px 5px;
margin: 10px 15px;
font-size: 1.2em;
}
pre {
padding: 1em;
border: 1px dashed #2f6fab;
color: black;
background-color: #f9f9f9;
line-height: 1.1em;
}
small {font-size: 0.85em;}
big {font-size: 1.4em;}
.red {
color: #FF0000;
}
a {
text-decoration: none;
color: #0099CC;
}
a:hover {text-decoration: none; color: #00CCFF;}
a img {
border: none;
}
.clear {clear: both;}
.alignleft {display: block; float: left;}
.alignright {display: block; float: right;}
.aligncenter {
display: block;
text-align: center;
margin: 0 auto;
}
.endOfSection {
clear: both;
width: 100%;
height: 0;
line-height: 0;
font-size: 0;
padding: 0;
margin: 0;
border: 0;
}
img {border: none;}
img.alignleft,
img.alignright,
img.aligncenter {
display: block;
padding: 3px;
background: #F5F4F3;
border: 1px solid #E8E4E2;
}
img.alignleft {
float: left;
margin: 0 10px 2px 0;
}
img.alignright {
float: right;
margin: 0 0 2px 10px;
}
img.aligncenter {
margin: 5px auto;
}
#content .dwnld,
#content .note,
#content .error {
display: block;
width: 585px;
min-height: 35px;
float: left;
margin: 10px 0;
padding: 7px 10px 7px 40px;
border-top: #EBE8D7 1px solid;
border-bottom: #EBE8D7 1px solid;
line-height: normal;
}
#content .dwnld {background: #EBFEDA url(http://illusion-design.eu/img/quote.png) no-repeat 5px 4px;}
#content .note {background: #FFF9D7 url(http://illusion-design.eu/img/info.png) no-repeat 5px 4px;}
#content .error {
background: #FF9D9D url(http://illusion-design.eu/img/code.png) no-repeat 5px 4px;
border-top: #FF3300 1px solid;
border-bottom: #FF3300 1px solid;
min-height: 20px;
}
body {
font: 90%/1 verdana, helvetica, sans-serif;
background: url(http://img.webme.com/pic/n/nuo-designs/bg.jpg) repeat 0 0;
line-height: 130%;
width: 100%;
min-width: 370px;
}
#logo {
margin-left: 200px;
}
#nav {
clear: both;
width: 871px;
height: 20px;
margin-left: 200px;
}
#content {
display: block;
background: #F8F7F3;
float: left;
clear: left;
width: 831px;
padding: 20px;
clear: both;
text-align: justify;
font-size: 0.9em;
margin-left: 200px;
}
#sidebar_content {
width:175px;
padding:0px;
float:left;
}
#footer {
clear: both;
width: 831px;
height: 20px;
background: #FFFFFF repeat-x 0 0;
color: #999;
text-align: right;
font-size: 0.9em;
padding: 20px;
margin-left: 200px;
}
ul.menu {
list-style-type:none;
width:auto;
position:relative;
display:block;
height:33px;
font-size:.6em;
background:url(http://s6.directupload.net/images/090810/gb4jrd4z.png) repeat-x top left;
font-family:Verdana,Helvetica,Arial,sans-serif;
border:1px solid #000;
margin:0;
padding:0;
}
ul.menu li {
display:block;
float:left;
margin:0;
padding:0;
}
ul.menu li a {
float:left;
color:#A79787;
text-decoration:none;
height:24px;
padding:9px 15px 0;
font-weight:normal;
}
ul.menu li a:hover,.current {
color:#fff;
background:url(http://s6.directupload.net/images/090810/gb4jrd4z.png) repeat-x top left;
text-decoration:none;
}
ul.menu .current a {
color:#fff;
font-weight:700;
}
/*BLUE*/
ul.menu.blue{
background-color:#76B3F1;
}
ul.menu.blue li a:hover, .menu.blue li.current {
background-color:#A3BAE6;
}
#catlist{
border:1px dashed #ccc;
border-bottom:none;
width:660px;
margin:10px auto;
}
#catlist dl{
width:640px;
margin:0 auto;
border-bottom:1px dashed #ccc;
padding:10px;
overflow:hidden;
background:#f2f2f2;
}
#catlist dd{overflow:auto}
#catlist dt strong{
float:right;
padding:0 0 0 20px;
}
#catlist dt img{
float:left;
margin:0 10px 0 0;
border:1px solid #000;
}
//-->
Mesaj17.08.2009, 08:04 (UTC)    
Mesaj konusu:

Deniz Mavisi Tasarımı


Önileme:::







Tasarım Üstü

Kod:
<style type="text/css">
<!--
            html, body {
            text-align: center;
            }
            -->
</style>
<div id="Testdesign">
<div id="oben">
<h1 class="title"></h1></div>



Tasarım Altıı

Kod:
<div id="sockel">Tüm Hakkları InceWebTasarim.Tr.Gg'ye Aitir !!!
</div></div>


Css Kodu

Kod:
div#nav_container{visibility: hidden;}
li.nav_element{display: none;}
h1#title{}
h2#title{font-weight:normal;position: absolute; left:
300px;top: 248px;text-align: right;
color: #FFFFFF;}
li.nav_element{display: none;}
li.nav_element a{display: none;}
div.header{display: none;}
a{font-weight:500; font-family:arial;color:#FFFFA8; font-size: 12px; text-decoration: none;}
a:hover {font-weight:500;font-family:arial;color: #000023; font-size: 12px; text-decoration: none;}
a:link {font-weight:500;font-family:arial;color: #000012; font-size: 12px; text-decoration: none;}
a:active {font-weight:500;font-family:arial;color: #000034; font-size: 12px; text-decoration: none;}
a:visited {font-weight:500;font-family:arial;color: #000034; font-size: 12px; text-decoration: none;}
body {text-align: left;font-weight:600;font-family:arial;background-color:#c1c1c1;background-image: url(http://discreated.de/img/service/designs/bg.jpg);}
* { padding: 0; margin: 0; }
#Testdesign {
width: 855px;
margin: 20px 20px 20px 50px;
border: 1px solid #000000;}
#oben {
color: #FFFFFF;
width: 709px;
float: left;
padding: 70px;
border: 1px solid #000000;
height: 46px;
margin: 2px 2px 2px 2px;
background-image: url(http://discreated.de/img/service/designs/header.jpg);}
#sidebar_container {
font-size: 12px;
font-weight:500;
font-family:arial;
color: #000000;
border: 1px solid #000000;
background: #ffffff;
margin: 0px 2px 2px 0px;
padding: 0px;
width: 178px;
float: right;}
#content {
font-size: 12px;
font-weight:500;
font-family:arial;
float: left;
color: #000000;
border: 1px solid #000000;
background: #ffffff;
margin: 0px 2px 2px 2px;
padding: 45px 10px 10px 20px;
width: 637px;
display: inline;
background-image: url(http://discreated.de/img/service/designs/textfeld.jpg);background-repeat: no-repeat;}
#sockel {
font-size: 12px;
font-weight:500;
font-family:arial;
width: 843px;
clear: both;
color: #000000;
border: 1px solid #000000;
background: #ffffff;
margin: 0px 2px 2px 2px;
padding: 3px;}
/* Die Navigation mit CSS */
#navi {
width: 178px;
margin: 0;
padding: 0;}
#navi ul, #navi li{
list-style-type: none;
padding-top: 0px;}
#navi li a {
text-decoration: none;
display: block;
width:100%;
padding: 0px;}
#navi a:link, #navi a:visited {
width: 166px;
color: #000000;
padding: 2px 0px 0px 10px;
text-align: left;
background-image: url(http://discreated.de/img/service/designs/button.jpg);
height:23px;}
#navi #akt {
padding: 5px 10px 0px 0px;
text-align: right;
color: #FFFFFF;
background-image: url(http://discreated.de/img/service/designs/nav.jpg);
height:27px;}
#navi a:hover{
text-align: left;
color: #000000;
background-image: url(http://discreated.de/img/service/designs/buttonh.jpg);}
#counter{display: none;}



1.Ekstra Kutunun Içeriği (sağ)


Kod:
<ul id="navi">
<li style="font-weight: bold;">
<div id="akt"><span style="font-size: medium;">Menü 1</span></div>
</li>
<li style="color: rgb(0, 0, 0);"><a href="http://www.incewebtasarim.tr.gg" _fcksavedurl="http://www.incewebtasarim.tr.gg"> Ekle</a></li>
<li style="color: rgb(0, 0, 0);"><a href="http://www.incewebtasarim.tr.gg" _fcksavedurl="http://www.incewebtasarim.tr.gg"> Ekle</a></li>
<li style="color: rgb(0, 0, 0);"><a href="http://www.incewebtasarim.tr.gg" _fcksavedurl="http://www.incewebtasarim.tr.gg"> Ekle</a></li>
<li style="color: rgb(0, 0, 0);"><a href="http://www.incewebtasarim.tr.gg" _fcksavedurl="http://www.incewebtasarim.tr.gg"> Ekle</a></li>
<li style="color: rgb(0, 0, 0);"><a href="http://www.incewebtasarim.tr.gg" _fcksavedurl="http://www.incewebtasarim.tr.gg"> Ekle</a></li>
<li style="color: rgb(0, 0, 0);"><a href="http://www.incewebtasarim.tr.gg" _fcksavedurl="http://www.incewebtasarim.tr.gg"> Ekle</a></li>
<li style="color: rgb(0, 0, 0);"><a href="http://www.incewebtasarim.tr.gg" _fcksavedurl="http://www.incewebtasarim.tr.gg"> Ekle</a></li>
</ul>
<ul id="navi">
<li style="font-weight: bold;">
<div id="akt"><span style="font-size: medium;">Menü 2</span></div>
</li>
<li style="color: rgb(0, 0, 0);"><a href="http://www.incewebtasarim.tr.gg" _fcksavedurl="http://www.incewebtasarim.tr.gg"> Ekle</a></li>
<li style="color: rgb(0, 0, 0);"><a href="http://www.incewebtasarim.tr.gg" _fcksavedurl="http://www.incewebtasarim.tr.gg"> Ekle</a></li>
<li style="color: rgb(0, 0, 0);"><a href="http://www.incewebtasarim.tr.gg" _fcksavedurl="http://www.incewebtasarim.tr.gg"> Ekle</a></li>
<li style="color: rgb(0, 0, 0);"><a href="http://www.incewebtasarim.tr.gg" _fcksavedurl="http://www.incewebtasarim.tr.gg"> Ekle</a></li>
<li style="color: rgb(0, 0, 0);"><a href="http://www.incewebtasarim.tr.gg" _fcksavedurl="http://www.incewebtasarim.tr.gg"> Ekle</a></li>
<li style="color: rgb(0, 0, 0);"><a href="http://www.incewebtasarim.tr.gg" _fcksavedurl="http://www.incewebtasarim.tr.gg"> Ekle</a></li>
<li style="color: rgb(0, 0, 0);"><a href="http://www.incewebtasarim.tr.gg" _fcksavedurl="http://www.incewebtasarim.tr.gg"> Ekle</a></li>
</ul>
Mesaj17.08.2009, 08:12 (UTC)    
Mesaj konusu:

ellerine sağlık güzel olmus Wink
______________
Mesaj17.08.2009, 08:13 (UTC)    
Mesaj konusu:

süper.
______________
asıl güç güçlü gösterilmek değildir, asıl güç güçlü olmak dır.

Oyunskor
Mesaj17.08.2009, 08:18 (UTC)    
Mesaj konusu:

Cok sagolun Sıtemde Daha Fazlasını BUlabılırsınız Ve Burdada Paylassmaya Devam Edicem
Mesaj17.08.2009, 08:23 (UTC)    
Mesaj konusu:

paylaşım için tşkler
Mesaj17.08.2009, 08:27 (UTC)    
Mesaj konusu:

Güzel Temalar
______________
Click www.noktasoft.net
Mesaj17.08.2009, 12:35 (UTC)    
Mesaj konusu:

Cook SAgolun
Mesaj17.08.2009, 16:06 (UTC)    
Mesaj konusu:

paylaşım için tesekkürler
______________


Dersim-Online Yeni Tasarımla Karşınızda!
Mesaj17.08.2009, 16:11 (UTC)    
Mesaj konusu:

Güzeller Mr. Green
______________
BenimSitem1993 => Forum İmza Boyutunuz 3 satırı geçtiğinden düzenlenmiştir.
Mesaj17.08.2009, 17:40 (UTC)    
Mesaj konusu:

bunlar free mi?
______________
old good days bro..
Mesaj18.08.2009, 14:39 (UTC)    
Mesaj konusu:

hayır bunların hepsi kendi ps emeklerim
Mesaj18.08.2009, 14:49 (UTC)    
Mesaj konusu:

güzel olmus Wink
______________
Önceki mesajları göster:   


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