yup-yup - css

css

TASARİM ÜSTÜ

</head>  <body> <div id="wrap"> <div id="header"> <div  id="topnav"> <ul> <li id="first" class="active"><a  href="http://faintried.tr.gg/"  _fcksavedurl="http://faintried.tr.gg/">Home</a></li>  <li><a href="http://faintried.tr.gg/guestbook.htm"  _fcksavedurl="http://faintried.tr.gg/guestbook.htm">Konuk  Defteri</a></li> <li><a  href="http://faintried.tr.gg/iletisim.htm"  _fcksavedurl="http://faintried.tr.gg/iletisim.htm">İletisim</a></li>  <li><a href="http://faintried.tr.gg/kalpsizonur.htm"  _fcksavedurl="http://faintried.tr.gg/kalpsizonur.htm">Kalpsizonur</a></li>  <li><a href="http://faintried.tr.gg/destek.htm"  _fcksavedurl="http://faintried.tr.gg/destek.htm">Bannerlerimiz</a></li>  <li><a href="http://faintried.tr.gg/anlatsiteni.htm"  _fcksavedurl="http://faintried.tr.gg/anlatsiteni.htm">Anlat  Siteni</a></li> <li><a  href="http://faintried.tr.gg/webgraphic.htm"  _fcksavedurl="http://faintried.tr.gg/webgraphic.htm">Tasarimlar</a></li>  <li><a href="http://faintried.tr.gg/csshtmlkod.htm"  _fcksavedurl="http://faintried.tr.gg/csshtmlkod.htm">Hazır  Kodlar</a></li> </ul> </div> </div>  <div id="contents"> <div id="main">

TASARİM ALTİ

