Enver Balık | Kişisel Bilgi Paylaşım Platformu: Html

Html etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

10 Haziran 2013

Enver Balık | Kişisel Bilgi Paylaşım Platformu » Html

Merhaba Arkadaşlar...

Uzun süredir nette araştırıyordum arkadaşlar bu kodu.Sizlere daha güzelini yayınlayabilmek için ama bulamamıştım.Aradan biraz zaman geçince bazı kaynaklarda bu kodu buldum baktım tam sizlere göre hem penceri tarsı renkleri.Yayınlamak istedim.

Bu vereceğim Css Kodlarının Hepsini

]]></b:skin> Kodunun önüne yapıştıracağız..

Html Kodunun ise göstermek istediğiniz pencereye veya 'Şablon>Html'yi Düzenle>Widget Şablonlarını Genişlet <body> Kodunun hemen altına yapıştıracaksınız.

Bu Kodu ]]></b:skin> Önüne yapıştıracağız;

#perde { background-color:black; opacity: 0.7; -moz-opacity:0.70; filter: alpha(opacity=70); z-index: 20; height: 100%; width: 100%; background-repeat:repeat; position:fixed; top: 0px; left: 0px; } #duyuru { z-index: 50; position:absolute; background-color:#bb5046; width:530px; height:230px; left: 50%; top: 50%; margin-top: -185px; margin-left: -275px; border-radius:20px; padding:20px; -moz-box-shadow:inset 0 0 80px #822820; -webkit-box-shadow: inset 0 0 80px #822820; box-shadow: inset 0 0 80px #822820; }#duyuru p{ text-align:left; font:14px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#fcd1cd; text-shadow: #822820 2px 1px; } #duyuru h1{ font:20px Georgia, 'Times New Roman'; color:white; letter-spacing: -1px; margin-bottom: 10px; text-align:center; text-shadow: #822820 2px 1px; }#duyuru .kapat{right:0; top:0; padding:1px; font:10px "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align:center; border-radius:3px; z-index: 60; position:absolute; background-color:white; border:1px #858585 solid; margin:-12px -12px 0 0; border-radius:10px; color:#111; width:15px; height:15px; cursor:pointer; } #duyuru .kapat:hover{ background-color:#CCC; color:white; }#duyuru p .awlogo{ margin:15px; border-right:1px #822820 dotted; float:left; }

HTML Kodu ise yerleşim alanından bir widget açarak kaydedebilirsiniz.

 <br /> <div id="perde">
 </div>
<div id="duyuru">
 <div class="kapat" onclick="document.getElementById('duyuru').style.display = 'none';document.getElementById('perde').style.display = 'none';">
 X</div>
<h6>
 AdobeWordPress.com Duyuru Penceresi</h6>
Bu duyuru penceresi okumakta olduğunuz makale sonucunda oluşmuştur. Bir satırlık javascript koduyla çalışan bu pencere diğerlerine kıyasla <span style="text-decoration: underline;">hızlı</span> ve <span style="text-decoration: underline;">geliştirilebilirdir</span>. <img alt="" class="awlogo" src="http://www.adobewordpress.com/wp-content/themes/themolio/images/logo.png" /> <a href="http://www.blogger.com/www.adobewordpress.com">www.adobewordpress.com</a> Adobe program dersleri ve WordPress blog sisteminin detaylarını konu alan interaktif Türkçe eğitim merkezi.</div>
<pre>

Unknown

10 Haziran 2013

Html

3 Yorum

3 Haziran 2013

Enver Balık | Kişisel Bilgi Paylaşım Platformu » Html

Merhaba Arkadaşlar...

Siteleriniz'de işe yarayacak bir işlem arkadaşlar bu.Mesela sağ taraftaki menü sistemini sola kaydıra bileceksiniz böyle.

Yapmanız gereken Sitenizin kodlarından stil kodları kısmına gelin ve #main-wrapper'i bulun. Ardından float:left; değerini float:right; olarak değiştirin. Böylece yapmak istediğinizi yapmış olacaksınız.

Unknown

3 Haziran 2013

Css/Html , Html

6 Yorum

1 Haziran 2013

Enver Balık | Kişisel Bilgi Paylaşım Platformu » Html

Merhaba Arkadaşlar...

Bu yazımda sizlere blogger arşiv sayfası yapımını anlatacağım. Bana göre arşiv sayfası mutlaka her site olması gereklidir. Ziyaretçilerin tek sayfada tüm yazılarını görmesi onların aradıkları konuyu bulmasını dahada kolaylaştırır. Hemen nasıl yapıldığını anlatayım...

Kodda Yapmanız Gereken İşlem Nedir ?

Kodda bulunan www.siteadresiniz.com kısmına kendi adresinizi ekleyin.

<div style="list-style-type: none;"> <script src="http://yourjavascript.com/8875514172/arsiv.txt.js" type="text/javascript"></script><script src="www.siteadresiniz.com/feeds/posts/default?max-results=500&alt=json-in-script&callback=loadtoc"></script></div>

Unknown

1 Haziran 2013

Blogger , Blogger Eklenti , Css/Html , Html

0 Yorum

Enver Balık | Kişisel Bilgi Paylaşım Platformu » Html

Merhaba Arkadaşlar...

