tasarimduragi - css MuzeDesign

css MuzeDesign

MuzeDesign v1

Edebiyat, sanat ve arkeoloji gibi konularda tr.gg sitesi bulunan kişiler için hazırlanmış bu hoş tasarım, müzeler veya gezilip görülecek yerler hakkında bilgi edinmek isteyen ziyaretçileri mutlu edebilir.

Son derece sade olan MuzeDesign v1 tasarımı, bu yönüyle çoğu siteyle ve içerikle uyumlu olma özelliği taşıyor.

Klasik bedava-sitem tasarımlarını andıran bu css tema pek çok kişi tarafından kullanılacak çok pratik bir görünüm vaadediyor!
Kod Dostu yeşil paylaş butonlarıyla donatılmış, sağ ve üst menüyle birlikte logo ve resim alanı bulunduran bu tasarıma göz atmadan geçmeyin!

Tasarım üzerine yazı :

<div id="templatemo_container">  <div id="templatemo_topsection"> <div id="logo"><a href="http://tasarimsepeti.blogspot.com" _fcksavedurl="http://tasarimsepeti.blogspot.com" style="margin-left:90px;"><img src="http://1.bp.blogspot.com/-EQ8jZv2U2M4/T-xizNYGHKI/AAAAAAAALoA/hl_RSxeuiYI/s226/tasar%25C4%25B1m%2Bsepeti%2B-%2BKopya.png" _fcksavedurl="http://1.bp.blogspot.com/-EQ8jZv2U2M4/T-xizNYGHKI/AAAAAAAALoA/hl_RSxeuiYI/s226/tasar%25C4%25B1m%2Bsepeti%2B-%2BKopya.png" alt="" /></a></div>  <div class="templatemo_topmenu">  <ul>  <li><a href="#" _fcksavedurl="#">Anasayfa</a></li>  <li><a href="#" _fcksavedurl="#">Menü Link</a></li>  <li><a href="#" _fcksavedurl="#">Menü Link</a></li>  <li><a href="#" _fcksavedurl="#">Menü Link</a></li> </ul>  </div>  </div>  <div id="templatemo_middlesection">  <div id="templatemo_left_content">  <div id="templatemo_left_top"><img src="https://img.webme.com/pic/b/bs-csstasarim/templatemo_left_photo.jpg" _fcksavedurl="https://img.webme.com/pic/b/bs-csstasarim/templatemo_left_photo.jpg" alt="templatemo.com" /></div>  <h2>MENU</h2>  <div class="templatemo_leftmenu">  <ul>  <li> <a href="http://bs-csstasarim.tr.gg/" _fcksavedurl="http://bs-csstasarim.tr.gg/">» Menü Link</a></li>  <li> <a href="http://bs-csstasarim.tr.gg/" _fcksavedurl="http://bs-csstasarim.tr.gg/">» Menü Link</a></li>  <li> <a href="http://bs-csstasarim.tr.gg/" _fcksavedurl="http://bs-csstasarim.tr.gg/">» Menü Link</a></li>  <li> <a href="http://tasarimsepeti.blogspot.com" _fcksavedurl="http://tasarimsepeti.blogspot.com">» Menü Link</a></li>  </ul></div>  <h2>MENU</h2>  <div class="templatemo_leftmenu">  <ul>  <li> <a href="http://bs-csstasarim.tr.gg/" _fcksavedurl="http://bs-csstasarim.tr.gg/">» Menü Link</a></li>  <li> <a href="http://bs-csstasarim.tr.gg/" _fcksavedurl="http://bs-csstasarim.tr.gg/">» Menü Link</a></li>  <li> <a href="http://tasarimsepeti.blogspot.com" _fcksavedurl="http://tasarimsepeti.blogspot.com">» Menü Link</a></li>  </ul>  </div>  <h2>MENU</h2>  <div class="templatemo_leftmenu">  <ul>  <li> <a href="http://bs-csstasarim.tr.gg/" _fcksavedurl="http://bs-csstasarim.tr.gg/">» Menü Link</a></li>  <li> <a href="http://bs-csstasarim.tr.gg/" _fcksavedurl="http://bs-csstasarim.tr.gg/">» Menü Link</a></li>  <li> <a href="http://tasarimsepeti.blogspot.com/" _fcksavedurl="http://tasarimsepeti.blogspot.com/">» Menü Link</a></li>  </ul>  </div>  </div>  <div id="templatemo_right_content">

Tasarım altına yazı :

Css kodu :