</div>  <div id="m1"><script  src="http://kalpsizonur.sitemynet.com/gununsozu.js"  type="text/javascript"></script><center><style  type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL:  http://www.dynamicdrive.com/style/ */ .arrowlistmenu{ width: 250px;  /*width of menu*/ } .arrowlistmenu .headerbar{ font: bold 14px Arial;  color: white; background: black url(media/titlebar.png) repeat-x center  left; margin-bottom: 10px; /*bottom spacing between header and rest of  content*/ text-transform: uppercase; padding: 4px 0 4px 10px; /*header  text is indented 10px*/ } .arrowlistmenu ul{ list-style-type: none;  margin: 0; padding: 0; margin-bottom: 8px; /*bottom spacing between each  UL and rest of content*/ } .arrowlistmenu ul li{ padding-bottom: 2px;  /*bottom spacing between menu items*/ } .arrowlistmenu ul li a{ color:  #A70303; background: url(media/arrowbullet.png) no-repeat center left;  /*custom bullet list image*/ display: block; padding: 2px 0;  padding-left: 19px; /*link text is indented 100px*/ text-decoration:  none; font-weight: bold; border-bottom: 1px solid #dadada; font-size:  90%; } .arrowlistmenu ul li a:visited{ color: #A70303; } .arrowlistmenu  ul li a:hover{ /*hover state CSS*/ color: #A70303; background-color:  #F3F3F3; } </style> <div class="arrowlistmenu"> <h3  class="headerbar" style="text-align: left; ">Ana Menü</h3>  <ul> <li style="text-align: left; "><a  href="http://esintinet.tr.gg/"  _fcksavedurl="http://esintinet.tr.gg/">Anasayfa</a></li>  <li style="text-align: left; "><a  href="http://esintinet.tr.gg/iletisim-Ve-Yardim-Sayfasi.htm"  _fcksavedurl="http://esintinet.tr.gg/iletisim-Ve-Yardim-Sayfasi.htm">İletişim</a></li>  <li style="text-align: left; "><a  href="http://esintinet.tr.gg/Konuk-Defteri.htm"  _fcksavedurl="http://esintinet.tr.gg/Konuk-Defteri.htm">Ziyaretçi  Defteri</a></li> <li style="text-align: left; "><a  href="http://esintinet.tr.gg/Forum/index.htm"  _fcksavedurl="http://esintinet.tr.gg/Forum/index.htm">Forum</a></li>  <li style="text-align: left; "><a  href="http://esintinet.tr.gg/Top-liste.htm"  _fcksavedurl="http://esintinet.tr.gg/Top-liste.htm">Toplist</a></li>  <li style="text-align: left; "><a  href="http://esintinet.tr.gg/Search.htm"  _fcksavedurl="http://esintinet.tr.gg/Search.htm">Arama  Yap</a></li> <li style="text-align: left; "><a  href="http://esintinet.tr.gg/Destek-Ol.htm"  _fcksavedurl="http://esintinet.tr.gg/Destek-Ol.htm">Destek  Ol</a></li> <li style="text-align: left; "><a  href="http://www.facebook.com/pages/wWwEsInTiNeTTrGg/10150113488890252"  _fcksavedurl="http://www.facebook.com/pages/wWwEsInTiNeTTrGg/10150113488890252">Facebook  Sayfamız</a></li> </ul> <h3 class="headerbar"  style="text-align: left; ">SİTEN İÇİN</h3> <ul> <li  style="text-align: left; "><a  href="http://esintinet.tr.gg/Tasarimlar.htm"  _fcksavedurl="http://esintinet.tr.gg/Tasarimlar.htm">Tasarımlar</a></li>  <li style="text-align: left; "><a  href="http://esintinet.tr.gg/HTML-Kodlari.htm"  _fcksavedurl="http://esintinet.tr.gg/HTML-Kodlari.htm">Html  Kodlar</a></li> <li style="text-align: left; "><a  href="http://esintinet.tr.gg/ikon-Arsivi.htm"  _fcksavedurl="http://esintinet.tr.gg/ikon-Arsivi.htm">İkon  Arşivi</a></li> <li style="text-align: left; "><a  href="http://esintinet.tr.gg/FBML-Kodlari.htm"  _fcksavedurl="http://esintinet.tr.gg/FBML-Kodlari.htm">Facebook Fbml  Kodları</a></li> <li style="text-align: left; "><a  href="http://esintinet.tr.gg/Modifiye-Site.htm"  _fcksavedurl="http://esintinet.tr.gg/Modifiye-Site.htm">Modifiye  Siteler</a></li> <li style="text-align: left; "><a  href="http://esintinet.tr.gg/Userbarlar.htm"  _fcksavedurl="http://esintinet.tr.gg/Userbarlar.htm">Usebarlar</a></li>  </ul> </div> <div class="arrowlistmenu"> <h3  class="headerbar" style="text-align: left; ">Eglence  BOLUMU</h3> <ul> <li style="text-align: left; "><a  href="http://esintinet.tr.gg/Canli-Tv.htm"  _fcksavedurl="http://esintinet.tr.gg/Canli-Tv.htm">Canlı Tv  İzle</a></li> <li style="text-align: left; "><a  href="http://esintinet.tr.gg/Film-izle.htm"  _fcksavedurl="http://esintinet.tr.gg/Film-izle.htm">Film  İzle</a></li> <li style="text-align: left; "><a href="http://esintinet.tr.gg/Video.htm"  _fcksavedurl="http://esintinet.tr.gg/Video.htm">Video  izle</a></li> <li style="text-align: left; "><a  href="http://esintinet.tr.gg/Mp3-Player.htm"  _fcksavedurl="http://esintinet.tr.gg/Mp3-Player.htm">Mp3  Dinle</a></li> <li style="text-align: left; "><a  href="http://esintinet.tr.gg/Oyun.htm"  _fcksavedurl="http://esintinet.tr.gg/Oyun.htm">Oyun  Oyna</a></li> <li style="text-align: left; "><a  href="http://esintinet.tr.gg/Sohbet.htm"  _fcksavedurl="http://esintinet.tr.gg/Sohbet.htm">Sohbet  Et</a></li> <li style="text-align: left; "><a  href="http://esintinet.tr.gg/Fikralar.htm"  _fcksavedurl="http://esintinet.tr.gg/Fikralar.htm">Fıkra  Oku</a></li> <li style="text-align: left; "><a  href="http://esintinet.tr.gg/Bilmeceler.htm"  _fcksavedurl="http://esintinet.tr.gg/Bilmeceler.htm">Bilmeceler</a></li>  </ul> <h3 class="headerbar" style="text-align: left;  ">Bizim Oda</h3> <ul> <li style="text-align: left;  "><a href="http://esintinet.tr.gg/Astroloji.htm"  _fcksavedurl="http://esintinet.tr.gg/Astroloji.htm">Astroloji</a></li>  <li style="text-align: left; "><a  href="http://esintinet.tr.gg/Ataturk-Kosesi.htm"  _fcksavedurl="http://esintinet.tr.gg/Ataturk-Kosesi.htm">Atatürk  Koşesi</a></li> <li style="text-align: left; "><a  href="http://esintinet.tr.gg/Biyografiler.htm"  _fcksavedurl="http://esintinet.tr.gg/Biyografiler.htm">Ünlülerin  Biyografileri</a></li> <li style="text-align: left;  "><a href="http://esintinet.tr.gg/ilginc-Bilgiler.htm"  _fcksavedurl="http://esintinet.tr.gg/ilginc-Bilgiler.htm">İlginç  Bilgiler</a></li> <li style="text-align: left; "><a  href="http://esintinet.tr.gg/Guzel-Sozler.htm"  _fcksavedurl="http://esintinet.tr.gg/Guzel-Sozler.htm">Güzel  Sözler</a></li> <li style="text-align: left; "><a  href="http://esintinet.tr.gg/Komik-Diyaloglar.htm"  _fcksavedurl="http://esintinet.tr.gg/Komik-Diyaloglar.htm">Komik  Diyaloglar</a></li> </ul> <center>  </center></div> </center></div> <div  class="clear"></div> <div id="bottom"> <div  class="columns"> <h3>İletişim Bilgileri</h3>  <p><strong><img alt="Gtalk" width="16" height="16"  src="http://ramblingsoul.com/preview/rs18/images/irc_protocol.png"  _fcksavedurl="http://ramblingsoul.com/preview/rs18/images/irc_protocol.png"  /> Gtalk :</strong> gtalk@gtalk.com</p>  <p><strong><img alt="Yahoo" width="16" height="16"  src="http://ramblingsoul.com/preview/rs18/images/yahoo_protocol.png"  _fcksavedurl="http://ramblingsoul.com/preview/rs18/images/yahoo_protocol.png"  /> Yahoo :</strong> yahoo@yahoo.com</p>  <p><strong><img alt="MSN" width="16" height="16"  src="http://ramblingsoul.com/preview/rs18/images/msn_protocol.png"  _fcksavedurl="http://ramblingsoul.com/preview/rs18/images/msn_protocol.png"  /> MSN :</strong> Kalpsizonur@drunkfunk.in<br />  <strong><br /> <span class="Apple-style-span"  style="font-weight: normal; "><strong><img alt="MSN"  width="16" height="16"  src="http://ramblingsoul.com/preview/rs18/images/msn_protocol.png"  _fcksavedurl="http://ramblingsoul.com/preview/rs18/images/msn_protocol.png"  /> MSN  :</strong> Mresinti@hotmail.com</span></strong><b><br  /> </b></p> </div> <div class="columns">  <h3>Contact Us</h3> <p><img alt="Call" width="16"  height="16"  src="http://ramblingsoul.com/preview/rs18/images/telephone.png"  _fcksavedurl="http://ramblingsoul.com/preview/rs18/images/telephone.png"  /> Call : +91 9124563789</p> <p><img alt="email"  width="16" height="16"  src="http://ramblingsoul.com/preview/rs18/images/mail_generic.png"  _fcksavedurl="http://ramblingsoul.com/preview/rs18/images/mail_generic.png"  /> General Emails : email@server.com</p> <p><img  alt="email" width="16" height="16"  src="http://ramblingsoul.com/preview/rs18/images/mail_generic.png"  _fcksavedurl="http://ramblingsoul.com/preview/rs18/images/mail_generic.png"  /> Careers Related Enquiries : hr@server.com</p>  <p><img alt="email" width="16" height="16"  src="http://ramblingsoul.com/preview/rs18/images/mail_generic.png"  _fcksavedurl="http://ramblingsoul.com/preview/rs18/images/mail_generic.png"  /> Partnership enquiries : Partners@server.com</p>  </div> <div class="columns"> <h3>Reach Us</h3>  <p>1st Floor</p> <p>ABCD Building, XYZ  Street</p> <p>City of God, State</p> <p>Country,  Zip Code - 123456</p> </div> <div  class="clear"></div> </div> <div  id="midbottom"></div> <div id="footer"></div>