Aslında benzer yazılar, paylaşım butonlar v.b. eklentiler gibi bu eklentide blogun vazgeçilmezlerinden birisidir bana sorarsanız.Ben'de yararlı olacağını düşünerek sizlerle paylaşmak istedim.

Blogger'a Nasıl Eklenir ?

Sol menüden Yerleşim kısmına gelin. Ve açılan sayfadan " Gadget Ekle ➜ HTML/JavaScript"i seçin ve sonda verdiğim kodları o kısma ekleyin...

<script type='text/javascript'>
var relatedpoststitle="";
</script>
<script type='text/javascript'>
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;

}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
for(var i = 0; i < relatedUrls.length; i++)
{
if(relatedUrls[i]==currentposturl)
{
relatedUrls.splice(i,1)
relatedTitles.splice(i,1)

}
}
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;

if(relatedTitles.length>1) 
document.write('<ul>');
while (i < relatedTitles.length && i < 20 && i<maxresults) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>
');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>
');
}
</script>
<div id="categorylist">
<script type="text/javascript" src="/feeds/posts/default?alt=json-in-script&callback=related_results_labels&max-results=10"></script>
<script type="text/javascript">
var currentposturl="";
var maxresults=10;
removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>

Unknown

Blogger , Blogger Eklenti , Css/Html , Html

0 Yorum

31 Mayıs 2013

Enver Balık | Kişisel Bilgi Paylaşım Platformu » Html

Merhaba Arkadaşlar...

Öncelikle bu tema kodlaması " Salih Toy " kardeşime ait'tir.Şimdi tema cok hoş bir görünüme sahiptir.Her alanda kullanıla bilir bir tasarım olarak düzenlenmiştir.Menü alanları düzenle şekilde ayarlanmıştır.Logo ya " opacity " kodu eklenmiştir." Bedava-Sitem " platformuna uyarlıdır tema.Dilerseniz " Weebly " platformunada kodlarda değişiklik yapmadan eklenebilir size kalmış birşey.

Tasarım Üzeri Kod

Tasarım Altı Kod

</div>
<!-- END content -->
<!-- BEGIN sidebar -->
<div id="sidebar">

<!-- Reklam Alanı -->
<div class="ads">
 
<a target="_self" href="http://www.salihtoy.tr.gg/"><img border="0" alt="" body="" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=0" style="opacity: 1; width: 125px; height: 125px;" src="http://a1210.hizliresim.com/12/5/dp6b3.gif" /></a>
<a target="_self" href="http://www.salihtoy.tr.gg/"><img border="0" alt="" body="" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=0" style="opacity: 1; width: 125px; height: 125px;" src="http://a1210.hizliresim.com/12/5/dp6b3.gif" /></a>
<a target="_self" href="http://www.salihtoy.tr.gg/"><img border="0" alt="" body="" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=0" style="opacity: 1; width: 125px; height: 125px;" src="http://a1210.hizliresim.com/12/5/dp6b3.gif" /></a>
<a target="_self" href="http://www.salihtoy.tr.gg/"><img border="0" alt="" body="" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=0" style="opacity: 1; width: 125px; height: 125px;" src="http://a1210.hizliresim.com/12/5/dp6b3.gif" /></a>
</div>
<!-- Reklam Alanı -->

<!--Arama -->
<form class="search" action="http://www.salihtoy.tr.gg/">
<input type="text" name="s" id="s" />
<button type="submit">Arama</button>
</form>
<!-- Arama -->

<div class="wrapper">

<!-- Popüler Konular -->
<h2>
Popüler Konular</h2>
<ul>
<li><a href="http://enverblk.blogspot.com/">Yeni tasarım'a geçtik. :)</a></li>
<li><a href="http://enverblk.blogspot.com/">SalihToy kendini aştı. :)</a></li>
<li><a href="http://enverblk.blogspot.com/">''Seksenler'' dizisi çok yankı aldı.</a></li>
<li><a href="http://enverblk.blogspot.com/">Google yeni bir çağa giriş yaptı.</a></li>
</ul>
<!-- Popüler Konular -->

<!-- BEGIN left -->
<div class="l sbar">

<!-- Kategoriler -->
<h2>
Kategoriler</h2>
<ul>
<li><a href="http://enverblk.blogspot.com/">Tasarımlar</a></li>
<li><a href="http://enverblk.blogspot.com/">Html / Css</a></li>
<li><a href="http://enverblk.blogspot.com/">Bedava-Sitem</a></li>
<li><a href="http://enverblk.blogspot.com/">Bilgisayar</a></li>
<li><a href="http://enverblk.blogspot.com/">İnternet</a></li>
<li><a href="http://enverblk.blogspot.com/">Wordpress</a></li>
<li><a href="http://enverblk.blogspot.com/">Blogger</a></li>
<li><a href="http://enverblk.blogspot.com/">Joomla</a></li>
</ul>
<!-- Kategoriler -->
        
<!-- Menü -->
<h2>
Menü</h2>
<ul>
<li><a href="http://enverblk.blogspot.com/">Anasayfa</a></li>
<li><a href="http://enverblk.blogspot.com/">İletişim</a></li>
<li><a href="http://enverblk.blogspot.com/">Hakkımızda</a></li>
<li><a href="http://enverblk.blogspot.com/">Yorum yap</a></li>
<li><a href="http://enverblk.blogspot.com/">Enver Balık</a></li>
<li><a href="http://www.salihtoy.tr.gg/">SalihToy</a></li>
</ul>
<!-- Menü -->
      
