Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj02.03.2009, 15:44 (UTC)    
Mesaj konusu: Bi bakarmısınzzz

Bana Futbolla ilgili CSS tasarım lazım
ama (fb,gs,ts..) takımların tasarımları olmıcak
genel olcak



teşekkürler Wink
Mesaj02.03.2009, 17:12 (UTC)    
Mesaj konusu:

Sabit Başlıkları incele

http://www.bedava-sitem.com/forum/viewtopic.php?t=25697
______________
Html Kodları|BS-Sıkça Sorulan Sorular|Hazır Css Tasarımlar Herşey Burda


www.arkasiradakiiler.tr.gg
Mesaj02.03.2009, 19:00 (UTC)    
Mesaj konusu:

Tasarım üstüne eklenecek kod...



Kod:
<table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%">
<tbody><tr>
<td style="" class="l-bg"> </td>
<td style="" class="l-shadow-bg" valign="top" width="1"><img src="http://img.webme.com/pic/c/css-template/l-shad-bg.gif" width="21" height="3"></td>
<td valign="top" width="750" bgcolor="#295718" height="100%"><table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%">
<tbody><tr>
<td><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td width="1"><img style="" src="http://img.webme.com/pic/c/css-template/t1.gif" alt="" width="8" height="148"></td>
<td width="1"><div style="position: absolute; top: 50px; margin-left: 193px; width: 300px;">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td style="" class="c_name">Soccer website</td>
</tr>
<tr>
<td height="1"><img src="http://img.webme.com/pic/c/css-template/c-name-sep.jpg" width="286" height="1"></td>
</tr>
</tbody></table>
</div>
<img style="" src="http://img.webme.com/pic/c/css-template/t2.jpg" width="734" height="148"></td>
<td width="1"><img style="" src="http://img.webme.com/pic/c/css-template/t3.gif" width="8" height="148"></td>
</tr>
</tbody></table></td>
</tr>
<tr>
<td valign="top" height="100%"><table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%">
<tbody><tr>
<td valign="top" width="1" height="100%"><table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%">
<tbody><tr>
<td height="1"><img style="" src="http://img.webme.com/pic/c/css-template/l1.jpg" width="180" height="62"></td>
</tr>
<tr>
<td background="http://img.webme.com/pic/c/css-template/menu-bg-1.jpg" height="1"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td width="1"><img src="http://img.webme.com/pic/c/css-template/spacer.gif" width="1" height="26"></td>
<td style="" class="menu"><a style="" href="#" class="menu_lnk">Home</a></td>
</tr>
</tbody></table></td>
</tr>
<tr>
<td background="http://img.webme.com/pic/c/css-template/menu-bg-2.jpg" height="1"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td width="1"><img src="http://img.webme.com/pic/c/css-template/spacer.gif" width="1" height="24"></td>
<td style="" class="menu"><a style="" href="#" class="menu_lnk">About Us</a></td>
</tr>
</tbody></table></td>
</tr>
<tr>
<td background="http://img.webme.com/pic/c/css-template/menu-bg-3.jpg" height="1"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td width="1"><img src="http://img.webme.com/pic/c/css-template/spacer.gif" width="1" height="24"></td>
<td style="" class="menu"><a href="#" class="menu_lnk">Our Clients</a></td>
</tr>
</tbody></table></td>
</tr>
<tr>
<td background="http://img.webme.com/pic/c/css-template/menu-bg-4.jpg" height="1"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td width="1"><img src="http://img.webme.com/pic/c/css-template/spacer.gif" width="1" height="24"></td>
<td style="" class="menu"><a href="#" class="menu_lnk">Testimonials</a></td>
</tr>
</tbody></table></td>
</tr>
<tr>
<td background="http://img.webme.com/pic/c/css-template/menu-bg-5-m.gif" height="1"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td width="1"><img src="http://img.webme.com/pic/c/css-template/spacer.gif" width="1" height="24"></td>
<td style="" class="menu"><a href="#" class="menu_lnk">Price List</a></td>
</tr>
</tbody></table></td>
</tr>
<tr>
<td background="http://img.webme.com/pic/c/css-template/menu-bg-last.gif" height="1"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td width="1"><img src="http://img.webme.com/pic/c/css-template/spacer.gif" width="1" height="25"></td>
<td style="" class="menu"><a style="" href="#" class="menu_lnk">Contact Details</a></td>
</tr>
</tbody></table></td>
</tr>
<tr>
<td style="" height="1"><img src="http://img.webme.com/pic/c/css-template/spacer.gif" width="1" height="10"></td>
</tr>
<tr>
<td height="1"><img style="" src="http://img.webme.com/pic/c/css-template/l2.jpg" width="180" height="7"></td>
</tr>
<tr>
<td style="" class="l-content" height="100%">The modern game was codified in England following the formation of the Football   Association, whose 1863 Laws of the Game created the foundations for the way the   sport is played today. Football is governed internationally by Fédération   Internationale de Football Association (FIFA).</td>
</tr>
</tbody></table></td>
<td valign="top" height="100%"><table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%">
<tbody><tr>
<td valign="top" height="100%"><table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%">
<tbody><tr>
<td style="" width="1"><img src="http://img.webme.com/pic/c/css-template/spacer.gif" width="4" height="1"></td>
<td style="" class="bgx" valign="top" width="1" background="http://img.webme.com/pic/c/css-template/c-2-bg.gif" bgcolor="#244d15"><img src="http://img.webme.com/pic/c/css-template/c-2-1.gif" width="6" height="7"></td>
<td class="bgx" valign="top" width="100" background="http://img.webme.com/pic/c/css-template/c-3-5-bg.gif" bgcolor="#2a521c"><table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%">
<tbody><tr>
<td style="" class="c-3-1-bg" height="1">HackeR FrienD.Net</td>
</tr>
<tr>
<td><img style="" src="http://img.webme.com/pic/c/css-template/title-sep.gif" alt="" width="270" height="1"></td>
</tr>
<tr>
<td style="" class="body_txt" height="100%">
<p style="">






