//-->
WMS ( WebMasteRSokagi ) Sizin İciN Acilmistir Geniş Bir İcerikle Karsınızdayız " .

Eglence , Css , Egitim , Html , Bilgi , Ders , Mizah Kısacası WebMasterSokağı

css4






Arkadaşlar bundan sonra bu alandan bütün yaptığım iceblue tasarımları yayacağım işte ilk tasarımım şu:

BAŞLIK:  MAVİ-GRİ TASARIM

ÖNİZLEME:

KOD:
Kod:
<style type="text/css">
<!--
table {margin-left: auto;margin-right: auto}

/* Tasarımın Arka Planı */
body {
background-color:#343434;
background-image:url(http://www.backgroundlabs.com/backgrounds/89.jpg);
}

/* Font Özellikkleri Tüm Sayfalarda */
td {
color:#003333;
font-size:15px;
text-align:left;
font-family: arial,verdana; }

/* Link Özellikleri */
a:link {
color:#000080;
font-size:14px;
font-family:arial,verdana;
text-decoration:none; }

/* Ziyaret Edilen Link Özellikleri */
a:visited {
color:#800000;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}

/*Hover Effekti Özellikleri*/
a:hover{
color:#000080;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}

/* Başlık Resmi */
td.edit_header_full {
background-color:#c0c0c0;
background-image:url(http://img230.imageshack.us/img230/360/basliik.jpg);
background-repeat:no-repeat; }

/* Header Yazısı */
td.headline {visibility:hidden;}

/* Menü Baş Kısım */
td.nav_heading {
padding-left:50px;
color:#FFFFFF;
font-size:15px;
font-family:arial,verdana;
font-weight:600;
height:27px;
background-color:#cc3366;
background-image:url(http://img28.imageshack.us/img28/5550/babamen.png);
border:2px solid #000; }

/* Menü Butonları */
td.nav {
background-color:#ccc;
background-image: url(http://img57.imageshack.us/img57/1616/men1.png);
border:1px solid #000; }

/* Menü Buton Hover */
td.nav:hover {
background-color:#ccc;
background-image:url(http://img503.imageshack.us/img503/8440/men2.png);
border:1px solid #000;}

/* Text Linklerin Özellikleri */
td.nav a {
color:#000080;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
font-weight:500;
text-align:left; }

/* TextLinklerin Hover Özellikleri */
td.nav a:hover{
color:#000000;
font-weight:500;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
text-align:left; }

/* Resim Engelle */
td.edit_below_nav {display:none;}

/* Kaydırma Çubuklarını Engelle */
td.edit_main_tr {
height: 50% !important; }

/* İçerik Ana Menü */
td.edit_navi_headbg {
height: 50%;
background-color:#XXXXXX ;
background-image: none;
border:0px solid #000000; }

/* İçerik Ana Menü 2 */
td.edit_content_top {
height:27px;
background-color:#2f4b7a;
background-image:url(İçerik Menüsü Resimi);
border:1px solid #000; }

/* Bar Metin alanı */
td.headline2 {
color:#FFFFFF;
font-size:12px;
font-family:arial,verdana;
text-align:left; }

/* Metin alanı */
td.edit_content {
width:610px;
background-color:#FFFFFF;
background-image: none;
border:1px solid #000; }

/* Orta Kısım Sol Taraf */
td.edit_content_left_spacer {
background-color:#f3f3f3;
background-image: none; }

/* Orta Kısım Sağ Taraf */
td.edit_content_right_spacer {
background-color:#f3f3f3;
background-image: none; }

/* Alt Bar */
td.edit_content_bottom {
height:29px;
background-color:#000000;
background-image: url(Alt Bar Resimi);
border:1px solid #000000; }

/* Sayaç */
td.edit_content_bottom2 {
background-color:#XXXXXX ;
background-image: none;
border:0px solid #000000; }

/* Sayaç Özellikleri */
td.edit_content_bottom2_counter {
font-family:arial,verdana;
font-size:14px;
color:#ffccff;
background-color:#330000;
border:1px solid #000000; }

/* Metin Alanı / Büyük Kutu */
td.edit_rechts_cbg {
background-color:#XXXXXX;
background-image: none;
border:0px solid #000000; }

/* Sağ Sütün / Sağ Şerit */
td.edit_rechts_sbg {display:none;}

/* Sağ Kutu / Başlık */
td.sidebar_heading {
padding-right:5px;
color:#000080;
font-size:14px;
font-family:arial,verdana ;
text-align:center;
font-weight:600px;
height:27px;
background-color:#D3D3D3;
background-image: url(Sağ Navbar Resimi);
border:1px solid #000000; }

/* Sağ Kutu / Orta alan */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
color:#000080;
font-size:14px;
font-family.arial,verdana;
text-align:left;
background-color:#F2F2F2;
background-image: none;
border:1px solid #000000; }

/* Sağ Kutu / Son Kısım(Footer) */
td.edit_rb_footer{display:none; }

/* Sağ Kutular / Arka Plan */
td.edit_rechts_bottom {
background-color:#XXXXXX ;
background-image: none;
border:0px solid #000000; }

-->
</style>
 



Kod:
<style type="text/css"> <!--
td.nav_heading{background-image:url(URL);}
td.nav{background-image:url(https://img.webme.com/pic/c/css-tasarimm/buton7.png);}
td.nav:hover{background-image: none;}
td.edit_below_nav{visibility:hidden;}
td.edit_navi_headbg{background-image:url(URL);}
td.edit_content_top{visibility:hidden;}
td.edit_content{background-image:url(URL);background-color:transparent;}
td.edit_content_bottom{visibility:hidden;}
td.edit_content_bottom2{background-image:url(URL);}
td.shouty{background-image: none;}
body{background-image:url(http://www.kaliteliresimler.com/data/media/9/Beyaz_yavru_kpek_resimleri_1024x768.jpg);}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image: url(URL);}
td.edit_rechts_bottom{background-image: url(URL);}
td.edit_rb_footer{visibility:hidden;}
td.sidebar_heading{visibility:hidden;}
td.shouty{background-image: none;}
td.shouty2{background-image: none;}
td.shouty3{background-image: none;}
td.shouty4{background-image: none;}
td.shouty5{background-image: none;}
--></style>
<style type="text/css">
<!--
td.edit_header_full{background-image: none;
-->
</style>

Kod:
<style type="text/css"> <!--
td.nav_heading{background-image:url(URL);}
td.nav{background-image:url(https://img.webme.com/pic/c/css-tasarimm/buton7.png);}
td.nav:hover{background-image: none;}
td.edit_below_nav{visibility:hidden;}
td.edit_navi_headbg{background-image:url(URL);}
td.edit_content_top{visibility:hidden;}
td.edit_content{background-image:url(URL);background-color:transparent;}
td.edit_content_bottom{visibility:hidden;}
td.edit_content_bottom2{background-image:url(URL);}
td.shouty{background-image: none;}
body{background-image:url(http://www.hitresim.com/upload/Windows%20arka%20plan-akc.jpg);}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image: url(URL);}
td.edit_rechts_bottom{background-image: url(URL);}
td.edit_rb_footer{visibility:hidden;}
td.sidebar_heading{visibility:hidden;}
td.shouty{background-image: none;}
td.shouty2{background-image: none;}
td.shouty3{background-image: none;}
td.shouty4{background-image: none;}
td.shouty5{background-image: none;}
--></style>
<style type="text/css">
<!--
td.edit_header_full{background-image: none;
-->

Kod:
<style type="text/css"> <!--
td.nav_heading{background-image:url(URL);}
td.nav{background-image:url(https://img.webme.com/pic/n/naazimca/naazimcabuton3.gif);}
td.nav:hover{background-image: none;}
td.edit_below_nav{visibility:hidden;}
td.edit_navi_headbg{background-image:url(URL);}
td.edit_content_top{visibility:hidden;}
td.edit_content{background-image:url(URL);background-color:transparent;}
td.edit_content_bottom{visibility:hidden;}
td.edit_content_bottom2{background-image:url(URL);}
td.shouty{background-image: none;}
body{background-image:url(http://www.ronaldinhogaucho.info/include/wallpapers/brazil_ronaldinho-18.jpg);}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image: url(URL);}
td.edit_rechts_bottom{background-image: url(URL);}
td.edit_rb_footer{visibility:hidden;}
td.sidebar_heading{visibility:hidden;}
td.shouty{background-image: none;}
td.shouty2{background-image: none;}
td.shouty3{background-image: none;}
td.shouty4{background-image: none;}
td.shouty5{background-image: none;}
--></style>
<style type="text/css">
<!--
td.edit_header_full{background-image: none;
-->
</style>

Kod:
<style type="text/css"> <!--
td.nav_heading{background-image:url(URL);}
td.nav{background-image:url(https://img.webme.com/pic/c/css-tasarimm/buton6.png);}
td.nav:hover{background-image: none;}
td.edit_below_nav{visibility:hidden;}
td.edit_navi_headbg{background-image:url(URL);}
td.edit_content_top{visibility:hidden;}
td.edit_content{background-image:url(URL);background-color:transparent;}
td.edit_content_bottom{visibility:hidden;}
td.edit_content_bottom2{background-image:url(URL);}
td.shouty{background-image: none;}
body{background-image:url(http://img132.imageshack.us/img132/6292/arkaplan4nm1.jpg);}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image: url(URL);}
td.edit_rechts_bottom{background-image: url(URL);}
td.edit_rb_footer{visibility:hidden;}
td.sidebar_heading{visibility:hidden;}
td.shouty{background-image: none;}
td.shouty2{background-image: none;}
td.shouty3{background-image: none;}
td.shouty4{background-image: none;}
td.shouty5{background-image: none;}
--></style>
<style type="text/css">
<!--
td.edit_header_full{background-image: none;
-->
</style>
 

Kod:
<!-- www.csstasarim-arsiv.tr.gg tasarim sayfalari kod baslangici ---> <center><style type="text/css">
<!--
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;
background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}
--><!--
td.nav_heading{background-image: none;}
td.nav{background-image:url(https://img.webme.com/pic/c/cunobag/6.jpg);}
td.nav:hover{background-image:url(https://img.webme.com/pic/c/cunobag/7.jpg);}
td.edit_below_nav{visibility:hidden;}
td.edit_navi_headbg{background-image:url(URL);}
td.edit_content_top{background-image: none;}
td.edit_content{background-image:url(URL);background-color:transparent;}
td.edit_content_bottom{visibility:hidden;}
td.edit_content_bottom2{background-image:url(URL);}
td.shouty{background-image: none;}
body{background-image:url(https://img.webme.com/pic/c/cunobag/8.jpg);}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image: url(URL);}
td.edit_rechts_bottom{background-image: url(URL);}
td.edit_rb_footer{visibility:hidden;}
td.sidebar_heading{background-image: none;}
td.shouty{background-image: none;background-color:transparent;}
td.shouty2{background-image: none;background-color:transparent;}
td.shouty3{background-image: none;background-color:transparent;}
td.shouty4{background-image: none;background-color:transparent;}
td.shouty5{background-image: none;background-color:transparent;}
--></style>
<style type="text/css">
<!--
td.edit_header_full{background-image: none;
-->
</style><!-- www.csstasarim-arsiv.tr.gg tasarim sayfalari kod bitisi --->

Kod:
<!-- www.csstasarim-arsiv.tr.gg tasarim sayfalari kod baslangici ---><center><style type="text/css">
<!--
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;
background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}
--><!--
td.nav_heading{background-image: none;}
td.nav{background-image:url(https://img.webme.com/pic/c/cunobag/9.gif);}
td.nav:hover{background-image:url(https://img.webme.com/pic/c/cunobag/9.gif);}
td.edit_below_nav{visibility:hidden;}
td.edit_navi_headbg{background-image:url(URL);}
td.edit_content_top{background-image: none;}
td.edit_content{background-image:url(URL);background-color:transparent;}
td.edit_content_bottom{visibility:hidden;}
td.edit_content_bottom2{background-image:url(URL);}
td.shouty{background-image: none;}
body{background-image:url(https://img.webme.com/pic/c/cunobag/10.jpg);}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image: url(URL);}
td.edit_rechts_bottom{background-image: url(URL);}
td.edit_rb_footer{visibility:hidden;}
td.sidebar_heading{background-image: none;}
td.shouty{background-image: none;background-color:transparent;}
td.shouty2{background-image: none;background-color:transparent;}
td.shouty3{background-image: none;background-color:transparent;}
td.shouty4{background-image: none;background-color:transparent;}
td.shouty5{background-image: none;background-color:transparent;}
--></style>
<style type="text/css">
<!--
td.edit_header_full{background-image: none;
-->
</style><!-- www.csstasarim-arsiv.tr.gg tasarim sayfalari kod bitisi --->

Kod:
<!-- www.csstasarim-arsiv.tr.gg tasarim sayfalari kod baslangici ---><center><style type="text/css">
<!--
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;
background-position:center;background-repeat:no-repeat; }
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}
--><!--
td.nav_heading{background-image: none;}
td.nav{background-image:url(https://img.webme.com/pic/c/cunodeneme/yoksunbuton.jpg);}
td.nav:hover{background-image:url(https://img.webme.com/pic/c/cunodeneme/yoksunbuton.jpg);}
td.edit_below_nav{visibility:hidden;}
td.edit_navi_headbg{background-image:url(URL);}
td.edit_content_top{background-image: none;}
td.edit_content{background-image:url(URL);background-color:transparent;}
td.edit_content_bottom{visibility:hidden;}
td.edit_content_bottom2{background-image:url(URL);}
td.shouty{background-image: none;}
body{background-image:url(https://img.webme.com/pic/c/cunodeneme/yoksuntasarim.jpg);}
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image: url(URL);}
td.edit_rechts_bottom{background-image: url(URL);}
td.edit_rb_footer{visibility:hidden;}
td.sidebar_heading{background-image: none;}
td.shouty{background-image: none;background-color:transparent;}
td.shouty2{background-image: none;background-color:transparent;}
td.shouty3{background-image: none;background-color:transparent;}
td.shouty4{background-image: none;background-color:transparent;}
td.shouty5{background-image: none;background-color:transparent;}
--></style>
<style type="text/css">
<!--
td.edit_header_full{background-image: none;
-->
</style><!-- www.csstasarim-arsiv.tr.gg tasarim sayfalari kod bitisi --->

Not : Bazıları ALıntı Bazılarım Bizimdir
 
Bugün 25528 ziyaretçi (52772 klik) kişi burdaydı!
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol