Den-Forum V1

İçerik Hakkında Hazırlanıyor...

Tasarımın
Önizlemesini Gör

Yorumları Gör / Yorum Yap

Nasıl Eklemeliyim?

Tasarımcının Sitesini Ziyaret Et

Tasarım Özellikleri:

Üst Menü

Tasarımın üzerindeki yazı:

<body>
<div id="Logobg">
<div id="logo"></div>
<div id="buton"><a href="http://denforum.tr.gg/Forum/anmelden.htm">KAYIT OL</a> <a href="http://denforum.tr.gg/Forum/index.htm">GİRİŞ YAP</a></div>
</div>
<div id="menu">
<ul>
<li><a href="http://denforum.tr.gg/Forum/index.htm#" class="forum">FORUM</a></li>
<li><a href="http://denforum.tr.gg/-Ue-yelerimiz.htm
" class="uyeler">ÜYELER</a></li>
<li><a href="http://denforum.tr.gg/Y.oe.netim.htm
" class="yonetim">YÖNETİM</a></li>
<li><a href="http://denforum.tr.gg/Gruplar.htm" class="gruplar">GRUPLAR</a></li>
<li><a href="http://denforum.tr.gg/Ba%26%23351%3Bvuru-yap.htm
" class="basvuru">BAŞVURU</a></li>
<li><a href="http://denforum.tr.gg/Ekstra.htm
" class="ekstra">EKSTRA</a></li>
</ul>
</div>
<div id="icerik">
<div id="content">

Tasarımın altındaki yazı:

</div></div>
<div id="alt">
<table width="880" border="0" cellspacing="10">
<tr>
<td width="220" height="153" align="center" valign="top"><div id="altbaslik"><a href="#">SİTELERİM</a></div>
<div id="altmenuv1">
<ul>
<li><a href="#">Dentasarım</a></li>
<li><a href="#">Denmüzik</a></li>
<li><a href="#">SİTENİ EKLE</a></li>
<li><a href="#">SİTENİ EKLE</a></li>
<li><a href="#">SİTENİ EKLE</a></li>
</ul>
</div></td>
<td width="220" height="153" align="center" valign="top"><div id="altbaslik"><a href="#">REKLAM ALANI</a></div>
<div id="altmenuv1"> 
<ul>
<li><a href="http://nextbear.tr.gg/">NextBear</a></li>
<li><a href="http://opentube.tr.gg/">Opentube</a></li>

<li><a href="http://www.teknoanaliz.tr.gg">Teknoanaliz </a></li>

<li><a href="#">SİTENİ EKLE </a></li>

<li><a href="#">SİTENİ EKLE </a></li>
</ul>
</div></td>
<td width="220" height="153" align="right" valign="top"><div id="altbaslik"><a href="#">HAKKIMIZDA</a></div>
<div id="altyaziv1">Sıra geldi bana, 18 yaşındayım, İstanbul' da yaşıyorum, henüz lise son sınıftayım, bölümüm bilgisayar değil ama hobi olarak tasarım ve css kodlamayı öğreniyorum, ne bilim bana zevkli geliyor, kimine göre boş iş, kimine göre zevkli. </div></td>
<td width="220" height="153" align="center" valign="top"><div id="altbaslik"><a href="#">SİTEMİZ HAKKINDA</a></div>
<div id="altyaziv1">Sitemizin tüm hakları korunmaktadır, izinsiz alıntı yapılamaz veya kopyalanamaz, DMCA ile korunmaktadır. İzinsiz bir bağlantı, metin, resim vs. kopyalandığında siteniz kapatılabilir. Kaynak göstermeden paylaşmak yasaktır.</div></td>
</tr>
</table>
<div id="altv1"> TÜM HAKLARI SAKLIDIR! TASARIM VE KODLAMA: <a href="#">DENTASARIM</a></div>
</div>
</body>
</html>

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

#ad-a87f,#ad-c81e,#ad-a87f,#ad-cfcd,#ad-c9f0,#ad-c4ca,#ad-8f14,#ad-e4da,#ad-d3d9,#ad-1679,#ad-45c4,#ad-eccb {
margin:auto;
}
#webme_footer_textlink_dont_hide {
margin-left: 350px;
}
#webme_sky_ad {
}

 

 

