Forum'da ara:
Ara


Yazar Mesaj
Mesaj18.06.2011, 18:25 (UTC)    
Mesaj konusu: CSS'den anlayan arkadaşlar lütfen yardımcı olun .

Bu tasarımı alt üst ve css tasarıma ayırır mısınız ? yardımlarınızı bekliyorum . şimdiden teşekkürler .


Kod:

<table border="3" width="980" height="819" bordercolor="#000000" cellpadding="0" cellspacing="0" align="CENTER">
<tr>
<td height="142" width="970" colspan="3">
<p align="center"><font size="7" face="Tahoma">
<a href="http://www.kodbul.org" style="text-decoration: none">
<font color="#000000">KODBUL.ORG WEB ŞABLONLAR</font></a></font></td>
</tr>
<tr>
<td height="644" width="160" valign="top"><style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.arrowlistmenu{
width: 180px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 12px tahoma;
color: white;
background: black url(http://i.imgur.com/OQJIT.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #000000;
background: url(http://i.imgur.com/TrsrP.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #000000;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #ff0000;
background-color: #F3F3F3;
}

</style>
<div class="arrowlistmenu">

<h3 class="headerbar">MENÜ 1</h3>
<ul>
<li><a href="http://www.kodbul.org">Html Kodları</a></li>
<li><a href="http://www.fbmlkodu.tr.gg">Fbml Kodları</a></li>
<li><a href="http://www.kodbul.piczo.com">Sitene İçerik</a></li>
<li><a href="http://www.fikrabaz.tr.gg">Fıkralar</a></li>
</ul>

<h3 class="headerbar">MENÜ 2</h3>
<ul>
<li><a href="http://www.kodbul.org">Link 1</a></li>
<li><a href="http://www.fbmlkodu.tr.gg">Link 2</a></li>
<li><a href="http://www.kodbul.piczo.com">Link 3</a></li>
<li><a href="http://www.fikrabaz.tr.gg">Link 4</a></li>
</ul>

</div>
</td>
<td height="644" width="638" valign="middle">
<p align="center"><font size="7">web sitenizin içeriği bu bölümde
olacaktır.emeğe saygınız varsa design by kodbul'u silmeyiniz...</font></td>
<td height="644" width="160" valign="top">
<p align="center"><b>SPONSOR</b><br><script type="text/javascript"><!--
google_ad_client = "pub-3029137195824702";
/* 160x600, oluşturulma 08.03.2010 */
google_ad_slot = "8527101054";
google_ad_width = 160;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></td>
</tr>
<tr>
<td height="23" width="958" colspan="3">
<p align="center">
<a href="http://www.kodbul.org" style="text-decoration: none">
<font color="#000000">Design By
KoDBuL</font></a></td>
</tr>
</table>
Mesaj25.06.2011, 21:50 (UTC)    
Mesaj konusu:

Arkadasım bu kodLarı ayırmak gerekmiyor sen direk Tasarımın üstüne yapıstır


Css Kodunada bunu

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

<style type="text/css">
<!--
body,td,th {
font-family: Times New Roman, Times, serif;
font-size: 12px;
color: #000066;
}
body {
background-color: #0066CC;
background-image: url(http://i55.tinypic.com/wk61rm.gif);
}
a {
font-family: Times New Roman, Times, serif;
font-size: 12px;
color: #00FFCC;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #99FF00;
}
a:hover {
text-decoration: none;
color: #999933;
}
a:active {
text-decoration: none;
color: #000000;
}
-->
</style>


#reklami_gizle{
visibility:hidden;
display:none;
}
-->
</style>
<!---http://mrenfyc.com---->
<div id="reklami_gizle">
<!-
______________

Önceki mesajları göster:   


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