G.O.Union™ - GRİ TASARIM

GRİ TASARIM

GRİ TASARIM:

ÖNİZLEME

TASARIM ÜSTÜ:

<FCK:meta http-equiv="content-type" content="text/html; charset=ISO-8859-9" /> <title>Tasarım34 - Yapiyoruz.tr.gg</title>  <div id="kapsa"> <div class="logo"><img src="https://img.webme.com/pic/y/yapiyoruz/logo_34.png" _fcksavedurl="https://img.webme.com/pic/y/yapiyoruz/logo_34.png" width="357" height="53"/></div> <div class="ustalan"><ul class="ustmenu"><li><a href="#url" _fcksavedurl="#url">Ana Sayfa</a></li><li><a href="#url" _fcksavedurl="#url">Hakkımızda</a></li><li><a href="#url" _fcksavedurl="#url">İletişim</a></li></ul><div class="arama"><form method="post" action="http://yapiyoruz.tr.gg"><label><input type="text" value="Aranacak kelime..." class="aramakutusu"name="arama" onFocus_fckprotectedatt="%20onFocus%3D%22if%20(this.value%20%3D%3D%20'Aranacak%20kelime...')%20%7Bthis.value%20%3D%20''%3B%7D%22" onBlur_fckprotectedatt="%20onBlur%3D%22if%20(this.value%20%3D%3D%20'')%20%7Bthis.value%20%3D%20'Aranacak%20kelime...'%3B%7D%22"/></label><input width="18" height="18" border="0" align="absmiddle" type="image" src="https://img.webme.com/pic/y/yapiyoruz/aramabtn_34.png"></form></div> <div style="clear:both"></div> </div> <div id="icerik"> <div class="sag">   <h1 class="sag_baslik">KATEGORILER</h1>   <ul class="sag_menu"><li><a href="#MENU LINKI" _fcksavedurl="#MENU LINKI">Filmler</a></li>   <li><a href="#MENU LINKI" _fcksavedurl="#MENU LINKI">Diziler</a></li>   <li><a href="#MENU LINKI" _fcksavedurl="#MENU LINKI">Arşivler</a></li>   <li><a href="#MENU LINKI" _fcksavedurl="#MENU LINKI">Resimler</a></li>   <li><a href="#MENU LINKI" _fcksavedurl="#MENU LINKI">Müzikler</a></li>   <li><a href="#MENU LINKI" _fcksavedurl="#MENU LINKI">Klasikler</a></li>   <li><a href="#MENU LINKI" _fcksavedurl="#MENU LINKI">Bilimciler</a></li>   </ul>     <h1 class="sag_baslik">SON EKLENENLER</h1>   <ul class="sag_menu"><li><a href="#MENU LINKI" _fcksavedurl="#MENU LINKI">Filmler</a></li>   <li><a href="#MENU LINKI" _fcksavedurl="#MENU LINKI">Profil resmi yapalım</a></li>   <li><a href="#MENU LINKI" _fcksavedurl="#MENU LINKI">CSS hakkında bilmedikleriniz</a></li>   <li><a href="#MENU LINKI" _fcksavedurl="#MENU LINKI">Sizce bu ne?</a></li>   <li><a href="#MENU LINKI" _fcksavedurl="#MENU LINKI">Hayırdır inşallah..</a></li>   <li><a href="#MENU LINKI" _fcksavedurl="#MENU LINKI">Neler oluyor hayatta</a></li>   <li><a href="#MENU LINKI" _fcksavedurl="#MENU LINKI">Birde şu rüya gerçek olsa,olsa</a></li>   </ul>   </div>   <div class="sol">   <div id="content">          <div id="konu"><h1 class="konu_baslik"><a href="#GIDILECEK KONU" _fcksavedurl="#GIDILECEK KONU">Yeni bir tasarıma geçtik...</a></h1><img src="https://img.webme.com/pic/y/yapiyoruz/konu1_34.jpg" _fcksavedurl="https://img.webme.com/pic/y/yapiyoruz/konu1_34.jpg" width="80" height="82"/><p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p><div style="clear:both"></div></div>   <div id="konu"><h1 class="konu_baslik"><a href="#GIDILECEK KONU" _fcksavedurl="#GIDILECEK KONU">CSS temelleri nasıl atıldı inceleyelim, yorumlayalım...</a></h1><img src="https://img.webme.com/pic/y/yapiyoruz/konu2_34.gif" _fcksavedurl="https://img.webme.com/pic/y/yapiyoruz/konu2_34.gif" width="80" height="82"/><p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p><div style="clear:both"></div></div>   <div id="konu"><h1 class="konu_baslik"><a href="#GIDILECEK KONU" _fcksavedurl="#GIDILECEK KONU">Yepyeni bir menü yapımı daha sizlerle...</a></h1><img src="https://img.webme.com/pic/y/yapiyoruz/konu3_34.jpg" _fcksavedurl="https://img.webme.com/pic/y/yapiyoruz/konu3_34.jpg" width="80" height="82"/><p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p><div style="clear:both"></div></div>    <div style="height:5px;"></div> <ul class="sayfalama"><li><a href="#url" _fcksavedurl="#url">1</a></li><li><a href="#url" _fcksavedurl="#url">2</a></li><li><a href="#url" _fcksavedurl="#url">3</a></li><li><a href="#url" _fcksavedurl="#url">4</a></li></ul>