</div>
<!-- END left -->
<!-- BEGIN right -->
<div class="r sbar">

<!-- Arşivler -->
<h2>
Arşivler</h2>
<ul>
<li><a href="http://enverblk.blogspot.com/">Temmuz 2008</a></li>
<li><a href="http://enverblk.blogspot.com/">Agustos 2008</a></li>
<li><a href="http://enverblk.blogspot.com/">Eylül 2008</a></li>
<li><a href="http://enverblk.blogspot.com/">Ekim 2008</a></li>
<li><a href="http://enverblk.blogspot.com/">Kasım 2008</a></li>
<li><a href="http://enverblk.blogspot.com/">Ocak 2008</a></li>
</ul>
<!-- Arşivler -->
        

<!-- Dost Siteler -->
<h2>
Dost Siteler</h2>
<ul>
<li><a href="http://enverblk.blogspot.com/">Siteni Eklet</a></li>
<li><a href="http://enverblk.blogspot.com/">Siteni Eklet</a></li>
<li><a href="http://enverblk.blogspot.com/">Siteni Eklet</a></li>
<li><a href="http://enverblk.blogspot.com/">Siteni Eklet</a></li>
<li><a href="http://enverblk.blogspot.com/">Enver Balık</a></li>
<li><a href="http://www.salihtoy.tr.gg/">SalihToy</a></li>
</ul>
<!-- Dost Siteler -->
      
</div>
<!-- END right -->
</div>
</div>
<!-- END sidebar -->
<!-- BEGIN footer -->
<div id="footer">
<p>
Copyright © 2012 Design ßy: <a href="http://www.free-css.com/">Free-Css</a> | Tr.Gg Alt Yapı: <a href="http://www.salihtoy.tr.gg/">SalihToy</a></p>
</div>
<!-- END footer -->
</div>
<!-- END wrapper -->
<div id="freecssfooter">
<div id="fcssholder">
<div id="bsap_2365" class="bsarocks bsap_b893e54e42ad5b76e7b252f59be18e67">
</div>
<div id="bsap_1635" class="bsarocks bsap_b893e54e42ad5b76e7b252f59be18e67">
</div>
</div>
</div>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
<script type="text/javascript">
_uacct = "UA-159243-28";
urchinTracker();
</script>
</body>
</html>

Css Kod

/* 
Kodlama: Salih Toy.
Yayıncı: Enver Balık. */
::-moz-selection {

    background:#c00;

    color:#fff;

}

::selection {

    background:#c00;

    color:#fff;



}

input[type="text"]  { font-family : "Trebuchet MS"; font-size : 11px; font-weight : normal; color : #333333; border : 1px solid #cccccc; background : #f6f6f6 url(http://img.webme.com/pic/o/osmantalay/style1_txt_bgot.gif) repeat-x top; } input[type="text"]:focus, input[type="text"]:active { border-color : #777; } input[type="submit"] { cursor : pointer; font-family : "Trebuchet MS"; font-size : 11px; font-weight : normal; color : #333333; border : 1px solid #c6c7ca; background : #e4e4e4 url(http://img.webme.com/pic/o/osmantalay/style1_btn_bgot.gif) repeat-x top; } textarea { font-family : "Trebuchet MS"; font-size : 11px; font-weight : normal; color : #333333; border : 1px solid #cccccc; background : #f6f6f6 url(http://img.webme.com/pic/o/osmantalay/style1_txt_bgott.gif) repeat-x top; }  

i {

    padding : 5px;
    text-align : left;
    display : block;
    overflow : auto;
    font : 500 1em/1.5em 'Verdana';
    border : 1px solid #cccccc;
    -moz-border-radius: 5px 5px 5px 5px;  border-radius: 5px 5px 5px 5px;
}

#osmantalay {display:none;}
//--></style> <div id="osmantalay">
<style type="text/css">
<!--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;}

* {
 margin: 0; padding: 0;
}
body {
 text-align: center;
 font: 12px Verdana;
 color: #565656;
 background-color: #e9e9e9;
}
a {
 color: #dc1000;
 text-decoration: none;
}
a:hover {
 color: #000000;
}
img {
 border: 0;
}

.break {
 font-size: 0;
 width: 0; height: 0;
 clear: both;
}
.alignleft {
 float: left;
 margin: 4px 10px 5px 0;
}
.alignright {
 float: right;
 margin: 4px 0 5px 10px;
}
.aligncenter {
 text-align: center;
}
.hidden {
 display: none;
}

/** BEGIN wrapper **/
#wrapper {
 width: 970px;
 background: url(http://a1210.hizliresim.com/12/5/dp229.gif) repeat-y 0 0;
 margin: auto auto;
 text-align: left;
 padding: 0 7px;
}
/** END wrapper **/