CSS KODU

table {margin-left:  auto;margin-right: auto} 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;}  a:link, a:link, a:visited, a:hover{text-decoration:none;} * {padding:0;  margin:0;} a, a:visited {color: #3366ff;} a:hover {color:#ff3333;  text-decoration:none;} body{font:12px "Clear  Type",arial,verdana,helvetica,sans-serif;color:#000;background:url(https://img.webme.com/pic/f/faintried/vector-bg.jpg)  top center fixed} #wrap { width:894px; margin:auto;} .hide { display:  none; } #header  {background:url(https://img.webme.com/pic/f/faintried/deneme.png)  no-repeat; height:225px; } #contents  {background:url(https://img.webme.com/pic/f/faintried/desing3.png)  repeat-y; padding:0px 5px 0 5px;} .clear {clear:both;} #bottom  {background:url(https://img.webme.com/pic/f/faintried/desing4.jpg)  repeat-x; height:124px;} #footer  {background:url(https://img.webme.com/pic/f/faintried/desing6.png)  no-repeat; height:155px;} #bottom .columns { padding: 5px; float: left;  width: 32%; } #contents #left { padding: 8px; width: 550px; float: left;  } #contents #sidebar { width: 290px; float: right; padding: 8px; }  #left p { line-height: 16px; margin-bottom: 15px; } .service_img {  display: block; float: left; border-style: none; margin-right: 5px;  margin-left: 5px; } #wrap #contents #left ul li { display: block;  background: url(../images/bullet.jpg) no-repeat 0px 3px; padding: 5px  5px 5px 10px; margin-left: 15px; margin-bottom: 3px; } br.clear {  display: block; clear: both; height: 1px; } #main { float: left; width:  580px; padding: 0; margin: 0 0 0 10px; display: inline;} #main h4 {  font: bold 2.9em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;  color: #51432F; padding: 10px 0 5px 5px; margin-left: 5px;  letter-spacing: -2px; border-bottom: 1px solid #E4F2C8;} #m1 { width:  240px; float: right; padding:5px 30px 5px 5px; } /* form elements */  form { margin: 20px 10px; padding: 15px 25px 25px 20px; border: 1px  solid #EEE8E1; background: #FAF7F5; } form p { border-bottom: 1px solid  #ECE5DD; padding: 12px 0 5px 0; margin: 0; color: #9D6D37; } label {  font-weight: bold; color: #A7743B; } input, select, textarea { margin:  5px 0; padding: 5px; color: #6A6969; border-width: 1px; border-style:  solid; border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4; } option {  padding-right: 0.5em; } #name, #email, #message, #website{ width: 455px;  } input.button { font: bold 12px Arial, Sans-serif; height: 30px;  margin: 0; padding: 2px 3px; color: #fff; background: #A6CD56;  border-width: 1px; border-style: solid; border-color: #C4DE8F #8DB836  #8DB836 #C4DE8F; }  #kommentartext,#gbooktext{background:url(https://img.webme.com/pic/b/bedavasitem-st/ereef.png)}  #m1 h2 {display:block; color:#069; font:16px "Trebuchet MS", Arial,  sans-serif; padding:5px; border-bottom: solid 1px #bbb;  text-transform:uppercase;} #m1 ul {list-style:none; margin-bottom:15px;}  #m1 li {display:block; height:26px; border-bottom:solid 1px #ddd;} #m1  a, #m1 a:visited {display:block; height:21px; padding:5px 5px 0 5px;  color:#333; text-decoration:none;} #m1 a:hover { color:#069;} h3.sd1 {  font-size:12px; text-transform:uppercase; color: #ff9966; display:block;  padding:5px; border:solid 1px #ffffff; background: #ffffcc; } .cm1  {padding:0 9px 0 9px;} .cm5 {width:30%; float:left;} .cm7 {width:30%;  float:right;} .cm6 {margin:0 32% 0 32%;} .clear2 {width:590px;  clear:left; float:right; color:#fff!important;} .cm1 div  {background:#f3fbe0; height:200px;} .cm1 div p {padding:5px;}  #topnav{height:56px;} #topnav ul {padding:14px 15px 0; font: bold 14px  "Trebuchet MS", halvetica, Verdana, sans-serif;  text-transform:uppercase;} #topnav li { display:block; float:left;  height: 41px; background:  url(http://ramblingsoul.com/preview/rs18/images/menu_line.gif) no-repeat  left top; padding-left: 5px; } #topnav a { display: block; height:38px;  padding:3px 10px 0 10px; text-decoration:none; color:#7098c6;  float:left;} #topnav li#first {background:none!important;} #topnav  .active a {background:url(#) no-repeat center 27px; color:#184896;}  #topnav a:visited, #topnav a:active {color:#7098c6;  text-decoration:none;} #topnav a:hover {color:#184896;} #headercolumn1 {  width: 550px; padding-left: 15px; float: left; }

Tasarımın Üzerindeki Yazı

Tasarımın Altındaki Yazı

Css Kodu

table {margin-left: auto;margin-right: auto} 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;} *  {padding: 0; margin:0 } body { margin-left: 0 auto; margin-right:0 auto;  background: url(https://img.webme.com/pic/b/bycity/dvrkagiti1.jpg) top  center fixed; } #tasarim{ width: 1000px; margin-left: 0 auto;  margin-right:0 auto; } #ust{ margin-left: 0 auto; margin-right:0 auto;  background: url(https://img.webme.com/pic/o/osmantalay/cityust5.png);  width: 1000px; height: 191px; float: left; } #orta{ margin-left: 0 auto;  margin-right:0 auto; background:  url(https://img.webme.com/pic/o/osmantalay/bycityorta.png); width:  1000px; height: 100%; float: left; } .solsutun{ width:167px; float:  left; padding: 0 0 0 50px; overflow: hidden; } .sagsutun { width:675px;  float: left; padding: 0 0 0 50px; overflow: hidden; text-align: justify;  } #alt{ margin-left: 0 auto; margin-right:0 auto; background:  url(https://img.webme.com/pic/o/osmantalay/cityalt5.png); width: 1000px;  height: 196px; float: left; }

Tasarım Üzerindeki Yazı
 <div align="center"><table border="0" width="70%"><tr><td> <div id="tasarim"> <div id="ust"></div> <div id="orta"> <div class="sagsutun"> <br> BURASI SAĞ SUTUN <br> </div> <div class="solsutun"> 
Tasarımın Altındaki Yazı
 </div> </div> <div id="alt"></div> </div><br><br> 
Css Kodu
 table {margin-left: auto;margin-right: auto} 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;} * {padding: 0; margin:0 } body { margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/d/deneme688/arkplanyni.jpg) top center fixed; } #tasarim{ width: 1000px; margin-left: 0 auto; margin-right:0 auto; } #ust{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/d/deneme688/ustbss.png); width: 1000px; height: 250px; float: left; } #orta{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/d/deneme688/ortabss.png); width: 1000px; height: 100%; float: left; } .sagsutun { width:205px; float: right; padding: 0 0 0 50px; overflow: hidden;} .solsutun{ width:690px; float: left; padding: 0 0 0 50px; overflow: hidden;text-align: justify; } #alt{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/d/deneme688/altbsss.png); width: 1000px; height: 250px; float: left; }