Tasarım altına eklenecek kod...

Kod:
</p>
<p style=""><em style="">From Wikipedia, the free encyclopedia</em></p>
<div style="border: 1px solid rgb(255, 224, 142); padding: 4px 6px 2px;">This free web template was downloaded from <a style="" href="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/" target="_blank">AnVisionWebTemplates.com</a>.<br>
Please visit <a style="" href="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/" target="_blank">www.anvisionwebtemplates.com</a> to see the entire collection:
<ol>
<li style=""><a style="" href="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/">Download free templates</a> - view categories.</li>
<li style=""><a style="" href="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/topsites/">Template topsites</a>.</li>
<li style=""><a style="" href="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/newsletter.html">Templates newsletter</a> - recieve collection updates by email.</li>
</ol>
</div></td>
</tr>
</tbody></table></td>
<td style="" class="bgx" valign="top" width="1" background="http://img.webme.com/pic/c/css-template/c-2-bg.gif" bgcolor="#244d15"><img src="http://img.webme.com/pic/c/css-template/spacer.gif" width="4" height="1"></td>
<td class="bgx" valign="top" background="http://img.webme.com/pic/c/css-template/c-3-5-bg.gif" bgcolor="#2c521d"><table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%">
<tbody><tr>
<td style="" class="c-5-1" align="center">Site Haberleri</td>
</tr>
<tr>
<td style="" class="body_txt" height="100%"><p style="">The modern game was codified in England following the formation of the Football Association, whose 1863 Laws of the Game created the foundations for the way the sport is played today. Football is governed internationally by Fédération Internationale de Football Association (FIFA). <img style="" src="http://img.webme.com/pic/c/css-template/content-pic-2.jpg" class="float-left" width="132" height="90">The most prestigious international football competition is the World Cup, held every four years. This event, the most widely viewed and famous in the world, boasts twice the audience of the Summer Olympics.</p></td>
</tr>
</tbody></table></td>
<td class="bgx" valign="top" width="1" background="http://img.webme.com/pic/c/css-template/c-2-bg.gif" bgcolor="#244d15"><img src="http://img.webme.com/pic/c/css-template/c-6-1.gif" width="5" height="10"></td>
<td width="1"><img src="http://img.webme.com/pic/c/css-template/spacer.gif" width="11" height="1"></td>
</tr>
</tbody></table></td>
</tr>
<tr>
<td height="1"><img src="http://img.webme.com/pic/c/css-template/c-bot.gif" alt="" width="570" height="12"></td>
</tr>
</tbody></table></td>
</tr>
</tbody></table></td>
</tr>
<tr>
<td bgcolor="#2a5718"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td width="1"><img src="http://img.webme.com/pic/c/css-template/b1.gif" alt="" width="16" height="53"></td>
<td class="bottom_addr" width="150">© 2006 Company Name<br>
All Rights Reserved</td>
<td class="bottom-menu" width="555"><a href="#" class="bottom-menu-lnk">Home Page</a> | <a href="#" class="bottom-menu-lnk">About Us</a> | <a href="#" class="bottom-menu-lnk">Our Clients</a> | <a href="#" class="bottom-menu-lnk">Testimonials</a> | <a href="#" class="bottom-menu-lnk">Price List</a> | <a href="#" class="bottom-menu-lnk">Contact Details</a></td>
<td width="1"><img src="http://img.webme.com/pic/c/css-template/b3.gif" width="16" height="53"></td>
</tr>
</tbody></table></td>
</tr>
</tbody></table></td>
<td style="" class="r-shad-bg" valign="top" width="1"><img src="http://img.webme.com/pic/c/css-template/r-shad-bg.gif" width="21" height="3">
</td>
<td style="" class="r-bg"> </td>
</tr>
</tbody></table>