/** BEGIN header **/
#header {
 background: #ffffff url(images/header.gif) repeat-x 0 0;
}
 #header ul {
  float: left;
  list-style-type: none;
  padding: 10px 0;
  margin-left: -5px;
 }
  #header ul li {
   float: left;
   text-transform: uppercase;
   font-size: 0.9em;
   padding: 0 15px;
   border-left: 1px solid #252525;
  }
   #header ul li.f {
    border: 0;
   }
 #header .links {
  float: right;
  font-size: 0.9em;
  color: #252525;
  padding: 10px;
 }
  #header .links a {
   margin-left: 14px;
  }
 #header .logo {
  padding: 18px 18px 40px;
  float: left;
 }
  #header .logo h1 {
   font-family: "Lucida Sans";
   font-size: 2.5em;
   text-transform: uppercase;
  }
  #header .logo h1 a {
   color: #252525;
  }
  #header .logo p {
   color: #DE2011;
   font-weight: bold;
   padding-left: 10px;
  }
 #header .ad468x60 {
  float: right;
  padding: 16px 10px;
 }
 #header ol {
  list-style-type: none;
  height: 35px;
  background-color: #252525;
 }
  #header ol li {
   float: left
  }
  #header ol li a {
   color: #ffffff;
   display: block;
   padding: 10px 12px 11px;
  }
  #header ol li a:hover {
   background-color: #DC1000;
  }
 #header {
  
 }
/** END header **/

/** BEGIN content **/
#content {
 width: 666px;
 float: left;
}
 #content .post {
  width: 259px; height: 420px;
  float: left;
  padding: 20px 15px 0 35px;
 }
  #content .post h2 {
   font-family: Georgia;
   font-size: 1.5em;
   margin-bottom: 15px;
  }
   #content .post h2 a {
    color: #252525;
   }
  #content .post .date {
   font-size: 0.9em;
   font-family: Georgia;
   color: #808080;
   margin-bottom: 15px;
  }
  #content .post .continue {
   color: #ffffff;
   background-color: #DC1000;
   padding: 5px 10px;
   display: block;
   float: left;
   font-family: Georgia;
   font-weight: bold;
   margin-bottom: 25px;
  }
  #content .post p {
   margin-bottom: 10px;
   line-height: 1.4em;
  }
  #content .post .thumb {
   height: 92px;
   overflow: hidden;
   padding: 5px;
   background-color: #EEEEEE;
   border: 1px solid #E8E8E8;
   margin-bottom: 10px;
  }
   #content .post .thumb div {
    height: 92px;
    overflow: hidden;
   }
   #content .post .thumb img {
    width: 247px;
   }
 #content .postnav {
  clear: both;
  padding: 20px 34px 40px;
 }
  #content .postnav ul {
   list-style-type: none;
   border: 0;
  }
   #content .postnav ul li {
    float: left;
    padding: 2px;
    padding: 2px;
   }
   #content .postnav ul li a {
    display: block;
    text-align: center;
    text-decoration: none;
    border: 0;
    padding: 5px 8px;
    background-color: #9F9F9F;
    color: #ffffff;
    font-family: Georgia;
    font-weight: bold;
   }
   #content .postnav ul li a:hover {
    background-color: #E05F00;
    border: 0 !important;
   }
   #content .postnav ul li.next a {
    width: auto;
    padding: 2px 4px;
   }
   #content .postnav .page_info {
    text-align: center;
    text-decoration: none;
    border: 0;
    padding: 5px 8px;
    background-color: #9F9F9F;
    color: #ffffff;
    font-family: Georgia;
    font-weight: bold;
    margin: 2px;
   }
/** END content **/

/** BEGIN sidebar **/
#sidebar {
 width: 304px;
 float: right;
 padding-bottom: 20px;
}
 #sidebar .wrapper {
  padding: 0 15px;
 }
 #sidebar h2 {
  color: #252525;
  font-size: 0.9em;
  text-transform: uppercase;
  margin: 15px 0 10px;
 }
 #sidebar ul {
  list-style-type: none;
 }
  #sidebar ul li {
   border-bottom: 1px dotted #DADADA;
   line-height: 1.4em;
   padding: 4px 0;
   font-size: 0.9em;
  }
  #sidebar ul li a {
   color: #808080;
  }
  #sidebar ul li a:hover {
   color: #DC1000;
  }
 #sidebar .ads {
  text-align: center;
  padding: 10px 0;
 }
  #sidebar .ads img {
   margin: 3px;
  }
 #sidebar .search {
  background: #EEEEEE url(http://a1210.hizliresim.com/12/5/dp237.gif) no-repeat center center;
  border-width: 1px 0;
  border-color: #E8E8E8;
  border-style: solid;
  height: 52px;
 }
  #sidebar .search input {
   float: left;
   border: 0;
   font-size: 1.2em;
   font-family: Verdana;
   width: 200px;
   margin: 18px 11px 0 22px;
  }
  #sidebar .search button {
   float: left;
   border: 0;
   text-indent: -9999px;
   width: 53px; height: 32px;
   margin-top: 10px;
   background-color: transparent;
  }
 #sidebar .flickr { }
  #sidebar .flickr img {
   margin: 3px;
  }
 #sidebar .video {
  padding-bottom: 5px;
 }
 #sidebar .tags { 
  padding-bottom: 5px;
 }
  #sidebar .tags a {
   color: #808080;
  }
  #sidebar .tags a:hover {
   color: #DC1000;
  }
 #sidebar .l {
  float: left;
  width: 125px;
 }
 #sidebar .r {
  float: right;
  width: 125px;
 }
  #sidebar .sbar li {
   font-size: 1em;
   padding-left: 12px;
   background: url(http://a1210.hizliresim.com/12/5/dp23v.gif) no-repeat 0 8px;
   border: 0;
  }