Tasarım Üstüne;

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Design Gallery, CSS Template, Free Download</title> <meta name="keywords" content="HTML, CSS, Design Gallery, CSS Template, Free Download, Website Layout" /> <meta name="description" content="Beautiful Design Gallery, CSS Template, Free Download" /> <link href="templatemo_style.css" rel="stylesheet" type="text/css" /> </head> <body>  <div id="templatemo_background_top"> <div class="templatemo_container"> <div id="templatemo_header"> </div> <div class="templatemo_content"> <div id="templatemo_content_white_top"> <div id="templatemo_menu"> <ul> <li><a href="index.html" class="current">HOME</a></li> <li><a href="subpage.html">PROJECTS</a></li> <li><a href="subpage.html">CLIENTS</a></li> <li><a href="subpage.html">ABOUT US</a></li> <li><a href="#" class="lastmenu">CONTACT</a></li> </ul> </div> </div> <div id="templatemo_content_white_middle"> <div class="templatemo_post_area"> <h1>Limitsiz-Paylasim Template 03</h1>

Tasarım Altına;

<div class="cleaner_with_height"></div> </div> </div> </div> </div> </div> <div id="templatemo_background_middle"> <div class="templatemo_container"> <div class="templatemo_content"> <div id="templatemo_content_white_blue_joint"> </div> <div id="templatemo_content_blue_middle"> <div class="templatemo_post_area"> <h1>Kafana Göre</h1> <p>Kafana Göre DOldur İşte Ne bilem </p> <div class="cleaner_with_height"></div> </div> </div> <div id="templatemo_content_blue_two_col_joint"> </div> <div id="templatemo_content_two_col_middle"> <div class="templatemo_post_area_left"> <h1>Who We Are</h1> <img alt="Design Blog" src="images/templatemo_thumb_2.jpg" /> <ul> <li><a href="#">Nulla enim nibh, consectetuer sed</a></li> <li><a href="#">Vestibulum elementum, sagittis nec</a></li> <li><a href="#">Diam. Mauris blandit vehicula neque</a></li> <li><a href="#">Proin consectetuer. Donec venenatis</a></li> <li><a href="#">Cras urna metus, feugiat non</a></li> <li><a href="#">Lorem ipsum dolor sit amet</a></li> <li><a href="#">Nulla et nunc commodo ante ornare</a></li> </ul> </div> <div class="templatemo_post_area_right"> <h1>Testimonials</h1> <div class="post_area"> <img alt="Design Gallery" src="images/templatemo_thumb_3.jpg" /> <h2>Praesent vel diam </h2> <p>Nunc ante erat, varius eu, luctus ac, tristique nec, justo. Fusce dignissim eros ac massa.</p> <h2>Curabitur nec odio</h2> <p>Mae cenas vulps utate, arcue idm ferm entum elei fend, tortor enim tinc idunt mau ris, frin gilla tincidunt purus urna vel risus.</p> </div>  </div> <div class="cleaner_with_height"></div> </div> <div id="templatemo_content_two_col_bottom"> </div> <div class="templatemo_copyright"> Copyright © 2024 Your Company Name | Designed by <a href="http://limitsiz-paylasim.tr.gg" target="_parent" title="CSS Templates">Limitsiz-Paylasim.tr.gg</a> </div> </div> </div>  </div> </body> </html>