body {
background-image: url(http://img.webme.com/pic/d/denforum/aw-background.png);
background-position: top;
background-color: #FFF;
}

#menu {
margin: auto;
width: 900px;
height: 50px;
background-color: #F7F7F7;
}
#menu ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#menu ul li a {
width: 150px;
float: left;
height: 50px;
line-height: 50px;
text-align: center;
display: block;
color: #333;
text-decoration: none;
font-size: 12px;
font-weight: bold;
font-family: Arial, Calibri, "Microsoft YaHei";
box-shadow: 0px 0px #666;
background-color: #F7F7F7;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
}
#icerik {
width: 880px;
margin-top: 10px;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
height: auto;
background-color: #F7F7F7;
padding: 10px;
color: #333;
font-family: Arial, Calibri, "Microsoft YaHei";
font-size: 12px;
}
#alt {
padding: 10px;
width: 880px;
margin-top: 10px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
height: auto;
background-color: #F7F7F7;
}
#altmenuv1 ul li a {
text-decoration: none;
color: #666;
text-align: left;
display: block;
font-family: Arial, Calibri, "Microsoft YaHei";
font-size: 10px;
font-weight: bold;
line-height: 25px;
height: 25px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
}
#altyaziv1 {
font-size: 12px;
font-family: Arial, Calibri, "Microsoft YaHei";
font-weight: normal;
text-align: left;
}
#altyaziv1 a {
text-decoration: none;
font-size: 11px;
color: #333;
border: 1px dashed #333;
height: 20px;
display: block;
width: 150px;
float: right;
}
#altmenuv1 ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#altbaslik a {
line-height: 25px;
height: 25px;
width: auto;
color: #333;
text-decoration: none;
font-size: 12px;
font-weight: bold;
font-family: Arial, Calibri, "Microsoft YaHei";
text-align: left;
display: block;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #333;
}
#menu ul li .forum {
background-color: #3CF;
background-image: url(http://img.webme.com/pic/d/denforum/page.png);
}
#menu ul li a:hover {
background-color: #33CCFF;
background-image: url(http://img.webme.com/pic/d/denforum/page.png);
height: 40px;
width: 130px;
margin-right: 10px;
margin-left: 10px;
line-height: 40px;
margin-top: 5px;
margin-bottom: 5px;
}
#menu ul li .forum:hover {
background-image: url(http://img.webme.com/pic/d/denforum/page.png);
height: 50px;
width: 150px;
line-height: 50px;
margin: 0px;
padding: 0px;
}
#Logobg {
width: 900px;
margin: auto;
height: 100px;
background-repeat: no-repeat;
}
#logo {
background-image: url(http://img.webme.com/pic/d/denforum/denforumlogov1.png);
background-repeat: no-repeat;
height: 100px;
width: 330px;
float: left;
}
#buton {
float: right;
width: 225px;
height: 40px;
margin-top: 25px;
margin-bottom: 25px;
}
#buton a {
font-size: 12px;
text-decoration: none;
font-weight: bold;
font-family: Arial, Calibri, "Microsoft YaHei";
color: #333;
width: 80px;
height: 20px;
line-height: 20px;
text-align: center;
display: block;
float: right;
margin-left: 10px;
padding: 10px;
background-color: #F7F7F7;
border: 1px dotted #F3F3F3;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
}
#baslikv1 {
line-height: 35px;
height: 35px;
border-left-width: 3px;
border-left-style: solid;
padding-left: 5px;
width: auto;
background-image: url(http://img.webme.com/pic/d/denforum/page.png);
font-size: 12px;
font-weight: bold;
color: #181818;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-top-style: dashed;
border-right-style: dashed;
border-bottom-style: dashed;
border-top-color: #181818;
border-right-color: #181818;
border-bottom-color: #181818;
border-left-color: #181818;
}
#yesilv1 {
line-height: 35px;
height: 35px;
border-left-width: 3px;
border-left-style: solid;
padding-left: 5px;
width: auto;
background-image: url(http://img.webme.com/pic/d/denforum/page.png);
font-size: 12px;
font-weight: bold;
color: #666;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-top-style: dashed;
border-right-style: dashed;
border-bottom-style: dashed;
border-top-color: #063;
border-right-color: #063;
border-bottom-color: #063;
border-left-color: #063;
background-color: #0C3;
}
#baslikv1 a {
display: block;
text-decoration: none;
color: #181818;
}
#yesilv1 a {
display: block;
text-decoration: none;
color: #181818;
}
#buton a:hover {
font-size: 12px;
text-decoration: none;
font-weight: bold;
font-family: Arial, Calibri, "Microsoft YaHei";
color: #333;
width: 80px;
height: 20px;
line-height: 20px;
text-align: center;
display: block;
float: right;
margin-left: 10px;
padding: 10px;
background-color: #33CCFF;
border: 1px solid #F3F3F3;
background-image: url(http://img.webme.com/pic/d/denforum/page.png);
border-radius: 10px;
}
#uyari {
line-height: 35px;
height: 35px;
border-left-width: 3px;
border-left-style: solid;
padding-left: 5px;
width: auto;
background-image: url(http://img.webme.com/pic/d/denforum/page.png);
font-size: 12px;
font-weight: bold;
color: #666;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-top-style: dashed;
border-right-style: dashed;
border-bottom-style: dashed;
border-top-color: #C00;
border-right-color: #C00;
border-bottom-color: #C00;
border-left-color: #C00;
background-color: #FFD5D5;
}
#alt #altv1 a {
text-decoration: none;
font-size: 11px;
color: #333;
font-weight: bold;
font-family: Arial, Calibri, "Microsoft YaHei";
}
#alt #altv1 {
font-family: Arial, Calibri, "Microsoft YaHei";
font-size: 12px;
text-align: center;
line-height: 25px;
height: 25px;
background-color: #3CF;
background-image: url(http://img.webme.com/pic/d/denforum/page.png);
}
#uyari a {
display: block;
text-decoration: none;
color: #181818;
}
#altmenuv1 ul li a:hover {
text-decoration: none;
color: #3CF;
text-align: left;
display: block;
font-family: Arial, Calibri, "Microsoft YaHei";
font-size: 10px;
font-weight: bold;
line-height: 25px;
height: 25px;
padding-left: 5px;
}