/** END sidebar **/

/** BEGIN footer **/
#footer {
 clear: both;
 background-color: #252525;
 color: #ffffff;
 font-family: Georgia;
 padding: 30px;
}
 #footer p {
  line-height: 1.5em;
 }
/** END footer **/

/** BEGIN miscellaneous **/
#comments {
 padding: 0 35px 20px;
}
 #comments h2 {
  margin: 20px 0 5px;
  font-size: 1.5em;
  font-weight: normal;
 }
 #comments p {
  margin-bottom: 10px;
  line-height: 1.5em;
 }
 #comments form {
  padding-top: 20px;
 }
  #comments form p {
   margin-bottom: 5px;
  }
  #comments form input, textarea {
   border: 1px solid #cccccc;
   font-size: 0.9em;
   font-family: Verdana;
   padding: 4px;
   background-position: 4px 4px;
   background-repeat: no-repeat;
  }
  #comments form input {
   width: 260px;
   border: 1px solid #cccccc;
  }
  #comments form textarea {
   width: 350px;
   padding: 4px 4px !important;
   border: 1px solid #cccccc;
  }
  #comments form button {
   border: 1px solid #909090;
   background-color: #cccccc;
   font-size: 0.9em;
   font-family: Verdana;
   width: 120px; height: 23px;
  }
 .commentdetails {
  margin-top: 25px;
 }
 .commentauthor {
  margin-bottom: 5px !important;
  font-weight: bold;
 }
 .commentdate {
  font-size: 0.8em;
  margin-bottom: 5px;
  color: #909090;
 }
 .required {
  color: #ff0000;
 }
h2.title {
 font-size: 1em;
 text-transform: uppercase;
 padding: 25px 35px 0;
 color: #565656;
}
.single {
 padding: 20px 35px;
}
 .single h2 {
  font-family: Georgia;
  font-size: 1.5em;
  margin-bottom: 15px;
 }
 .single .date {
  font-size: 0.9em;
  font-family: Georgia;
  color: #808080;
  margin-bottom: 15px;
 }
 .single h3 {
  font-size: 1.5em;
  font-weight: normal;
  margin-bottom: 7px;
 }
 .single p {
  line-height: 1.4em;
  margin-bottom: 10px;
 }
 .single ul {
  margin: 0 0 10px 16px;
 }
 .single ol {
  margin: 0 0 10px 18px;
 }
 .single li {
  line-height: 1.4em;
  padding: 2px 0;
 }
 .single blockquote {
  padding: 10px 10px 5px;
  margin-bottom: 10px;
  background-color: #eeeeee;
  border-width: 1px 0;
  border-style: solid;
  border-color: #e8e8e8;
 }
/** END miscellaneous **/

/** BEGIN wordpress 2.7 comments **/
#comments ol {
 list-style-type: none;
 clear: both;
 padding: 0;
 margin: 0;
}
 #comments ol li {
  padding: 10px;
  border: 1px solid #e0e0e0;
  margin-bottom: 10px;

 }
 #comments ol li .avatar {
  float: right;
 }
 #comments ol li .comment-author {
  
 }
  #comments ol li .comment-author .fn {
   font-weight: bold;
   font-size: 1.2em;
  }
 #comments ol li .comment-meta {
  font-size: 0.9em;
  color: #999999;
  margin: 5px 0 10px;
 }
 #comments ol li .reply {
  font-size: 0.9em;
  font-weight: bold;
  padding-bottom: 10px;
 }
 #comments .children {
  list-style-type: none;
 }
#comments .navigation {
 padding: 10px 0 20px;
 font-size: 0.9em;
}
 #comments .navigation a {
  color: #999999;
  padding: 3px 8px;
  border: 1px solid #cccccc;
 }
 #comments .navigation a:hover {
  color: #000000;
  border-color: #000000;
  text-decoration: none;
 }
/** END wordpress 2.7 comments **/

#footer { height: 0; }
#header ul { margin-left: 0; }
#below_content{margin-bottom:-950px;}   font[color="green"]{ background-color:#00E566; border:1px solid #00B233; color:#000000; -moz-border-radius:3px; -khtml-border-radius:3px;}   font[color="red"]{ background-color:
#FF6633; border:1px solid #CC0033; color:
#000000; -moz-border-radius:3px; -khtml-border-radius:3px;}          A{ text-decoration : none; } a{color:#000000;text-decoration:none;font:bold} a:hover{color:
#33ccff;text-decoration:none;font:bold}  </style>

Unknown

31 Mayıs 2013

Bedava-Sitem , Css/Html , Html

2 Yorum

26 Mayıs 2013

Enver Balık | Kişisel Bilgi Paylaşım Platformu » Html

Merhaba Arkadaşlar...

Herkez internette "Konu Başlığı ve Konu Kutusu"nun kodlarını arıyor.Buldukları'da kolay yapımla hazırlanmış olanlar oluyor beğenmiyorlar.Bende bunun üzerine bi kod düzenlemesi yaparak hoş bir görünüm kazandırarak sizlerle paylaşmak istedim.Neyse Css ile hazırlanmış bu "Konu Başlığı ve Konu Kutusu" sizlerde siteniz'de kullana bilirsiniz...

Önizleme

Html Kod

