TeknoAnaliz | Teknoloji & Kişisel blog

Css bölümüne gelicek

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;
}
#ad-a87f,#ad-c81e,#ad-a87f,#ad-cfcd,#ad-c9f0,#ad-c4ca,#ad-8f14,#ad-e4da,#ad-d3d9,#ad-1679,#ad-45c4,#ad-eccb {
border: 1px solid #3B3B3B;
background: #3B3B3B;
margin:auto;

}
#webme_footer_textlink_dont_hide {
background: #fff;
color: #333;
padding: 5px;
height: 30px;
text-decoration: none;
width: 900px;
line-height: 30px;
margin-left: 350px;
font-size: 11px;
border: 1px solid #3B3B3B;
}
#webme_sky_ad {

border: 1px solid #3B3B3B;
background: #3B3B3B;
}

/* Chicken scrollbar ayarlamalari */
/* Chicken scrollbar - 3 çizginin olduğu yer */
::-webkit-scrollbar-thumb {background:#3B3B3B; url(//img.webme.com/pic/c/chickenblog/scrollbar.gif) no-repeat center center; border:1px solid #3B3B3B;}

/* Chicken scrollbar - Scrollbar'ı boyutlandırabilirsiniz. */
::-webkit-scrollbar {width: 13px; height: 10px; }

/* Genel ayarlar sakin dokunma ! */
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display:none;} ::-webkit-scrollbar-track-piece { background-color: #5b5b5b;}



body {
color: #666;
font-size: 12px;
font-family: Arial;
/* [disabled]background-color: #FFFFFF; */
margin: 0px;
background-attachment: fixed;
background-image: url(//img.webme.com/pic/r/rakipblog/crystal_light-wide.jpg);
text-align: left;
background-position: center center;
}
body a {
text-decoration: none;
font-size: 12px;
color: #333;
}
#content {
height: auto;
}
strong {
color: #CCCCCC;
font-size: 17px;
font-family: Tahoma, Geneva, sans-serif;
}

#genel {
width: 900px;
margin-top: 10px;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
/* [disabled]background-color: #CCC; */
height: auto;
padding: 10px;
background-image: url(//img.webme.com/pic/d/dedimblog/beyazsydm.png);
}
#logo {
width: 200px;
float: left;
height: 40px;
margin-left: 7px;
background-image: url(//img.webme.com/pic/r/rakipblog/logorakipv2.png);
background-repeat: no-repeat;
background-position: -5px;
}

#sol {
width: 628px;
float: left;
height: auto;
}
#logomenu {
width: 626px;
height: 40px;
line-height: 40px;
/* [disabled]border: 1px solid #666666; */
background-color: #3B3B3B;
margin-bottom: 15px;
/* [disabled]background-image: url(../../../Downloads/3px-tile-tiny-dark-square-tiles-seamless-pattern.jpg); */
}
#menu {
width: 376px;
float: right;
height: 40px;
}
#menu ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#menu ul li a {
width: 90px;
float: left;
height: 40px;
text-align: center;
display: block;
text-decoration: none;
color: #FFFFFF;
font-size: 10px;
/* [disabled]border-top-width: 2px; */
/* [disabled]border-top-style: solid; */
/* [disabled]border-top-color: #FFFFFF; */
margin-right: 4px;
line-height: 40px;
font-weight: bold;
font-family: Tahoma, Geneva, sans-serif;
-webkit-transition: 0.1s;
transition: 0.1s;
-o-transition: 0.1s;
-moz-transition: 0.1s;
-ms-transition: 0.1s;
}
#menubaslik {
height: 35px;
width: 220px;
color: #FFFFFF;
line-height: 35px;
font-family: Arial;
font-size: 12px;
font-weight: bold;
text-align: left;
padding-left: 30px;
background-color: #cc3333;
background-image: url(//img.webme.com/pic/r/rakipblog/icon_house_alt.png);
background-repeat: no-repeat;
background-position: 7px 8px;
}
#menubaslikkayitol {
height: 35px;
width: 220px;
color: #FFFFFF;
line-height: 35px;
font-family: Arial;
font-size: 12px;
font-weight: bold;
text-align: left;
padding-left: 30px;
background-color: #66ccff;
background-image: url(http://www.fistan.com.tr/Portals/0/Skins/fistan-v001.00.002-default/images/kayit_icon.png);
background-repeat: no-repeat;
background-position: 7px;
}
#sagmenugenel {
width: 250px;

