tasarimcidost - rap tasarimi

rap tasarimi

Tasarımın Üzerindeki Yazıya

<table width="900" cellspacing="0" cellpadding="0" border="0" align="center">
    <tbody>
        <tr>
            <td valign="top" height="352" background="https://img.webme.com/pic/s/sportotosuperlig2011/raptasarim1.png" align="left">
            <div id="haber">Buraya Duyuru Eklenecek</div>
            </td>
        </tr>
        <tr>
            <td valign="top" height="98" background="https://img.webme.com/pic/k/kodcudost/raponertasarim_02.png" align="left">
            <div id="ustmenu">
            <ul>
                <li><a href="#">ANA SAYFA</a></li>
                <li><a href="#">ZIYARETCI DEFTERI</a></li>
                <li><a href="#">ILETISIM</a></li>
                <li><a href="#">FORUM</a></li>
                <li><a href="#">HAKKIMIZDA</a></li>
            </ul>
            </div>
            </td>
        </tr>
        <tr>
            <td valign="top" height="33" background="https://img.webme.com/pic/k/kodcudost/raponertasarim_03.png" align="left">
            <table width="900" cellspacing="0" cellpadding="0" border="0">
                <tbody>
                    <tr>
                        <td width="41" height="35"> </td>
                        <td width="819" valign="top" align="left">

Tasarımın Altındaki Yazıya

</td>
                        <td width="40"> </td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
        <tr>
            <td valign="top" height="276" background="https://img.webme.com/pic/s/sportotosuperlig2011/raptasarim2.png" align="left">
            <div id="Duyuru">
            <ul>
                <li><a href="#">Beğeni</a></li>
                <li><a href="#">Beğeni</a></li>
                <li><a href="#">Beğeni</a></li>
                <li><a href="#">Beğeni</a></li>
                <li><a href="#">Beğeni</a></li>
            </ul>
            </div>
            <div id="begeniler">
            <ul>
                <li><a href="#">Beğeni</a></li>
                <li><a href="#">Beğeni</a></li>
                <li><a href="#">Beğeni</a></li>
                <li><a href="#">Beğeni</a></li>
                <li><a href="#">Beğeni</a></li>
            </ul>
            </div>
            <div id="sonkonular">
            <ul>
                <li><a href="#">Beğeni</a></li>
                <li><a href="#">Beğeni</a></li>
                <li><a href="#">Beğeni</a></li>
                <li><a href="#">Beğeni</a></li>
                <li><a href="#">Beğeni</a></li>
            </ul>
            </div>
            </td>
        </tr>
    </tbody>
</table>

Css Bölümüne

body {
	background-image:  none;
	background-color: #000;
}
#haber {
	height: 20px;
	width: 640px;
	margin-top: 315px;
	margin-left: 220px;
	padding-top: 1px;
}
#Duyuru {
	margin-top: 67px;
	float: left;
	width: 242px;
	margin-left: 70px;
	height: 115px;
	color: #FFF;
	border: 1px dashed #FF0;
}
#begeniler {
	float: right;
	width: 242px;
	height: 115px;
	margin-right: 72px;
	margin-top: 67px;
	color: #FFF;
	border: 1px dashed #FF0;
}
#sonkonular {
	float: left;
	height: 115px;
	width: 242px;
	margin-top: 67px;
	margin-left: 14px;
	color: #FFF;
	border: 1px dashed #FF0;
}
#ustmenu {
	width: 819px;
	margin-top: 18px;
	margin-left: 40px;
	height: 31px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #fff;
	border-bottom-color: #FFF;
}
#ustmenu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#ustmenu ul li {
	float: left;
}
#ustmenu ul li a {
	text-decoration: none;
	color: #FFC;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	display: block;
	padding-top: 6px;
	padding-right: 15px;
	padding-left: 15px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: dashed;
	border-left-style: dashed;
	border-right-color: #FFF;
	border-left-color: #FFF;
	height: 25px;
}
#ustmenu ul li a:hover {
	background-color: #90C;
}
a:link {
	color: #FFF;
}
a:visited {
	color: #FFF;
}
a:hover {
	color: #900;
}
a:active {
	color: #FFF;
	text-decoration: none;
}
#begeniler ul li a {
	text-decoration: none;
}
#begeniler ul {
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
}
#sonkonular ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	list-style-type: none;
}
#sonkonular ul li a {
	text-decoration: none;
}
#Duyuru ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	list-style-type: none;
}
#Duyuru ul li a {
	text-decoration: none;
}table {margin-left: auto;margin-right: auto}   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;}