<div id="konu_basligi_enver">
Enver Balık Örnek</div>
<div id="konu_icerigi_enver">
Bu bölüme her şey eklenebilir.</div>

Css Kod

#konu_basligi_enver 
{ width:550px; font-family:Arial; background-color:
#3366ff; border:1px solid 
#000; color:#FFF; font-size:18px; padding:3px; }  
#konu_icerigi_enver 
{ 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:#000;
border-bottom-color:
#000; border-left-color:
#000; width:535px; margin-left:5px; height:auto; padding:5px; }

Unknown

26 Mayıs 2013

Css/Html , Html , Konu Başlığı , Konu Kutusu

1 Yorum

25 Mayıs 2013

Enver Balık | Kişisel Bilgi Paylaşım Platformu » Html

Merhaba Arkadaşlar...

Sizlere şimdi cok güzel bir kod tanıtacağım arkadaşlar.Aslında böle bir kodu daha hiçbir site paylaşmadı.Ben bu kodları internette dolaşırken bir "tr.gg" sitesinde buldum cok hoşuma gitti.Kodları alarak biraz düzenledi.Şimdide sizlerle paylaşıyorum.Bu kod sadece "bedava-sitem" kullanıcıları için gecerlidir.Diğer platforumlara uygun değildir.

Kodların yapımcısı " Mert Topuz "dur.İzni ile yayınlanmaktadır.

Kod Nasıl Eklenir...

İlk olarak vermiş olduğum "Css Kodunu" "Bedava-Sitem > Tasarım Ayarları > Gelişmiş Ayarlar > Css Kodu " alanına ekliyoruz.

Sonra "Üyelik Paneli Html" kodunuda "bedava-sitem"de bir sayfa acarak "Kaynak" alanına ekliyoruz ve kaydediyoruz.Üyelik paneli tasarımımız böylelikle aktif oluyor.

Giriş Paneli Önizlemesi

Css Kod

#uyegirisi_bg {padding: 63px 0px 0px 55px;}
.UyeGirisi_input {padding-left: 5px; font-family: Calibri; font-size: 25px; font-weight: bold; color: #dedede; width: 541px; height: 42px;}
#uyegirisi_formozellikleri input{border: 0px;}
#uyegirisi_bosluk {padding-top: 3px;}
#uyegirisi_girisyap {float: right; padding-right: 11px;}

Html Kod

<table width="616" border="0" align="center" cellpadding="0" cellspacing="0">
    <tbody>
<tr>
            <th height="211" align="left" valign="top" background="http://l1305.hizliresim.com/19/t/nfysx.png" scope="col">
            <div id="uyegirisi_bg">
            <div id="uyegirisi_formozellikleri">
            <form action="UyeGirisi.htm" method="POST">
                <table>
                    <tbody>
<tr>
                            <td><input type="text" class="UyeGirisi_input" name="logindata[name]" value="Kullanıcı Adı" onclick="if(this.value=='Kullanıcı Adı') this.value='';" onblur="if(this.value=='') this.value='Kullanıcı Adı';" width="546" height="46" /></td>
                        </tr>
<tr>
                            <td>
                            <div id="uyegirisi_bosluk">
</div>
<input type="PASSWORD" class="UyeGirisi_input" name="logindata[kennwort]" value="Parola" onclick="if(this.value=='Parola') this.value='';" onblur="if(this.value=='') this.value='Parola';" /></td>
                        </tr>
</tbody>
                </table>
<div id="uyegirisi_girisyap">
<input type="hidden" name="mode" value="1" />  <input type="hidden" name="checklogin" value="1" />  <input type="hidden" name="logindata[checklogin]" value="1" />  <input type="image" value="Submit" src="http://p1305.hizliresim.com/19/t/nfyzj.png" /></div>
</form>
</div>
</div>
</th>
        </tr>
</tbody>
</table>
<br/>

Unknown

25 Mayıs 2013

Bedava-Sitem , Bedava-Sitem Kayıt Ol , Css/Html , Html , Üyelik , Üyelik Paneli

20 Yorum

Enver Balık | Kişisel Bilgi Paylaşım Platformu » Html

Merhaba Arkadaşlar...

Sizlere şimdi cok güzel bir görünüme sahip olan "Mybb" temasını tanıtacağım.Tema benim değil ben sadece tema üzerinde editlemeler yaparak eksikleri giderdim.

Tema Özellikleri;

Logo arka plan renkleri düzenlendi.

Duyurular içeriği düzenlendi.

Üst menü eklendi.

Hızlı arama başlığı eklendi.

İstatistikler ve Çevrim içi kişiler alanı yan yana getirilerek cercevelendi.

English ve Türkçe Çevirici eklendi.

Üye Giriş Paneli Düzenlenelerk Özel Çerceveler İçerisinde Açılması Sağlandı.

Önizleme

İndir

Unknown

Css/Html , Forum Tasarımı , Html , Mybb , Tema

4 Yorum

22 Mayıs 2013

Enver Balık | Kişisel Bilgi Paylaşım Platformu » Html

Merhaba Arkadaşlar....

Bu kod sayesinde sitenizin sağ üst köşesine reklam veya resim ekleyebileceksiniz.Dikkatimi cekti internette bende kodunu araştırıp sizlerle paylaşmak istedim.

Kod içinde belirtilen RESİM ÜSTÜNE TIKLANINCA GİDİLECEK ADRES yazan kısma yönlendirme yapacağınız site linkini yazacaksınız.

<script LANGUAGE="Javascript">
<!--
Code0 = "%3Cscript%20language%3D%22Javascript%22%3E%0D%0A%3C%21--%0D%0Avar%20PagePeelBasicData_Paper%20%3D%20new%20Array%28%29%3B%0D%0Avar%20PagePeelBasicData_Ad%20%3D%20new%20Array%28%29%3B%0D%0A%0D%0APagePeelBasicData_Paper%5B%27width%27%5D%20%3D%20540%3B%0D%0APagePeelBasicData_Paper%5B%27height%27%5D%20%3D540%3B%0D%0A%0D%0APagePeelBasicData_Paper%5B%27swingspeed%27%5D%20%3D%205%3B%0D%0A%0D%0APagePeelBasicData_Paper%5B%27minimized_percent%27%5D%20%3D%2020%3B%0D%0APagePeelBasicData_Paper%5B%27minimized_amplitude%27%5D%20%3D%201%3B%0D%0A%0D%0APagePeelBasicData_Ad%5B%27width%27%5D%20%3D450%3B%0D%0APagePeelBasicData_Ad%5B%27height%27%5D%20%3D%20450%3B%0D%0A%0D%0APagePeelBasicData_Ad%5B%27img%27%5D%20%20%20%20%20%3D%20%22RESİM URL%22%3B%0D%0APagePeelBasicData_Ad%5B%27dest%27%5D%20%20%20%20%20%3D%20%22 RESİM ÜSTÜNE TIKLANINCA GİDİLECEK ADRES %22%3B%0D%0APagePeelBasicData_Ad%5B%27target%27%5D%20%20%20%20%20%3D%20%27_blank%27%3B%0D%0A%0D%0Adocument.write%28%27%3Cscript%20src%3D%22http%3A//static.de.euserv.adaos-ads.net/richmedia/pagepeel/pagepeel.js%22%20language%3D%22Javascript%22%3E%3C/script%3E%27%29%3B%0D%0A--%3E%0D%0A%3C/script%3E%0D%0A";
document.write(unescape(Code0));
//-->
</script>

Unknown

22 Mayıs 2013

Css , Css/Html , Html , Sitenin Sağ Üst Köşesini Kıvır

1 Yorum

Enver Balık | Kişisel Bilgi Paylaşım Platformu » Html

Merhaba Arkadaşlar...

Bugün nette aylak aylak gezerken bir sitenin başlığının kaydığını gördüm. İlgimi çekti. Merak ettim,araştırdım, buldum ve sizlerle paylaşıyorum . Bu kod sayesinde site başlığınız değişerek sitenize ayrı bir görsellik katacaktır...

Wordpress Kullananlar İçin;

Tema editöründen header.php ‘ye tıklayın. <head> tagını bulun. <head> tagından sonra aşağıdaki kodu ekleyin…

<script LANGUAGE=’JavaScript’>

var default1 = “Enver Balık “;
var text1 = “Enver Balık1 “;
var text2 = “Enver Balık2  “;
var text3 = “Enver Balık3 “;
var text4 = “Enver Balık4 “;
var changeRate = 2000; // 1000 = 1 second
var messageNumber = 0;

function changeStatus() {
if (messageNumber == 0) {
window.status=default1;
document.title=default1;
}
else if (messageNumber == 1) {
window.status=text1;
document.title=text1;
}
else if (messageNumber == 2) {
window.status=text2;
document.title=text2;
}
else if (messageNumber == 3) {
window.status=text3;
document.title=text3;
}
else if (messageNumber == 4) {
window.status=text4;
document.title=text4;
messageNumber = 0;
}

messageNumber++;
setTimeout(“changeStatus();”,changeRate);

}

changeStatus();

</SCRIPT>

Unknown

Başlık Kodları , Css , Css/Html , Değişen Başlık Kodu , Hareketli Site Başlığı , Html

3 Yorum

Enver Balık | Kişisel Bilgi Paylaşım Platformu » Html

Merhaba Arkadaşlar...

Arkaplan Özellikleri (Background Properties)

Css Arkaplan özelliklerini kısa ve öz bir şekilde videolu anlatıma sunulmuştur.

Unknown

Css , Css/Html , Html , Photoshop

0 Yorum

Enver Balık | Kişisel Bilgi Paylaşım Platformu » Html

Merhaba Arkadaşlar...

Hazırladığınız bir html dökümanı içerisindeki yazılarınızı font, renk ve boyut olarak istediğiniz gibi nasıl düzenleyeceğinizi anlatan bir videodur.

Unknown

Css , Css/Html , Html , Photoshop

0 Yorum

14 Mayıs 2013

Enver Balık | Kişisel Bilgi Paylaşım Platformu » Html

Merhaba Arkadaşlar...

Bu kod sayesinde yazının üzerine geldiğinde arkaplanında bir renk belirir.

a.enver_d:link{font-size:19px; color:#FF3333; text-decoration:none}
a.enver_d:visited{font-size:19px; 3px;color:#FF3333; text-decoration:none}
a.enver_d:hover{font-size:19px;color:#FF3333; background-color:#FFFF00;}

<a class="enver_d" rel="dofollow" href="http://enverblk.blogspot.com">Üzerine gelince arkaplan rengi değişen link kodu
 </a>

Unknown

14 Mayıs 2013

Css , Css/Html , Html

0 Yorum

Enver Balık | Kişisel Bilgi Paylaşım Platformu » Html

Merhaba Arkadaşlar...

Bu kod sayesinde "Linkin" üzerine gelince altı cizir.Yukarıda görüldüğü gibidir.

a.enver_b:link{font-size:19px; color:#FF3333; text-decoration:none}
a.enver_b:visited{font-size:19px; 3px;color:#FF3333; text-decoration:none}
a.enver_b:hover{font-size:19px;color:FF3333;text-decoration:underline}

<a class="enver_b" rel="dofollow" href="http://www.enverblk.blogspot.com">Üzerine gelince altı çizilen link kodu</a>

Unknown

Css , Css/Html , Html

5 Yorum

13 Mayıs 2013

Enver Balık | Kişisel Bilgi Paylaşım Platformu » Html

Merhaba Arkadaşlar...

Şimdi sizlere "Blogger Yorum Kodu" eklentisini tanıtacağım.Kodu widget ekleyerek kullanabilirsiniz.

Kod içerisindeki http://enverblk.blogspot.com/ yazını bulup kendi sitenizi eklemelisiniz.

Kod Önizlemesi

Unknown

13 Mayıs 2013

Blogger , Html , Yorum Kutusu Kodu

3 Yorum

Enver Balık | Kişisel Bilgi Paylaşım Platformu » Html

Merhaba Arkadaşlar...

Şimdi sizlere "Bedava-Sitem Forum Kodu"nu tanıtacağım.Forum tasarımının üzerinde oynama yapılarak belirli "Css/Html" kodları ile forum tasarımını güzelleştirilmiş halidir bu.

Bu kodu eklemek için ilk olarak "Ekstra" sayfasına giriyoruz sonra "Forum" ekstrasını seçip giriyoruz ve orda üst alanda boş bir yazı menüsü vardır oraya aşağıdaki kodu ekliyoruz ve kaydetiyoruz tasarım aktif oluyor.

Kodun Önizlemesi

Unknown

Bedava-Sitem , Css , Forum Kodu , Forum Tasarımı , Html

0 Yorum

Enver Balık | Kişisel Bilgi Paylaşım Platformu » Html

Merhaba Arkadaşlar...

Şimdi sizlere cok güzel bir "Html/Css" kod tanıtacağım.Kodun özelliği soluk olan resimlerinizi daha net bir şekilde gösterir.İşinize yarayabilir bir kod.

Önizleme

<a href="http://enverblk.blogspot.com/" target="_self"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu3SgVYSpgNMkqpGFIKNf4UvJLIsQNvkfvemHfbhEblRlw8FBJ9DFITYX1kG8Nit33G4NfRIbAsrSTS-CH8za1poM85jflyYfiEaUIadfEP4NoAICC9nPPrgqedXZRCH58NoDgNk4gwkM/s1600/ln1yz.png" style="opacity:0.4;filter:alpha(opacity=40)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" body="" alt="" /></a>

Unknown

Bedava-Sitem , Css , Css Opacitiy Kodu , Html , Opacity

0 Yorum

5 Mayıs 2013

Enver Balık | Kişisel Bilgi Paylaşım Platformu » Html

Merhaba Arkadaşlar...

Bedava-sitem'in kısa bir süre önce sunduğu hazır temayı daha güzel hale getirebilmek için bazı arkadaşlarımız özel kodlamalar hazırlamış bizlerde bunları sizlerle paylaşmak istedik.

Kodları tek tek sunmak yerine bir dosya içerisinde düzenledim ve direk indirmeniz için siteye yükledim.Dosya içerisinde gereken kodlamalar mevcuttur.Resimli anlatımları'da mecvuttur.

Dosyayı aşağıdan indirebilirsiniz.Dosya benim tarafımdan hazırlanmıştır.

İndir

Unknown

5 Mayıs 2013

Bedava-Sitem , Clean Tasarımı , Css , Html , Webmaster

0 Yorum

Kaydol: Kayıtlar ( Atom )

10 Haziran 2013

Duyuru Kutusu Kodu

3 Haziran 2013

Sidebar'in Yerini Degistirme

1 Haziran 2013

Blogger Arsiv Sayfasi Yapimi

Blogger Rasgele Yazi Eklentisi

31 Mayıs 2013

Bedava-Sitem Tasarimi Web New v.1

26 Mayıs 2013

Sitene Yeni Konu Basligi ve Konu Kutusu

25 Mayıs 2013

Bedava-Sitem Uyelik Paneli Tasarimi

Mybb Forum Temasi v.1

22 Mayıs 2013

Sitenin Sag Ust Kösesini Kivir

Degisen Site Basligi Kodu

Arkaplan Ozellikleri

Html Font Renk ve Boyut

14 Mayıs 2013

Uzerine gelince arkaplan rengi degisen link kodu

Uzerine Gelince Alti Cizilen Link Kodu

13 Mayıs 2013

Blogger Sitene Yorum Kutusu Ekle

Bedava-Sitem Forum Tasarimi Kodu

Css Opacity Kodu

5 Mayıs 2013

Bedava-Sitem Clean Kodlamalari

Kategoriler

Site Hakkında

Site Araçları