tasarimduragi - css yesil col

css yesil col

Yeşil Çöl

Yeşil Çöl Teması Karşınızda! Tasarım Sepeti tarafından sizler için hazırlanmış bu yeşil ve gümüş ağırlıklı tasarım, sade ve hızlı olmasıyla dikkat çekiyor.

Bir adet üst menüsü ve 2 adet facebook benzeri sponsorlu reklam alanı bulunan tasarımı hemen şimdi deneyin, tr gg sitenize bambaşka bir hava katın!

Sponsorlu alanlar sayesinde reklam yayınlayabileceğiniz, Hakkında kısmı ile sitenizin kısa bir açıklamasını sunabileceğiniz bu tasarım gerçekten de son derece kullanışlı!

Tasarım üzerindeki yazı :

<center> <div id="tasarimsepeti-hed"> <h2 style="display:inline-block;font-size:28px !important;margin-top:32px;margin-left:110px;">Yeşil Çöl</h2> <a href="http://tasarimsepeti.blogspot.com" _fcksavedurl="http://tasarimsepeti.blogspot.com" target="_blank" style="font-family:Trebuchet MS, Arial, sans-serif;float:right;display:inline-block;font-size:12px !important;margin-top:77px;margin-right:182px;font-weight:normal;color:#90c18f;text-decoration:none;">Bir tasarimsepeti.blogspot.com klasiği</a> </div> <div id="ustmenum"> <script>
function tasarimsepetinoadd(){
window.scrollTo(0,110)
}
window.onload=tasarimsepetinoadd;
</script> <style onload_fckprotectedatt="%20onload%3D%22tasarimsepetinoadd()%3B%22" >h4{text-decoration:none;}</style> <a href="#" _fcksavedurl="#" class="menuitemm" style="margin-left:6px !important;">Ana Sayfa</a> <a href="#" _fcksavedurl="#" class="menuitemm">2.Sayfa</a> <a href="#" _fcksavedurl="#" class="menuitemm">3.Sayfa</a> <a href="#" _fcksavedurl="#" class="menuitemm">4.Sayfa</a> <a href="#" _fcksavedurl="#" class="menuitemm">5.Sayfa</a> <a href="#" _fcksavedurl="#" class="menuitemm">6.Sayfa</a> <a href="#" _fcksavedurl="#" class="menuitemm">7.Sayfa</a> <a href="#" _fcksavedurl="#" class="menuitemm">8.Sayfa</a> <a href="#" _fcksavedurl="#" class="menuitemm">9.Sayfa</a> <iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FTasar%C4%B1m-Sepeti%2F248906301879076&send=false&layout=button_count&width=120&show_faces=true&action=like&colorscheme=light&font=segoe+ui&height=21" scrolling="no" frameborder="0" style="display:inline-block;margin-top:6px;border:none; overflow:hidden; width:120px; height:21px;float:right;margin-right:6px;" allowTransparency="true"></iframe>  </div>  <div id="tasarimsepeti_bbb">  <div id="tasarimsepeti_aaa">  <div id="usthead"></div>  <div id="ichead">

Tasarım altındaki yazı :