background-color: #FFF;
margin-bottom: 15px;
}
#sagmenugenel ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#sagmenugenel ul li a {
text-decoration: none;
color: #666;
padding-left: 20px;
background-image: url(//img.webme.com/pic/r/rakipblog/dropdown_arrow_right.png);
text-align: left;
display: block;
background-repeat: no-repeat;
background-position: 7px;
height: 30px;
line-height: 30px;
font-size: 11px;
font-weight: bold;
font-family: Tahoma, Geneva, sans-serif;
-webkit-transition: 0.1s;
transition: 0.1s;
-o-transition: 0.1s;
-moz-transition: 0.1s;
-ms-transition: 0.1s;
}
#sagmenugenel ul li a:hover {
text-align: left;
color: #666;
background-color: #EAEAEA;
}
#sagmenugenel ul li a em {
font-size: 11px;
font-weight: normal;
font-variant: small-caps;
}
#blogbaslik a {
font-size: 11px;
text-decoration: none;
color: #f1f1f1;
background-color: #3B3B3B;
display: block;
height: 30px;
line-height: 30px;
font-weight: bold;
padding-left: 25px;
font-family: Tahoma, Geneva, sans-serif;
background-image: url(//img.webme.com/pic/r/rakipblog/yorumla.png);
background-repeat: no-repeat;
background-position: 3px;
}
#blogkonusu {
background-color: #EEEEEE;
margin: auto;
color: #999;
width: 100%;
height: 25px;
}
#blogkonusu ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#blogkonusu ul li a {
width: 207px;
float: left;
height: 25px;
display: block;
text-align: center;
text-decoration: none;
color: #666666;
font-family: Tahoma, Geneva, sans-serif;
font-weight: normal;
font-size: 11px;
line-height: 25px;
}
#sag {
width: 250px;
float: right;
height: auto;
}
#reklamalani {
margin-top: 15px;
height: auto;
}
#blogv1 {
width: 626px;
/* [disabled]border: 1px solid #999; */
margin-bottom: 15px;
}
#blogyazisi {
height: auto;
background-color: #FFF;
color: #333;
padding: 5px;
width: 616;
font-weight: normal;
line-height: 17px;
}
#blogdevami {
height: 25px;
background-color: #EEEEEE;
line-height: 25px;
color: #333;
font-weight: bold;
font-size: 12px;
text-align: right;
padding-right: 5px;
}
#blogdevami a {
text-decoration: none;
color: #666666;
font-size: 11px;
display: block;
}
#blogdevami a:hover {
text-decoration: none;
color: #333333;
font-size: 11px;
display: block;
}
#blogresmi {
width: 630px;
}
#blogresmi a img{
height: 150px;
width: 626px;
display: block;
-webkit-transition: 0.2s;
transition: 0.2s;
-o-transition: 0.4s;
-moz-transition: 0.2s;
-ms-transition: 0.4s;
}
#blogresmi a img:hover {
width: 650px;
position: relative;
margin-left: -10px;
}
#sagkategoriler {
height: 35px;
line-height: 35px;
background-color: #ffcc66;
color: #FFF;
font-weight: bold;
font-size: 12px;
padding-left: 30px;
background-image: url(//img.webme.com/pic/r/rakipblog/dersler.png);
background-repeat: no-repeat;
background-position: 7px;
text-align: left;
}
#sgkategoriler {
height: auto;
background-color: #FFF;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #F4F4F4;
border-bottom-color: #F4F4F4;
border-left-color: #F4F4F4;
}
#sgmenu {
width: 122px;
}
#sgmenu ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#sgmenu ul li a {
text-decoration: none;
font-size: 11px;
color: #666;
display: block;
padding-left: 22px;
height: 25px;
line-height: 25px;
background-image: url(//img.webme.com/pic/r/rakipblog/dropdown_arrow_right.png);
background-repeat: no-repeat;
background-position: 2px;
font-family: Tahoma, Geneva, sans-serif;
font-weight: bold;
}
#sgmenu ul li a:hover {
text-decoration: none;
font-size: 11px;
color: #666;
display: block;
padding-left: 22px;
height: 25px;
line-height: 25px;
background-repeat: no-repeat;
background-position: 2px;
background-color: #E9E9E9;
}
#reklamalani img {
border: 1px solid #CCC;
margin: 2px;
width: 110px;
height: 100px;
text-align: center;
display: block;
-webkit-transition: 0.1s;
transition: 0.1s;
-o-transition: 0.1s;
-moz-transition: 0.1s;
-ms-transition: 0.1s;
}
#sagbaslik.reklamalani a {
background-color: #006699;
display: block;
padding-left: 30px;
text-decoration: none;
color: #FFF;
font-size: 12px;
font-weight: bold;
font-family: Tahoma, Geneva, sans-serif;
line-height: 35px;
height: 35px;
background-image: url(//img.webme.com/pic/r/rakipblog/araclaar.png);
background-repeat: no-repeat;
background-position: 5px;
text-align: left;
}
#reklamalani table {
background-color: #FFF;
border: 1px solid #EEE;
}
#reklamalani a img:hover {
border: 1px solid #32BEEC;
}
#siralama {
margin: auto;
width: 200px;
height: 40px;
}
#siralama ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#siralama ul li a {
text-decoration: none;
color: #FFF;
background-color: #333333;
padding: 5px;
float: left;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
display: block;
}
#siralama ul li a:hover {
text-decoration: none;
color: #FFF;
background-color: #333333;
padding: 5px;
float: left;
width: 20px;
margin: 5px;
height: 20px;
line-height: 20px;
text-align: center;
display: block;
}
#copright {
width: 890px;
padding: 5px;
height: 30px;
line-height: 30px;
color: #FFF;
margin-top: 10px;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
position: relative;
/* [disabled]background-image: url(../../../Downloads/3px-tile-tiny-dark-square-tiles-seamless-pattern.jpg); */
background-color: #3B3B3B;
}
#copright a {
text-decoration: none;
color: #282828;
padding: 5px;
border: 1px solid #FFF;
background-color: #FFF;
font-weight: bold;
font-size: 11px;
}
#menu ul li a:hover {
width: 90px;
float: left;
height: 26px;
text-align: center;
display: block;
text-decoration: none;
color: #3B3B3B;
font-size: 10px;
/* [disabled]border-top-width: 2px; */
/* [disabled]border-top-style: solid; */
/* [disabled]border-top-color: #FFFFFF; */
margin-right: 4px;
font-weight: bold;
font-family: Tahoma, Geneva, sans-serif;
-webkit-transition: 0.1s;
transition: 0.1s;
-o-transition: 0.1s;
-moz-transition: 0.1s;
-ms-transition: 0.1s;
background-color: #FFF;
margin-top: 7px;
margin-bottom: 7px;
border-radius: 10px;
line-height: 26px;
}