Css Bölümüne;

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;} /* CSS Credit: http://www.templatemo.com/ */ html { background: #000d0d; } body { margin: 0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; color: #000; width: 100%; display: table; background: #000d0d; } a { color: #902200; font-weight: bold; text-decoration: none; } a:hover { color: #cf3607; font-weight: bold; text-decoration: none; } #templatemo_background_top { width: 100%; background: url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_bg_top.jpg) center top no-repeat; margin: 10px 0 0 0; } #templatemo_background_middle { width: 100%; background: url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_bg_middle.jpg) center top no-repeat; } .templatemo_container { width: 820px; margin: auto; } #templatemo_header { width: 820px; height: 150px; background: url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_header.jpg) center no-repeat; } .templatemo_content { width: 820px; } #templatemo_content_white_top { width: 820px; height: 100px; background:url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_white_content_top.jpg) no-repeat; } /*------------- Menu ------------------*/ #templatemo_content_white_top #templatemo_menu { float: left; width: 370px; height: 35px; margin: 15px 0 0 225px; } #templatemo_menu ul { float: left; width: 370px; margin: 0; padding: 10px 0 0 0; list-style: none; } #templatemo_menu ul li{ display: inline; } #templatemo_menu ul li a{ float: left; padding: 0 10px; font-family: Tahoma; font-size: 10px; font-weight: bold; text-align: center; text-decoration: none; color: #0ff; border-right: 1px solid #FFFFFF; } #templatemo_menu ul li .lastmenu{ border-right: none; } #templatemo_menu li a:hover, #templatemo_menu li .current{ text-decoration: underline; } /* ---- ----- End OF Menu ---- ------*/ #templatemo_content_white_middle { width: 820px; background:url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_white_content_middle.jpg) repeat-y; } #templatemo_content_white_middle .templatemo_post_area { margin: 0 25px 0 25px; padding: 0; } #templatemo_content_white_middle .templatemo_post_area h1{ font-family:"Monotype Corsiva", Arial; font-size: 30px; font-weight: normal; text-decoration: underline; color: #007b78; margin: 0 0 20px 0; padding: 0; } #templatemo_content_white_middle .templatemo_post_area p{ font-family: Arial; font-size: 12px; color: #000; text-align: justify; margin: 0 0 10px 0; padding: 0; } #templatemo_content_white_middle .templatemo_post_area img{ float: left; margin: 0 20px 20px 0; padding: 0; } #templatemo_content_white_blue_joint { width: 820px; height: 48px; background: url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_white_blue_joint.jpg) no-repeat; } #templatemo_content_blue_middle { width: 820px; background:url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_blue_content_bg.jpg) repeat-y; } #templatemo_content_blue_middle .templatemo_post_area { margin: 0 25px 0 25px; padding: 15px 0 0 0; } #templatemo_content_blue_middle .templatemo_post_area h1{ font-family:"Monotype Corsiva", Arial; font-size: 30px; font-weight: normal; text-decoration: underline; color: #007b78; margin: 0 0 20px 0; padding: 0; } #templatemo_content_blue_middle .templatemo_post_area p{ font-family: Arial; font-size: 12px; color: #000; text-align: justify; margin: 0 0 10px 0; padding: 0; } #templatemo_content_blue_middle .templatemo_post_area img{ float: right; margin: 0 0 20px 20px; padding: 0; } #templatemo_content_blue_two_col_joint { width: 820px; height: 71px; background: url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_blue_2_col_joint.jpg) no-repeat; } #templatemo_content_two_col_middle { width: 820px; min-height: 76px; background: url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_blue_2_col_bg.jpg) repeat-y; } #templatemo_content_two_col_middle .templatemo_post_area_left { float: left; width: 350px; margin: 0 0 0 25px; padding: 0; display: inline; } .templatemo_post_area_left h1{ font-family:"Monotype Corsiva", Arial; font-size: 18px; font-weight: normal; text-decoration: underline; color: #000; margin: 0 0 20px 0; padding: 0; } .templatemo_post_area_left img{ float: left; margin: 0 20px 20px 0; padding: 0; clear: both; } .templatemo_post_area_left ul{ list-style: none; float: left; margin: 0; padding: 0; } .templatemo_post_area_left li{ background: url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_bullet.jpg) left center no-repeat; padding: 0 0 3px 15px; font-size: 11px; } .templatemo_post_area_left li a{ color: #000; text-decoration: underline; } .templatemo_post_area_left li a:hover{ color: #000; text-decoration: none; } #templatemo_content_two_col_middle .templatemo_post_area_right { float: right; width: 350px; margin: 0 25px -0 0; padding: 0; display: inline; } .templatemo_post_area_right h1{ font-family: "Monotype Corsiva", Arial; font-size: 20px; font-weight: normal; text-decoration: underline; color: #000; margin: 0 0 20px 0; padding: 0; } .templatemo_post_area_right h2 { font-family: Arial; font-size: 12px; color: #af1b03; font-weight: bold; margin: 0 0 0 0; padding: 0; } .post_area { margin: 0; padding: 0; } .templatemo_post_area_right p{ font-family: Arial; font-size: 12px; color: #000; text-align: justify; margin: 0 0 10px 0; padding: 0; } .templatemo_post_area_right img{ float: right; margin: 0 0px 20px 20px; padding: 0; clear: both; } #templatemo_content_two_col_bottom { width: 820px; height: 45px; background: url(http://www.templatemo.com/templates/templatemo_088_design_gallery/images/templatemo_blue_2_col_bottom.jpg) bottom no-repeat; } .templatemo_copyright{ float: left; width: 100%; margin: 10px 0 10px 0; padding: 0 0 0 25px; color: #fff; text-align: center; } .templatemo_copyright a{ color: #fff; text-decoration: none; } .templatemo_copyright a:hover{ color: #fff; text-decoration: underline; } .cleaner_with_height { clear:both; height: 1px; }

DEVAMI GELECEK...