#siralama {
font-size: 12px;
height: auto;
width: auto;
font-family: Arial, Calibri, "Microsoft YaHei";
color: #333;
}
#siralama ul {
list-style-type: square;
padding-top: 0px;
padding-bottom: 0px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
}
#siralamaul li {
transition: 1s;
}
#siralama ul li:hover {
padding-left: 5px;
color: #33CCFF;
}

#siralama ul li a {
font-size: 12px;
font-weight: bold;
color: #333;
text-decoration: none;
font-family: Arial, Calibri, "Microsoft YaHei";
line-height: 20px;
display: block;
height: 20px;
width: auto;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
}

#siralama ul li a:hover {
padding-left: 3px;
color: #33CCFF;
width: auto;
}

Forum kodu:

<Style>
a:-webkit-any-link {
color: -webkit-link;
text-decoration: none;

Color: #333;

}

/* Profil resmi */
td[width="123"] b a[href="profil-1.htm"]:after{content:url(http://images.clipartlogo.com/files/images/14/148275/monster-vector-image_t.gif);display:block;margin-top:20px; width: 100px; text-align: center; margin-left: auto; margin-right: auto;}

/* UnkNowN'in profil resmi */
td[width="123"] b a[href="profil-4.htm"]:after{content:url(http://th09.deviantart.net/fs70/150/i/2012/309/7/0/sar_kata_insan__the_beheaded_man__by_immadb-d5jezax.jpg);display:block;margin-top:20px; width: 100px; text-align: center; margin-left: auto; margin-right: auto; width: 100px}

/* TeknoAnaliz'in profil resmi */
td[width="123"] b a[href="profil-2.htm"]:after{content:url(http://s10.postimg.org/45bdhaamt/matrix1_chateau_photo_03_dp3.jpg);display:block;margin-top:20px; width: 100px; text-align: center; margin-left: auto; margin-right: auto; width: 100px}

 

/* Profil resmi - herkese */
td[width="123"] b a:after{content:url(http://img.webme.com/pic/d/dentasarim/karakterv1.png);display:block;margin-top:1px}

/* Görüntülenme */
td[width="75"]{background:url(http://img.webme.com/pic/f/forumkitab/kagit.png) no-repeat left;text-align:center}td[width="120"],
</Style>

<Style>
/* Konu resimleri */
td[width="300"]{background:url(http://2-ps.googleusercontent.com/x/www.tamindir.com/img.tamindir.com/ti_e_ul/erkancalp/p/xklasorler-wphone-simge_32x32.png.pagespeed.ic.jL1WkyqYL5.png) left no-repeat;padding:30px 10px 30px 55px;}
</Style>

Den-Forum V1

Benzer Tasarımlar:

Kategoriler

En Popüler Tasarımlar

Son Yorumlar