form textarea {
border-radius: 10px;
padding: 3px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #999;
border-right-color: #CCC;
border-bottom-color: #999;
border-left-color: #CCC;
}
form table tbody tr td input {
border-radius: 10px;
padding: 3px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #999;
border-right-color: #CCC;
border-bottom-color: #999;
border-left-color: #CCC;
}
form input {
border: 1px solid #CCC;
padding: 5px;
}

Tasarımın üstüne gelicek

<div id="genel">
<table width="900" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<th scope="col">
<div id="sol">
<div id="logomenu">
<div id="logo"> </div>
<div id="menu">
<ul>
<li><a href="http://rakipblog.tr.gg/">Başlangıç</a></li>
<li><a href="http://rakipblog.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm">İletişim</a></li>
<li><a href="http://rakipblog.tr.gg/Ziyaret%E7i-defteri.htm">Yorum yapsana?</a></li>
<li><a href="http://rakipblog.tr.gg/Hakk%26%23305%3Bmda.htm
">Hakkımda</a></li>
</ul>
</div>
</div>
<div id="content">
 

Tasarımın altına gelicek

</div>
</div>


<div id="sag">
<div id="sagmenugenel">
<div id="menubaslikkayitol">Giriş veya kayıt ol!</div>
</br>
<form action="http://rakipblog.tr.gg/Giri%26%23351%3B-yap.htm" method="POST">
<table width="100%">
<tbody>
<tr>
<td>Kullanıcı adınız:</td>
<td><input type="text" name="logindata[name]" value=""></td>
</tr>
<tr>
<td>Şifreniz:</td>
<td><input type="PASSWORD" name="logindata[kennwort]" value=""></td>
</tr>
</tbody>
</table>
<center> <input type="hidden" name="mode" value="1"><input type="hidden" name="checklogin" value="1"><input type="hidden" name="logindata[checklogin]" value="1"><input type="submit" value="Giriş yap"> ya da <a href="http://rakipblog.tr.gg/Kay%26%23305%3Bt-ol.htm">Kayıt ol</a></center>
</br>
</form>
</div>
<div id="sag">
<div id="sagmenugenel">
<div id="menubaslik">Başlangıç</div>
<ul>
<li><a href="http://rakipblog.tr.gg/ana-sayfa.htm">Anasayfa / <em>başa dön</em></a></li>
<li><a href="http://rakipblog.tr.gg/%26%23304%3Bleti%26%23351%3Bim.htm">İletişim / <em>bize ulaş</em></a></li>
<li><a href="http://rakipblog.tr.gg/Ziyaret%E7i-defteri.htm">Bizi yorumla / <em>deftere görüşünü yaz</em></a></li>
<li><a href="http://rakipblog.tr.gg/Hakk%26%23305%3Bmda.htm">Hakkımda /<em> bende kimim?</em></a></li>
<li><a href="http://rakipblog.tr.gg/Reklam-ver.htm
">Reklam ver / <em>hadi anlaşalım</em></a></li>
</ul>
</div>
<div id="sagkategoriler">Kategoriler</div>
<div id="sgkategoriler">
<table width="250" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<th align="left" valign="top" scope="col">
<div id="sgmenu">
<ul>
<li><a href="http://rakipblog.tr.gg/Programlar.htm
" class="programlar">Programlar</a></li>
<li><a href="http://rakipblog.tr.gg/Web-dersleri.htm" class="webdersleri">Web dersleri</a></li>
<li><a href="http://rakipblog.tr.gg/Browser-oyunlar.htm
" class="defter">Browser Oyunlar</a></li>
<li><a href="http://rakipblog.tr.gg/Online-oyunlar.htm
" class="gndem">Online oyunlar</a></li>
</ul>
</div>
</th>
<th align="left" valign="top" scope="col">
<div id="sgmenu">
<ul>
<li><a href="http://Dedimblog.tr.gg/Yemek-tarifleri.htm
" class="yemektarifi">Yemek tarifleri</a></li>
<li><a href="http://rakipblog.tr.gg/Rop.oe.rtajlar.htm" class="roportaj">Ropörtajlar</a></li>
<li><a href="http://rakipblog.tr.gg/Tasar%26%23305%3Bmlar.htm" class="tasarimlar">Tasarımlar</a></li>
<li><a href="http://rakipblog.tr.gg/Css%26html.htm
" class="csshtml">Css&Html</a></li>
</ul>
</div>
</th>
</tr>
</tbody>
</table>
</div>
<div id="reklamalani">
<div id="sagbaslik" class="reklamalani"><a href="#">Reklam alanı</a></div>
<table width="100%" border="0" cellspacing="5" cellpadding="0">
<tbody>
<tr>
<th width="119" height="100" align="center" valign="middle" scope="col"><a href="#"><img src="http://www.sanayitupu.com/images/reklam-bos-alani.gif" width="120" height="100" alt="" /></a></th>
<th width="131" align="center" valign="middle" scope="col"><a href="#"><img src="http://www.sanayitupu.com/images/reklam-bos-alani.gif" alt="" height="100" /></a></th>
</tr>
<tr>
<td align="center" valign="middle"><a href="#"><img src="http://www.sanayitupu.com/images/reklam-bos-alani.gif" alt="" /></a></td>
<td height="100" align="center" valign="middle"><a href="#"><img src="http://www.sanayitupu.com/images/reklam-bos-alani.gif" alt="" width="120" height="100" /></a></td>
</tr>
</tbody>
</table>
</div>
</div>
</th>
</tr>
</tbody>
</table>
</div>
<div id="copright">TÜM HAKLARI SAKLIDIR! TASARIM VE KODLAMA: <a href="http://www.dentasarim.tr.gg">DENTASARIM</a> <a href="http://www.teknoanaliz.tr.gg">TeknoAnaliz</a></div>


