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

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

5 Haziran 2013

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

Merhaba Arkadaşlar...

Şimdi arkadaşlar blogunuz'da bulunan tüm videoları tek bir kod sayesinde istediğiniz boyutlarda tutabileceksiniz.Bu kodu css'ye eklemeniz yeterli olucaktır.Bu kod iframe içeriyor bilginize.Çok yararlı bir koddur.

iframe {width:500px; height:300px;}

Yukarıdaki kod sayesinde blogumda bulunan tüm videolar 500px genişliğinde, 300px yüksekliğinde olacak. Eğer video playerı isterseniz de kodlarımız arasına margin: px değeri vererek konumunu ayarlayabilirsiniz...

Unknown

5 Haziran 2013

Css/Html

0 Yorum

3 Haziran 2013

Enver Balık | Kişisel Bilgi Paylaşım Platformu » Css/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 » Css/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 » Css/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 » Css/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 » Css/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 » Css/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 » Css/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 » Css/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 » Css/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 » Css/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 » Css/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

18 Mayıs 2013

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

Merhaba Arkadaşlar...

Şimdi sizlere "Web Site" kullananlar için önemli olan birkaç css kod tanıtacağım.Bu kodlar ilk "Salih Toy" kardeşimiz tarafından yayınlanmıştır bende en önemli ola bilecekleri buraya ekledim.

Gölgeli Yazı Kodu

<style type="text/css"> h1 { color: silver; font-family: Verdana, serif; letter-spacing: 1px } h1 span { display: block; position: relative; top: -39px; left: -0.4mm; color: black; } </style> <h1> Yazılacak Yazı Buraya<span>Yazılacak Yazı Buraya</span></h1>

Temalarınızda “–>” İşaretini Silin

Bu kodu css'ye ekleyinizi. (Css/Style)

<!

Yazı Tipini Değiştirme

body,td,th { font-family: Calibri, Arial; font-size: 13px; color: #000; margin: 0px; }

Bedava-Sitem Üst, Alt, Sağ Reklamı Ortalama

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 { margin:auto; } #webme_footer_textlink_dont_hide { margin-left: 350px; } #webme_sky_ad { top: 200px; }

Arkaplan Değiştirme

body { background-image: url(buraya link); background-repeat: repeat; background-attachment: scroll; background-color: white; background-position: top-left; }

Unknown

18 Mayıs 2013

Bedava-Sitem , Blogger , Css , Css/Html , Genel , style

1 Yorum

14 Mayıs 2013

Enver Balık | Kişisel Bilgi Paylaşım Platformu » Css/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 » Css/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

Kaydol: Kayıtlar ( Atom )

5 Haziran 2013

Css ile Blogundaki Tum Videolari Boyutlandirma

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

18 Mayıs 2013

Onemli Css Kodlar

14 Mayıs 2013

Uzerine gelince arkaplan rengi degisen link kodu

Uzerine Gelince Alti Cizilen Link Kodu

Kategoriler

Site Hakkında

Site Araçları