lli.nav_element{display: none;} li.nav_element a{display: none;} 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;} /* Tasarim : 4 Tasarim Isim : Müze Tasarim Tarih : 16.09.2012 Bs Cevirme Saati : 19:00 Tasarim Sitesi : http://bs-csstasarim.tr.gg/ | UgurluForum Tasarim Düzenleyen : AbdullahUgurlu */   body {  margin: 0;  padding:0;  font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 11px;  line-height: 1.5em;  color: #241c1a;  background: url(https://img.webme.com/pic/b/bs-csstasarim/templatemo_bg.jpg) repeat;  }  a:link, a:visited { color: #7e3200; text-decoration: none; font-weight: bold; }  a:active, a:hover { color: #975900; text-decoration: none;font-weight: bold; }  .style1 { color: #99FFCC }  h1 {  font-family: "Courier New", Courier, monospace, Century;  font-size: 20px;  font-weight: bold;  color: #61754e;  margin: 0px;  padding-top: 20px;  }  h2 {  font-family: Georgia, "Times New Roman", Times, serif;  float: left;  font-size: 14px;  font-weight: bold;  color: #3c4826;  width: 200px;  padding: 10px 0px 10px 120px;  text-decoration: underline;  }   #templatemo_container {  width: 1000px;  margin: auto;  background: url(https://img.webme.com/pic/b/bs-csstasarim/templatemo_container_bg.jpg) repeat-y;  }  #templatemo_topsection {  float: left;  width: 1000px;  height: 93px;  background: url(https://img.webme.com/pic/b/bs-csstasarim/templatemo_top.jpg) no-repeat;  }  .templatemo_topmenu{  float: right;  width: 400px;  margin: 0px;  padding: 55px 100px 0px 0px;  }  .templatemo_topmenu ul {  list-style: none;  padding: 0px;  margin: 0px;  }  .templatemo_topmenu li{  display: inline;  }  .templatemo_topmenu li a{  font-size: 12px;  color: #dceb9f;  font-weight: bold;  width: 100px;  height: 30px;  margin-left:15px;  padding: 0px 0px 0px 15px;  background: url(https://img.webme.com/pic/b/bs-csstasarim/templatemo_bullet.png) no-repeat;  background-position: left;  }  #templatemo_middlesection {  float: left;  width: 1000px;  }  #templatemo_left_content {  float: left;  width: 346px;  }  #templatemo_left_top {  float: right;  width: 254px;  height: 298px;  }  .templatemo_leftmenu {  float: left;  width: 346px;  margin: 0px;  }  .templatemo_leftmenu ul {  list-style-type: none;  margin: 0px;  padding: 0px 0px 0px 100px;  }  .templatemo_leftmenu li a {  display: block;  height: 25px;  font-size: 11px;  color: #3c4826;  background: url(https://img.webme.com/pic/b/bs-csstasarim/templatemo_bullet.png) no-repeat;  padding-left: 20px;  background-position: left;  }  .templatemo_leftmenu li a:hover ,.templatemo_leftmenu li .current{  background: url(https://img.webme.com/pic/b/bs-csstasarim/templatemo_current.png) no-repeat;  background-position: left;  color:#000;  }  #templatemo_right_content {  margin: 0px;  float: left;  width: 654px;  background: url(https://img.webme.com/pic/b/bs-csstasarim/templatemo_right_photo.jpg) no-repeat;  }  #templatemo_right_text {  float: left;  width: 500px;  text-align: justify;  margin: 0px;  padding: 0px 0px 0px 20px;  }  #templatemo_right_text img {  float: left;  }  #templatemo_footersection {  clear: both;  width: 1000px;  height: 50px;  color: #dde7ab;  font-weight: bold;  text-align: center;  padding-top: 80px;  background: url(https://img.webme.com/pic/b/bs-csstasarim/templatemo_footer.jpg) no-repeat;  }  #templatemo_footersection a{  color: #FFFFFF;  }#templatemo_container #templatemo_topsection #logo { float: left; height: 60px; width: 468px; }

Anasayfaya eklenecek kod :

<div id="templatemo_right_text">  <h1>Muzeler Tanım</h1> <p> Kültürel ya da tarihsel değeri olan nesnelerin toplanarak sergilendiği yerlere müze adı verilir. Müzeler, toplumların bilim ve sanat ürünleri ile yer altı ve yer üstü zenginliklerini sergilemek amacıyla oluşturulmuş kurumlardır. Yüzyıllar boyunca toprak altında saklı kalmış tarihî eserlerin gün ışığına çıkarılarak sergilenmesi, toplumu oluşturan bireylerin geçmişi daha iyi tanımalarına olanak sağlar. Ayrıca müzeler, toplumu aydınlatmak amacıyla insan soyunun gelişimi, doğa olaylarının oluşumu ve teknolojinin geçirdiği değişim gibi konularda araştırmalar yapan bilimsel merkezlerdir. </p>  <h1>Müzenin Amacı</h1>  <p><img src="https://img.webme.com/pic/b/bs-csstasarim/templatemo_photo.jpg" _fcksavedurl="https://img.webme.com/pic/b/bs-csstasarim/templatemo_photo.jpg" title="art gallery" alt="templatemo.com" width="249" height="162" /> Müzeler, tarihin eski dönemlerinde yaşamış toplumları bilim ve sanat açısından inceleyerek, hem günümüzü hem de geleceği aydınlatmak amacını taşıyan kurumlardır. Müzelerde bulunan nesnelerin anlam ve önemi müze içinde ve dışında yazılı ve sözlü olarak, ayrıca rehber eşliğinde yapılan gezilerle açıklanır.</p>  <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <p> </p> <center> <div class="addthis_toolbox addthis_default_style addthis_32x32_style" style="position:relative;width:425px;border:2px solid #b1dc3d;height:64px;padding:4px;background-color:#1B4A00;-webkit-border-radius: 8px;border-radius: 8px;overflow:hidden !important;margin-right:40px;">  <a class="addthis_button_facebook" style="display:inline-block;margin-right:25px;margin-left:35px;"><img src="http://4.bp.blogspot.com/-Oo2YOJbcRBs/T9OL_TaytnI/AAAAAAAALIc/hAcTGoX4qDg/s1600/fbplant.png" _fcksavedurl="http://4.bp.blogspot.com/-Oo2YOJbcRBs/T9OL_TaytnI/AAAAAAAALIc/hAcTGoX4qDg/s1600/fbplant.png" style="width:64px;height:64px;border:none;background-color:transparent;" alt="kod dostu yeşil paylaş" /></a> <a class="addthis_button_google_plusone_share" style="display:inline-block;margin-right:25px;"><img src="http://1.bp.blogspot.com/-Oq70BAtB2JM/T9OMAotHtXI/AAAAAAAALIo/dtgbWtSyetk/s1600/plusplant.png" _fcksavedurl="http://1.bp.blogspot.com/-Oq70BAtB2JM/T9OMAotHtXI/AAAAAAAALIo/dtgbWtSyetk/s1600/plusplant.png" style="width:64px;height:64px;border:none;background-color:transparent;" alt="kod dostu yeşil paylaş" /></a>  <a class="addthis_button_twitter" style="display:inline-block;margin-right:25px;"><img src="http://1.bp.blogspot.com/-yZN_t2CctPE/T9OMBL0RSzI/AAAAAAAALIw/tYoJUwf82WQ/s1600/twplant.png" _fcksavedurl="http://1.bp.blogspot.com/-yZN_t2CctPE/T9OMBL0RSzI/AAAAAAAALIw/tYoJUwf82WQ/s1600/twplant.png" style="width:64px;height:64px;border:none;background-color:transparent;" alt="kod dostu yeşil paylaş" /></a> <a class="addthis_button_myspace" style="display:inline-block;margin-right:15px;"><img src="http://4.bp.blogspot.com/-32YH0ENwA88/T9OL_4mCLxI/AAAAAAAALIg/3ccrOin-qQc/s1600/myplant.png" _fcksavedurl="http://4.bp.blogspot.com/-32YH0ENwA88/T9OL_4mCLxI/AAAAAAAALIg/3ccrOin-qQc/s1600/myplant.png" style="width:64px;height:64px;border:none;background-color:transparent;" alt="kod dostu yeşil paylaş" /></a> <a href="http://siteneeklekodlari.blogspot.com/2012/06/sitene-yesil-paylas-menusu-ekle-sadece.html" _fcksavedurl="http://siteneeklekodlari.blogspot.com/2012/06/sitene-yesil-paylas-menusu-ekle-sadece.html" target="_blank" onmouseover_fckprotectedatt="%20onmouseover%3D%22this.style.left%3D'0px'%3B%22" onmouseout_fckprotectedatt="%20onmouseout%3D%22this.style.left%3D'-60px'%3B%22" style="display:block;width:90px;height:18px;background:transparent url(http://4.bp.blogspot.com/-j3phrU7MGEc/T9OO47lpivI/AAAAAAAALJA/lumrD76sHRg/s1600/kd33.png) no-repeat;position:absolute;top:0px;left:-60px;opacity:0.4;filter:alpha(opacity=40);"></a> <script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=potdehid"></script> </div> </center>  </div>    /textarea></body></html>