<!--ozgurgorgulu.blogspot.com | Sitene Yüksek Kaliteli Yılbaşı Resimleri Ekle | Başlangıç-->
<a href="http://ozgurgorgulu.blogspot.com/"><img alt='Özgür Görgülü' src='https://lh5.googleusercontent.com/-fKpSydIHhnc/UOAmeRmXCJI/AAAAAAAAA-o/jI9ST0CyLtM/s600/noel_baba_1.png' style='max-width: 185px; max-height: 180px; position: fixed; right: 0; bottom: 0; background: transparent; border: none; box-shadow: none;' height='180' width='185'/></a>
<!--ozgurgorgulu.blogspot.com | Sitene Yüksek Kaliteli Yılbaşı Resimleri Ekle | Bitiş-->

İçerik bölümünün altındaki bilgi

</a></div></div>

Anasayfa kodu

<div id="blogv1">
<div id="blogbaslik"><a href="#">&quot;Sosyal ağ&quot; filmi!</a></div>
<div id="blogresmi"><a href="#"><strong><img width="600" height="150" alt="" src="http://4.bp.blogspot.com/-nEyDjglEm34/ULvCccCNdHI/AAAAAAAABks/amVALkiW3xE/s640/sosyal_2.jpg" /></strong></a></div>
<div id="blogkonusu">
<ul>
<li><a href="#">Yazan: Rakipblog</a></li>
<li><a href="#">Kategori: Genel</a></li>
<li><a href="#">15 Aralık 2014</a></li>
</ul>
</div>
<div id="blogyazisi">Bu işlere yeni başlayanlara, bu iş derken tasarım, kodlama vs. bu film sizin ilham kaynağınız olabilir. Ben tam 5 kere izledim, her izlediğimde kendimden beklentilerimi y&uuml;ksek tuttum, tabi fazla a&ccedil;ılmamak lazım. Bu film Facebook kuruluşunu anlatıyor. Filmden etkilendim diyebilirim. Sizlerde izleyince yorumlarınızı bu başlık altına yazarsanız sevinirim...</div>
<div id="blogdevami"><a href="http://rakipblog.tr.gg/Sosyal-a%26%23287%3B-filmi.htm">Devamını g&ouml;r</a></div>
</div>
<div id="blogv1">
<div id="blogbaslik"><a href="http://rakipblog.tr.gg/-Ue-yelik-avantajlar%26%23305%3B.htm">&Uuml;yelere &ouml;zel etkinlikler, ekstralar!</a></div>
<div id="blogresmi"><a href="#"><strong><img width="600" height="150" alt="" src="//img.webme.com/pic/r/rakipblog/banner-coverv1.png" /></strong></a></div>
<div id="blogkonusu">
<ul>
<li><a href="#">Yazan: Rakipblog</a></li>
<li><a href="#">Kategori: Genel</a></li>
<li><a href="#">15 Aralık 2014</a></li>
</ul>
</div>
<div id="blogyazisi">&Uuml;yelere &ouml;zel etkinlikler, ekstralar vs. avantajlar tanınacaktır. B&ouml;yle yapmamızın amacı kalıcı bir kitle oluşturmaktır. Bu &ouml;zellikler nasıl &ccedil;alışır diye sorular geliyor. Bu &ouml;zellik sizin kayıt olup sitemize giriş yapmanızla oluyor, kayıt olurken zaten &uuml;zerindeki avantajlardan, etkinliklerden vs. bahsediceğim...</div>
<div id="blogdevami"><a href="http://rakipblog.tr.gg/-Ue-yelik-avantajlar%26%23305%3B.htm">Devamını g&ouml;r</a></div>
</div>
<div id="blogv1">
<div id="blogbaslik"><a href="#">Rakipblog, yeniden sizlerle!</a></div>
<div id="blogresmi"><a href="#"><img width="600" height="150" alt="" src="http://ucuzasite.net/images/ucuzasite/ucuzasite-web-tasarimi-2.jpeg" /></a></div>
<div id="blogkonusu">
<ul>
<li><a href="#">Yazan: Rakipblog</a></li>
<li><a href="#">Kategori: Genel</a></li>
<li><a href="#">15 Aralık 2014</a></li>
</ul>
</div>
<div id="blogyazisi">Sitemiz sonunda a&ccedil;ıldı. İ&ccedil;erikleri de her ge&ccedil;en g&uuml;n eklemeye gayret g&ouml;steriyorum. Tek başınayım, yavaş yavaş gelişiyoruz. Sitemizin tasarımını bir &ouml;nceki sitem i&ccedil;in yapmıştım ama buna kısmetmiş. Şimdi gelelim yeniliklere; &Uuml;yelik sistemi aktif edildi. &Uuml;yelere bir s&uuml;r&uuml; etkinlik, fırsatlar verilecektir. İ&ccedil;erik bakımından zengin olucaktır, her konuyla ilgili makalelerimizi g&ouml;rebilir, yorumlayabilirsiniz...</div>
<div id="blogdevami"><a href="#">Devamını g&ouml;r</a></div>
</div>