</div>  <div id="althead"></div>  </div>  <div id="tasarimsepeti_yan">  <div class="tasarimsepeti_widget"> <div id="tasarimsepeti_about">  <center> <h2>Site Hakkında</h2></center> <a class="yanyazi"><img src="http://2.bp.blogspot.com/-Xc5x71GyBtE/UAGsu9YCEGI/AAAAAAAAME4/W7fRJzgNMnY/s1600/tsts.png" _fcksavedurl="http://2.bp.blogspot.com/-Xc5x71GyBtE/UAGsu9YCEGI/AAAAAAAAME4/W7fRJzgNMnY/s1600/tsts.png" style="margin-left:6px;margin-right:3px;width:70px;height:70px;border:3px solid #00810f;float:left;background-color:#ccf1cc;-webkit-border-radius: 6px;border-radius: 6px;"/>Tasarım Sepeti'nin<br/> Yeşil Çöl temasıyla güçlendirilmiş sitemiz, en güzel paylaşımları sizlere ulaştırıyor. </a>   </div> </div>  <a style="display:inline-block;margin-bottom:11px;" target="_blank" href="http://tasarimsepeti.blogspot.com" _fcksavedurl="http://tasarimsepeti.blogspot.com"><img src="mb.png" _fcksavedurl="mb.png" border="0"/></a>    <div class="tasarimsepeti_widget"> <div id="naber" style="diplay:inline-block;width:247px;background-color:transparent;height:166px;position:absolute;top:10px;left:1px;"><div style="margin:0px;padding:0px;text-decoration:none;font-family:Lucida Grande,tahoma,verdana,arial,sans-serif;background-color:#f2f2f2;color:#333;font-size:11px;line-height:20px;text-align:left;font-weight:bold;border:none;border-bottom:1px solid #d9d9d9;border-top:1px solid #d9d9d9;width:246px;height:20px;text-indent:4px">Sponsorlu</div><div onclick_fckprotectedatt="%20onclick%3D%22document.location.href%20%3D%20'http%3A%2F%2Ftasarimsepeti.blogspot.com'%3B%22" style="margin:0px;padding:0px;text-decoration:none;border:none;border-bottom:1px solid #E9E9E9;width:244px;height:120px;padding-bottom:16;margin-top:8;margin-right:4px;margin-left:4px;background-color:transparent;line-height:14px;text-align:left;cursor:pointer;"><a class="hyugs1" style="margin:0px;padding:0px;text-decoration:none;font-family:Lucida Grande,tahoma,verdana,arial,sans-serif;background-color:transparent;color:#3B5998;font-size:11px;line-height:13px;text-align:left;font-weight:bold;cursor:pointer;">Örnek Reklam</a><br/><a class="hyugs2" style="margin:0px;padding:0px;text-decoration:none;font-family:Lucida Grande,tahoma,verdana,arial,sans-serif;background-color:transparent;color:#808080;font-size:11px;line-height:14px;text-align:left;font-weight:normal !important;margin-bottom:5px;cursor:pointer;display:inline-block">tasarimsepeti.blogspot.com</a><br/><a class="hyugs3" style="margin:0px;padding:0px;text-decoration:none;font-family:Lucida Grande,tahoma,verdana,arial,sans-serif;background-color:transparent;color:#333333;font-size:11px;line-height:14px;text-align:left;font-weight:normal !important;cursor:pointer;"><img src="http://3.bp.blogspot.com/-3F6gUmeKsQ0/T-i6ZxXKUSI/AAAAAAAALhg/YDmWb7xF5Mg/s120/tasar%25C4%25B1m+sepeti.png" _fcksavedurl="http://3.bp.blogspot.com/-3F6gUmeKsQ0/T-i6ZxXKUSI/AAAAAAAALhg/YDmWb7xF5Mg/s120/tasar%25C4%25B1m+sepeti.png" style="margin:0px;padding:0px;width:80px;height:80px;float:left;margin-right:8px;margin-top:3px;cursor:pointer;border:none !important"/>Bu reklam metnini istediğiniz gibi değiştirebilirsiniz! </a></div><style>.hyugs1:hover{font-family:Lucida Grande,tahoma,verdana,arial,sans-serif;background-color:transparent;color:#3B5998;font-size:11px;line-height:13px;text-align:left;font-weight:bold;text-decoration:underline !important;cursor:pointer;}.hyugs2:hover{font-family:Lucida Grande,tahoma,verdana,arial,sans-serif;background-color:transparent;color:#808080;font-size:11px;line-height:14px;text-align:left;font-weight:normal !important;display:inline-block;text-decoration:none;cursor:pointer;}.hyugs3:hover{font-family:Lucida Grande,tahoma,verdana,arial,sans-serif;background-color:transparent;color:#333333;font-size:11px;line-height:14px;text-align:left;font-weight:normal !important;text-decoration:none;cursor:pointer;}</style> </div>   </div>   <div class="tasarimsepeti_widget"> <div id="naber" style="diplay:inline-block;width:247px;background-color:transparent;height:166px;position:absolute;top:10px;left:1px;"><div style="margin:0px;padding:0px;text-decoration:none;font-family:Lucida Grande,tahoma,verdana,arial,sans-serif;background-color:#f2f2f2;color:#333;font-size:11px;line-height:20px;text-align:left;font-weight:bold;border:none;border-bottom:1px solid #d9d9d9;border-top:1px solid #d9d9d9;width:246px;height:20px;text-indent:4px">Sponsorlu</div><div onclick_fckprotectedatt="%20onclick%3D%22document.location.href%20%3D%20'http%3A%2F%2Fsitedoktoru.blogspot.com'%3B%22" style="margin:0px;padding:0px;text-decoration:none;border:none;border-bottom:1px solid #E9E9E9;width:244px;height:120px;padding-bottom:16;margin-top:8;margin-right:4px;margin-left:4px;background-color:transparent;line-height:14px;text-align:left;cursor:pointer;"><a class="hyugs1" style="margin:0px;padding:0px;text-decoration:none;font-family:Lucida Grande,tahoma,verdana,arial,sans-serif;background-color:transparent;color:#3B5998;font-size:11px;line-height:13px;text-align:left;font-weight:bold;cursor:pointer;">Sitenizi Ekleyin</a><br/><a class="hyugs2" style="margin:0px;padding:0px;text-decoration:none;font-family:Lucida Grande,tahoma,verdana,arial,sans-serif;background-color:transparent;color:#808080;font-size:11px;line-height:14px;text-align:left;font-weight:normal !important;margin-bottom:5px;cursor:pointer;display:inline-block">sitedoktoru.blogspot.com</a><br/><a class="hyugs3" style="margin:0px;padding:0px;text-decoration:none;font-family:Lucida Grande,tahoma,verdana,arial,sans-serif;background-color:transparent;color:#333333;font-size:11px;line-height:14px;text-align:left;font-weight:normal !important;cursor:pointer;"><img src="http://3.bp.blogspot.com/-Tg7T5HrjZ2w/T9trt_BD2KI/AAAAAAAALO4/DMas_bXsqs8/s1600/koru.png" _fcksavedurl="http://3.bp.blogspot.com/-Tg7T5HrjZ2w/T9trt_BD2KI/AAAAAAAALO4/DMas_bXsqs8/s1600/koru.png" style="margin:0px;padding:0px;width:80px;height:80px;float:left;margin-right:8px;margin-top:3px;cursor:pointer;border:none !important"/>Site Doktoru sayesinde sitenizi yükseltin, rakiplerinizi sollayın. </a></div><style>.hyugs1:hover{font-family:Lucida Grande,tahoma,verdana,arial,sans-serif;background-color:transparent;color:#3B5998;font-size:11px;line-height:13px;text-align:left;font-weight:bold;text-decoration:underline !important;cursor:pointer;}.hyugs2:hover{font-family:Lucida Grande,tahoma,verdana,arial,sans-serif;background-color:transparent;color:#808080;font-size:11px;line-height:14px;text-align:left;font-weight:normal !important;display:inline-block;text-decoration:none;cursor:pointer;}.hyugs3:hover{font-family:Lucida Grande,tahoma,verdana,arial,sans-serif;background-color:transparent;color:#333333;font-size:11px;line-height:14px;text-align:left;font-weight:normal !important;text-decoration:none;cursor:pointer;}</style> </div>   </div>  </div> </div> </center>