Css bölümüne eklenecek kod....


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;}

body {
   margin:0;
   padding:0;
   background:#7a7a7a;
}

p,td { font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   margin-top: 0px;
}

a{
   color: #ffe08e;
   text-decoration: underline;
}

a:hover{
   color: #FFFFFF;
   text-decoration: none;
}
.c-3-1-bg {
   background-image: url(http://img.webme.com/pic/c/css-template/c-3-1.gif);
   background-repeat: no-repeat;
   background-position: left top;
   text-transform: uppercase;
   text-align: center;
   vertical-align: middle;
   color: #ffe08e;
   font-size: 14px;
   font-weight: bold;
   padding-top: 2px;
   padding-bottom: 6px;
}


a.hidden {
   text-decoration: none;
   color: #000000;
   cursor:default;
}

form {
     margin:0;
     padding:0;
}

ul {
   margin-left:20px;
   margin-top:0px;
   padding:1px;
   list-style-type: square;
   line-height: 16px;
   }

h1 {
   font-size: 14px;
   font-weight: bold;
   color: ffe08d;
   margin: 0px;
   padding-top: 1px;
   padding-bottom: 5px;
}

.bgy {
   background-repeat: repeat-y;
}

.bottom_addr {
   font-size: 11px;
   color: #ffe08e;
   padding-right: 10px;
   padding-left: 10px;
   background-image: url(http://img.webme.com/pic/c/css-template/b2-bg.gif);
   background-repeat: repeat-x;
   background-position: top;
   vertical-align: middle;
   text-align: right;
}

.bottom_addr_lnk {
   text-decoration: none;
}

.bottom_addr_lnk:hover {
   text-decoration: underline;
}


.bgx {
   background-repeat: repeat-x;
   background-position: top;
}


.norepeat {
   background-repeat: no-repeat;
}

.c_name {
   font-size: 17px;
   font-weight: bold;
   text-transform: uppercase;
   color: #FFFFFF;
}
.l-shadow-bg {
   background-image: url(http://img.webme.com/pic/c/css-template/l-shad-bg.gif);
   background-position: left top;
   background-repeat: repeat-y;
}
.l-bg {
   background-image: url(http://img.webme.com/pic/c/css-template/l-bg.gif);
   background-position: right top;
}
.r-bg {
   background-image: url(http://img.webme.com/pic/c/css-template/r-bg.gif);
   background-position: left top;
}



.bottom-menu {
   color: #FFFFFF;
   text-align: center;
   vertical-align: middle;
   background-image: url(http://img.webme.com/pic/c/css-template/b2-bg.gif);
   background-repeat: repeat-x;
   background-position: top;
}

.bottom-menu-lnk {
   color: #FFFFFF;
   text-decoration: none;
}

.bottom-menu-lnk:hover {
   color: #ffe08e;
   text-decoration: underline;
}

.menu {
   color: #FFFFFF;
   font-weight: bold;
   white-space: nowrap;
   text-align: right;
   vertical-align: middle;
   padding-right: 24px;
}
.menu_lnk{
   text-decoration: none;
   color: #FFFFFF;
}

.menu_lnk:hover {
   color: #ffe08e;
   text-decoration: none;
}
.r-shad-bg {
   background-image: url(http://img.webme.com/pic/c/css-template/r-shad-bg.gif);
   background-repeat: repeat-y;
   background-position: left top;
}



.body_txt {
   color: #FFFFFF;
   text-align: justify;
   vertical-align: top;
   padding-top: 6px;
   padding-right: 10px;
   padding-bottom: 3px;
   padding-left: 10px;
}
.c-5-1 {
   background-image: url(http://img.webme.com/pic/c/css-template/c-5-1-bg.jpg);
   background-repeat: no-repeat;
   background-position: top;
   font-size: 12px;
   color: #EDD385;
   padding-top: 30px;
   font-weight: bold;
   text-transform: uppercase;
   text-align: center;
   vertical-align: top;
   padding-bottom: 0px;
}

.l-content {
   color: #FFFFFF;
   text-align: justify;
   padding-top: 7px;
   padding-right: 1px;
   padding-bottom: 7px;
   padding-left: 10px;
   vertical-align: top;
}
.float-left {
   float: left;
   margin-top: 6px;
   margin-right: 2px;
   margin-bottom: 0px;
}



buda tasarımın görünümü...
Kolay geldin dostum başarılar dilerim... Wink
Önceki mesajları göster:   


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