TASARIM ALTI:

CSS:

/*Tasarim tamamen yapiyoruz.tr.gg tarafindan hazirlanmistir*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;outline:0;padding:0;vertical-align:baseline} body{line-height:1;background:url(https://img.webme.com/pic/y/yapiyoruz/arkaplan_34.png) fixed center top;font:12px Tahoma, Arial, Times New Roman;color:#fff;text-align:center;} ol,ul{list-style:none} blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:none} :focus{outline:0}ins{text-decoration:none} del{text-decoration:line-through} table{border-collapse:collapse;border-spacing:0}  /*Menuleri gizle*/ 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;} /*Tum divleri kapsayan*/ #kapsa{width:1024px;height:auto;margin:1em auto 0 auto;} /*Logo alani*/ .logo{width:357px;height:53px;margin:0 auto 0 auto;text-align:center;} /*UST BOLUM*/ .ustalan{background:url(https://img.webme.com/pic/y/yapiyoruz/genelresim2.png) no-repeat -3px 1px;width:1024px;height:80px;} /*ustmenu----->*/ .ustmenu{margin-left:2em;} .ustmenu li{float:left;margin:2.2em 1em 0 0;} .ustmenu a{display:block;text-decoration:none;color:#a0a0a0;text-transform: capitalize;padding:10px;font-size:16px;} .ustmenu a:hover{color:#707070;} /*arama----->*/ .arama{float:right;width:205px;height:40px;margin:3em 3em 0 0;} .aramakutusu{width:172px;height:18px;background:url(https://img.webme.com/pic/y/yapiyoruz/genelresim2.png) no-repeat 0 -304px;border:none;padding:1px 1px 1px 4px;margin-right:5px;font:12px tasarim34, Tahoma, Arial, Times New Roman;color:#a0a0a0} .aramakutusu:focus{background:url(https://img.webme.com/pic/y/yapiyoruz/genelresim2.png) no-repeat 0 -326px;color:#707070} /*ICERIK*/ #icerik{background:url(https://img.webme.com/pic/y/yapiyoruz/icerik_34.png) repeat-y center top;} .sol{width:700px;height:auto;float:left;margin-left:8px} .sag{width:250px;height:auto;float:right;text-align:left;margin:10px 46px 0 0;border:solid 2px #b5b5b5;background-color:#c5c4c4;} /*konu tanitim----->*/ #konu{width:657px;height:131px;background:url(https://img.webme.com/pic/y/yapiyoruz/genelresim2.png) no-repeat 0 -171px;margin:10px 0 0 31px;text-align:left;} .konu_baslik{font-size:14px;color:#909090;display:block;border-bottom:solid 2px #b5b5b5;padding:5px 0 0 10px;} .konu_baslik a{color:#909090;text-decoration:none;} .konu_baslik:hover{border-bottom-color:#b0b0b0} .konu_baslik a:hover{color:#707070} #konu img{float:left;margin:3px 0 0 10px;border:solid 2px #b5b5b5} #konu p{float:right;width:45.5em;height:8.3em;margin:0px 6px 0 0;padding:0 3px 0 3px;font-size:12px;color:#a0a0a0;} /*sayfalama----->*/ .sayfalama{margin-left:2em;} .sayfalama li{float:left} .sayfalama a{display:block;padding:0 6px 0 6px;margin-right:5px;background-color:#c0c0c0;border:solid 2px #adadad;color:#707070;font-size:12px;text-decoration:none;} .sayfalama a:hover{color:#3f3f3f;background-color:#b4b4b4;border:solid 2px #a4a4a4;} /*sag menu------>*/ .sag_baslik{dipslay:block;color:#707070;font-size:14px;text-align:center;background:url(https://img.webme.com/pic/y/yapiyoruz/smbas_34.png) repeat-x center center;padding:2px 0 2px 0;margin-bottom:5px;} .sag_menu{margin:0 0 10px 4px;} .sag_menu a{text-decoration:none;color:#a0a0a0;padding:0 0 0 8px;font-size:12px;border-bottom:dashed 1px #a9a9a9;width:95.5%;display:block;height:20px;} .sag_menu a:hover{color:#707070;border-bottom-color:#707070;} /*En alt div*/ .bitis{background:url(https://img.webme.com/pic/y/yapiyoruz/genelresim2.png) no-repeat -3px -87px;width:1024px;height:83px;} /*Reklam ortala*/ #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-left: auto;margin-right: auto}