Css Kodu :

#nav_container{display:none;} #tasarimsepeti-hed{width:900px;height:100px;background:transparent url(http://2.bp.blogspot.com/-rLjzs9_vBXQ/UAGsrghq83I/AAAAAAAAMEk/XcUNF7JDLzM/s1600/4g.png) no-repeat center;margin-left:auto;margin-right:auto;} body{background:#fff url(http://4.bp.blogspot.com/-HB_KqSY78Q8/UAGsqgUmdnI/AAAAAAAAMEc/8GRHVQKpNEs/s1600/02301.png) repeat top left;background-attachment:fixed;} #header_container{display:none;} #content{margin-left:15px;} #counter{width:100%;text-align:center;position:absolute;bottom:30px;left:0px;} #title{text-align:center;} h2{font-family:Trebuchet MS, Arial, sans-serif;font-size:18px;font-weight:bold;color:#00810f;text-decoration:none;margin:0px;margin-top:2px;margin-bottom:14px;} #usthead{position:absolute;top:0px;left:0px;width:640px;height:56px;border:none;padding:0px;margin:0px;background:transparent url(http://2.bp.blogspot.com/-_qMYdTt1jJE/UAGssY7Ub7I/AAAAAAAAMEs/hv2LTAuzzgk/s1600/fg1.png) no-repeat top left;} #ichead{display:inline-block;margin:0px;position:relative;margin-top:56px;left:0px;width:638px;border-left:1px solid #138921;border-right:1px solid #138921;padding:0px;background-color:#eaeaea;min-height:800px;} #tasarimsepeti_aaa{float:left;width:640px;background-color:transparent;position:relative;overflow:visible;margin-bottom:75px;} #tasarimsepeti_bbb{width:900px;margin-left:auto;margin-right:auto;margin-top:20px} #althead{position:absolute;bottom:-6px;left:0px;width:640px;height:38px;border:none;padding:0px;margin:0px;background:transparent url(http://4.bp.blogspot.com/-bF6opaaes5M/UAGsuQtsxFI/AAAAAAAAMEw/t7jDF4z9nUw/s1600/fg2.png) no-repeat top left;} #tasarimsepeti_yan{float:right;width:250px;height:800px;background-color:transparent;-webkit-border-top-right-radius: 4px;-webkit-border-bottom-right-radius: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;} .tasarimsepeti_widget{position:relative;width:250px;height:189px;background:transparent url(http://2.bp.blogspot.com/-1BWcyazdjlQ/UAGsxHpcfVI/AAAAAAAAMFI/tyu0MnXDPNY/s1600/yanz.png) no-repeat center;margin-bottom:10px;} #tasarimsepeti_about{height:140px;width:230px;position:absolute;top:10px;left:10px;} .yanyazi{text-align:left !important;font-family:Tahoma, Arial, sans-serif;font-size:12px;color:#030;} #ustmenum{width:900px;height:33px;border:none;margin:0px;padding:0px;margin-top:15px;background:transparent url(http://4.bp.blogspot.com/-jqUCW9rGcUE/UAGsvSJXu-I/AAAAAAAAMFE/cFWzYscHetU/s1600/ustmenum.png) no-repeat top left;margin-left:auto;margin-right:auto;} .menuitemm{display:inline-block;width:80px;height:31px;color:#128820 !important;text-decoration:none !important;font-family:Trebuchet MS, Verdana, sans-serif;text-align:center;margin-top:1px;border-right:1px solid #128820;margin-left:0px;margin-right:0px;padding:0px;float:left;line-height:31px;} .menuitemm:hover{text-decoration:none;background-color:#75ba7d;color:#fff;color:#fff !important}