Bs Yorum - Kirmizi 1

Kirmizi 1

Hızla Css, Html ve Fbml Kodlarını Koymaya Başlıyoruz HTML Kodun Ardından Bu Seferde İlk Tasarımımız Gri Kırmızı Tasarımımızı Yayınlıyor ve Sizde Tasarımlarınıza Ekliyorsunuz Özellikleri Çok Olan Bu Tasarım İlk Tasarımımızdır. Çok Yakında Yepyeni Tasarımlar Gelicektir.

Önizleme :

___________________________________________________________________________________________________________________________

Tasarımın Üstü



<div id="tas">

    <div id="ust">

         <div class="baslik">Bs-Yorum.tr.gg</div>

        <div class="ustmenu">

          <ul>

            <li><a href="Bs-Yorum.tr.gg">Anasayfa</a></li>

            <li><a href="Bs-Yorum.tr.gg"> Hakkimda</a></li>

            <li><a href="Bs-Yorum.tr.gg"> Iletisim</a></li>

          </ul>

        </div>

    </div>

    

    <div id="orta">

         <div class="sol">

Tasarımın Altı

</div>

        <div class="sag">

          <ul>

            <li><a href="Bs-Yorum.tr.gg">Menu</a></li>

            <li><a href="Bs-Yorum.tr.gg">Menu</a></li>

            <li><a href="Bs-Yorum.tr.gg">Menu</a></li>

            <li><a href="Bs-Yorum.tr.gg">Menu</a></li>

            <li><a href="Bs-Yorum.tr.gg">Menu</a></li>

            <li><a href="Bs-Yorum.tr.gg">Menu</a></li>

          </ul>

        </div>

    </div>

    

  <div id="alt">

      <div class="footer">Tasarim ve Kodlama: <a href="http://www.bs-yorum.tr.gg">Bs-Yorum</a></div>

  </div>

</div>

Css Kodu

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;} table {margin-left: auto;margin-right: auto}    body,td,th {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #2A2A2A;
}
body {
	background-color: #e2ebee;
}
a {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	color: #F03;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #F03;
}
a:hover {
	text-decoration: none;
	color: #F33;
}
a:active {
	text-decoration: none;
	color: #F03;
}

#tas{
	width: 750px;
	margin-left: auto;
	margin-right: auto;
}

#ust{
	width: 750px;
	height:221px;
	background: url(https://img.webme.com/pic/e/emrknr/ae-tasarim2_01.png);
	float: left;
}

#orta{
	width: 750px;
	height: 100%;
	background:url(https://img.webme.com/pic/e/emrknr/ae-tasarim2_02.png);
	float: left;
}

#alt{
	width: 750px;
	height: 76px;
	background: url(https://img.webme.com/pic/e/emrknr/ae-tasarim2_03.png);
	float: left;
}

.baslik{
	width: 700px;
	height: 36px;
	font-family: Verdana;
	font-weight: bold;
	font-size: 36px;
	color: #CC0005;
	text-shadow: 1px 2px 1px #333333;
	margin: 50px 0 0 35px;
}

.ustmenu{
	width: 710px;
	height: 40px;
	float: left;
	margin: 71px 0 0 20px;
}
	
#tas #ust .ustmenu ul {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	text-decoration: none;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	margin-top: 7px;
}
#tas #ust .ustmenu ul li {
	display: inline;
	padding-right: 25px;
}
#tas #ust .ustmenu ul li a {
	text-shadow: 1px 1px 1px #333333;
	font-size: 18px;
}

#tas #ust .ustmenu ul li a:hover {
	text-shadow: 1px 1px 1px black;
	color: #CC0005;
	font-size: 18px;
}

.sol{
	width: 470px;
	height: 100%;
	float: left;
	margin: 0 0 0 20px;
}

.sag{
	width: 221px;
	height: 100%;
	float: right;
	margin: 0 15px 0 0;
}
#tas #orta .sag ul {
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	display: block;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-type: none;
}
#tas #orta .sag ul li {
	display: block;
	height: 20px;
}
#tas #orta .sag ul li a {
	background-color: #FFC1C2;
	display: block;
	height: 20px;
	padding-top: 3px;
	padding-left: 5px;
	font-weight: bold;
	color: #CC0005;
}
#tas #orta .sag ul li a:hover {
	background-color: #FFA8AA;
}

.footer{
	width: 675px;
	height: 25px;
	float: left;
	margin: 32px 0 0 35px;