Bedava Sitem İce blue Tasarımlar

Dikkat!: Bu tasarımları gelişmişdeki tasarımın üstüne atınız

        Kodu:         <style type="text/css">
<!--
table {margin-left: auto;margin-right: auto}
body {
background-color:#343434;
background-image:url(http://www.backgroundlabs.com/backgrounds/145.gif);
}
td {
color:#000000;
font-size:14px;
text-align:left;
font-family: arial,verdana; }
a:link {
color:#0479D0;
font-size:14px;
font-family:arial,verdana;
text-decoration:none; }
a:visited {
color:#10A4B4;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}
a:hover{
color:#04467B;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}
td.edit_header_full {
background-color:#c0c0c0;
background-image:url(http://img.webme.com/pic/i/iceblueking/baslikkkkkkk.gif);
background-repeat:no-repeat; }
td.headline {visibility:hidden;}
td.nav_heading {
padding-left:5px;
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana;
font-weight:600;
height:27px;
background-color:#2b4f7a;
background-image:url(http://img.webme.com/pic/i/iceblueking/mmenu.gif);
border:1px solid #000; }
td.nav {
background-color:#ccc;
background-image: url(http://img.webme.com/pic/i/iceblueking/mmenu.gif);
border:1px solid #000; }
td.nav:hover {
background-color:#ccc;
background-image:url(http://img.webme.com/pic/i/iceblueking/mmenu.gif);
border:1px solid #000;}
td.nav a {
color:#000000;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
font-weight:500;
text-align:left; }
td.nav a:hover{
color:#000000;
font-weight:500;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
text-align:left; }
td.edit_below_nav {display:none;}
td.edit_main_tr {
height: 50% !important; }
td.edit_navi_headbg {
height: 50%;
background-color:#XXXXXX ;
background-image:url();
border:0px solid #000000; }
td.edit_content_top {
height:27px;
background-color:#2f4b7a;
background-image:url(hhttp://img.webme.com/pic/i/iceblueking/mmenu.gif);
border:1px solid #000; }
td.headline2 {
color:#FFFFFF;
font-size:12px;
font-family:arial,verdana;
text-align:left; }
td.edit_content {
width:610px;
background-color:#FFFFFF;
background-image: url();
border:1px solid #000; }
td.edit_content_left_spacer {
background-color:#f3f3f3;
background-image:url(); }
td.edit_content_right_spacer {
background-color:#f3f3f3;
background-image:url(); }
td.edit_content_bottom {
height:29px;
background-color:#000000;
background-image: url(http://img.webme.com/pic/i/iceblueking/mmenu.gif);
border:1px solid #000000; }
td.edit_content_bottom:hover {
background-color:#ccc;
background-image:url(http://img.webme.com/pic/i/iceblueking/copyrgiht2.gif);
border:1px solid #000;}
td.edit_content_bottom2 {
background-color:#XXXXXX ;
background-image: url();
border:0px solid #000000; }
td.edit_content_bottom2_counter {
font-family:arial,verdana;
font-size:14px;
color:#000;
background-color:#c9c9c9;
border:1px solid #000000; }
td.edit_rechts_cbg {
background-color:#XXXXXX;
background-image: url();
border:0px solid #000000; }
td.edit_rechts_sbg {display:none;}
td.sidebar_heading {
padding-right:5px;
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana ;
text-align:center;
font-weight:600px;
height:27px;
background-color:#000000;
background-image: url(http://img.webme.com/pic/i/iceblueking/mmenu.gif);
border:1px solid #000000; }
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
color:#000080;
font-size:14px;
font-family.arial,verdana;
text-align:left;
background-color:#F2F2F2;
background-image: url();
border:1px solid #000000; }
td.edit_rb_footer{display:none; }
td.edit_rechts_bottom {
background-color:#XXXXXX ;
background-image: url();
border:0px solid #000000; }
-->
</style>

        Kodu:      <style type="text/css">
<!--
table {margin-left: auto;margin-right: auto}
body {
background-color:#343434;
background-image:url(http://www.backgroundlabs.com/backgrounds/285.gif);
}
td {
color:#000000;
font-size:14px;
text-align:left;
font-family: arial,verdana; }
a:link {
color:#0479D0;
font-size:14px;
font-family:arial,verdana;
text-decoration:none; }
a:visited {
color:#10A4B4;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}
a:hover{
color:#04467B;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}
td.edit_header_full {
background-color:#c0c0c0;
background-image:url(http://img.webme.com/pic/i/iceblueking/oyunbaslik.gif);
background-repeat:no-repeat; }
td.headline {visibility:hidden;}
td.nav_heading {
padding-left:5px;
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana;
font-weight:600;
height:27px;
background-color:#2b4f7a;
background-image:url(http://img.webme.com/pic/i/iceblueking/oyunsagsol.gif);
border:1px solid #000; }
td.nav {
background-color:#ccc;
background-image: url(http://img.webme.com/pic/i/iceblueking/oyunmenuilk.gif);
border:1px solid #000; }
td.nav:hover {
background-color:#ccc;
background-image:url(http://img.webme.com/pic/i/iceblueking/oyunmenu.gif);
border:1px solid #000;}
td.nav a {
color:#000000;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
font-weight:500;
text-align:left; }
td.nav a:hover{
color:#000000;
font-weight:500;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
text-align:left; }
td.edit_below_nav {display:none;}
td.edit_main_tr {
height: 50% !important; }
td.edit_navi_headbg {
height: 50%;
background-color:#XXXXXX ;
background-image:url();
border:0px solid #000000; }
td.edit_content_top {
height:27px;
background-color:#2f4b7a;
background-image:url(http://img.webme.com/pic/i/iceblueking/oyunsagsol.gif);
border:1px solid #000; }
td.headline2 {
color:#FFFFFF;
font-size:12px;
font-family:arial,verdana;
text-align:left; }
td.edit_content {
width:610px;
background-color:#FFFFFF;
background-image: url();
border:1px solid #000; }
td.edit_content_left_spacer {
background-color:#f3f3f3;
background-image:url(); }
td.edit_content_right_spacer {
background-color:#f3f3f3;
background-image:url(); }
td.edit_content_bottom {
height:29px;
background-color:#000000;
background-image: url(http://img.webme.com/pic/i/iceblueking/oyunsagsol.gif);
border:1px solid #000000; }
td.edit_content_bottom:hover {
background-color:#ccc;
background-image:url(http://img.webme.com/pic/i/iceblueking/copyrgiht2.gif);
border:1px solid #000;}
td.edit_content_bottom2 {
background-color:#XXXXXX ;
background-image: url();
border:0px solid #000000; }
td.edit_content_bottom2_counter {
font-family:arial,verdana;
font-size:14px;
color:#000;
background-color:#c9c9c9;
border:1px solid #000000; }
td.edit_rechts_cbg {
background-color:#XXXXXX;
background-image: url();
border:0px solid #000000; }
td.edit_rechts_sbg {display:none;}
td.sidebar_heading {
padding-right:5px;
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana ;
text-align:center;
font-weight:600px;
height:27px;
background-color:#000000;
background-image: url(http://img.webme.com/pic/i/iceblueking/oyunsagsol.gif);
border:1px solid #000000; }
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
color:#000080;
font-size:14px;
font-family.arial,verdana;
text-align:left;
background-color:#F2F2F2;
background-image: url();
border:1px solid #000000; }
td.edit_rb_footer{display:none; }
td.edit_rechts_bottom {
background-color:#XXXXXX ;
background-image: url();
border:0px solid #000000; }
-->
</style>



Read more

Bedava Sitem İntro

Merhaba arkadaşlar bu gün size hackworldweb.blogspot.com sitesi için kodladığım ve suandada kullandığım bedava sitem intromu yayınlayacam.Geçenlerde v1 ni yayınladım şimdi ise v2 sini yayınlayacağım.Umarım beğenirsiniz.Biraz intronun özelliklerinden bahsedeyim sonrada konu vereyim.


-İntronun Özelliği;
•Video alanı mevcut
•Google plus düğmesi mevcut
•Anasayfa.Mesajlar vs buttonlar ekli
•Facebook beğen buttonu ekli

Arkadaşlar ben bu özellikleri ekledim tabikide geliştirmek sizlerin elinde 

İntrodan görüntü;

İntronun Kodları;

<p>&nbsp; <!--webbot bot="HTMLMarkup" endspan --></p>
<p>&nbsp;</p>
&nbsp; &nbsp; &nbsp;
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9">
<meta http-equiv="Refresh" content="2; URL=http://ibrahimahii.blogspot.com/"><script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>  <center>  </center>
<table width="720" align="center">
    <tbody>
        <tr>
            <td height="215" background="http://img.webme.com/pic/i/ibrahim-ahi/intro_01.png">
            <table width="715" height="214">
                <tbody>
                    <tr>
                        <td width="653" height="32">&nbsp;</td>
                    </tr>
                    <tr>
                        <td height="173">
                        <table width="720" height="168">
                            <tbody>
                                <tr>
                                    <td width="38" height="162">&nbsp;</td>
                                    <td width="598" align="center" valign="middle"><iframe width="575" height="148" src="http://www.youtube.com/embed/OLuWHr6-0YQ" frameborder="0" allowfullscreen=""></iframe></td>
                                    <td width="55">&nbsp;</td>
                                </tr>
                            </tbody>
                        </table>
                        </td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
        <tr>
            <td height="52" background="http://img.webme.com/pic/i/ibrahim-ahi/intro_02.png">
            <table width="720" height="46">
                <tbody>
                    <tr>
                        <td width="168" height="40">&nbsp;</td>
                        <td width="344" align="center" valign="middle"><a href="/Ana-Sayfa.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','http://img.webme.com/pic/i/ibrahim-ahi/home1.png',1)"><img src="http://img.webme.com/pic/i/ibrahim-ahi/home.png" name="Image1" width="42" height="40" border="0" alt="" /></a><a href="/iletisim.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','http://img.webme.com/pic/i/ibrahim-ahi/mail1.png',1)"><img src="http://img.webme.com/pic/i/ibrahim-ahi/mail.png" name="Image2" width="42" height="40" border="0" alt="" /></a><a href="/hakkimda.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','http://img.webme.com/pic/i/ibrahim-ahi/user1.png',1)"><img src="http://img.webme.com/pic/i/ibrahim-ahi/user.png" name="Image4" width="42" height="40" border="0" alt="" /></a><a href="/defter.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','http://img.webme.com/pic/i/ibrahim-ahi/defter1.png',1)"><img src="http://img.webme.com/pic/i/ibrahim-ahi/defter.png" name="Image3" width="42" height="40" border="0" alt="" /></a></td>
                        <td width="192">&nbsp;</td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
        <tr>
            <td><center>     <!-- Place this tag where you want the +1 button to render. -->
            <div class="g-plusone" data-size="medium">&nbsp;</div>
            <!-- Place this tag after the last +1 button tag. --> <script type="text/javascript">
  window.___gcfg = {lang: 'tr'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script> <center> </center></center></td>
        </tr>
    </tbody>
</table>
<form action="http://www.google.com/search" method="get" target="_blank">
    <input name="sitesearch" style="display:none;" value="http://ibrahim-ahi.tr.gg" />
</form>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/tr_TR/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like-box" data-href="https://www.facebook.com/ibrahimahi.fanpage?fref=ts" data-width="292" data-height="60" data-show-faces="false" data-stream="false" data-header="false">&nbsp;</div>
<style type="text/css">body {
font-family:"Trebuchet Ms","Myriad Pro",tahoma,arial;
line-height:19px;
background:url(http://a1211.hizliresim.com/13/6/fpt9k.png);
margin:0;
padding:0;
}</style> </meta>
</meta>

Read more

Bedava Sitem Reklama Çerçeveye Alma

Merhaba arkadaşlar sizlere tr.gg de en popüler reklam çerçeve ekleme kodunu sunuyorum. Bu kod BS reklamlarına çerçeve yapmak için oluşturulmuştur.

Bu kodu tasarım ayarlarından Css bölümünün en üstüne eklemeniz gerekmektedir.

Kod; iframe{border:solid 4px #000000;}

Solid kodunu aşağıdaki kodlarla değiştirerek istediğiniz çerçeveyi ekleyebilirsiniz.


solid: düz 
dotted: noktalı 
double: çifte 
groove: değişik birşey 
inset: içe girmiş gibi 
dashed: kesik 
outset: çıkıntılı
2px: Kenar Kalınlığı
#000000: Buda renk kodudur. 

Read more

Renga V2 Tasarım | BedavaSitem

Güzel Bir Blog temalar arasında. Yakın zamanda geçmiş tema arşiv’ini buldum. Yayında olmayan temalar’ı bulup paylaşıcam arasıra.. Haa birde güzel ve entegrelemediğim temalar var ise de Tr.Gg için çeviricem.  

Neler Eklendi ;   
* Reklam Ortalandı. 
* Reklam Çerçeve İçine Alındı. 
* Ustatextarea Eklendi.
* Yeni Smiley Eklendi. 
* Yorum Kutusuna Resim Eklendi. 
* Admin Yorumu Kutu İçine Alındı.
* Admin’den Yorum Eklendi. 
* Kopyalama Rengi Değişti.

Ön İzleme / İndir

RAR Şifresi ; www.grafikerim.tk

Read more

Blue Grey V1 Tasarım | BedavaSitem

Tek menü sütunlu bir tasarım dır. Üst menüdür. Çeşitli eklentiler ile süslemiş bulunuyorum bu işe başladığım ik zamanlarki temalardan birisidir. Eskilerde kaldığı için pek fazla ilgi görmeyen temalar arasındadır. O yüzden bende yayınlamış bulunuyorum…

Neler Eklendi ;   

 * Reklam Ortalama Eklendi. 
 * Reklam Çerçeve İçine Eklendi 
 * Kopyalama Rengi Değişti. 
 * 468×60 Reklam Banneri EKlendi
 * Arkaplan Değişti. 
 * Kayan Yazı Eklendi. 
 * Yukarı Çık Çapası Eklendi.
 * Form Kutusu Değişti.
 * Form Kutusuna Resim Eklendi. 
 * Yeni Smiley Eklendi 
 * Admin Yorum’u Kutu İçine Alındı.
 * Admin’den Yorum Eklendi.  

Ön İzleme / İndir

RAR Şifresi ; www.grafikerim.tk

Read more

Forum V1 Tasarım | BedavaSitem

Selam arkadaşlar, sizlere bu sefer BedavaSitem için Forum teması editledim. Gerçekten hep blog blog insan sıkıldı yaw. Değişik birşey ler isteyenleri düşündüm ve bir forum editlemeye karar verdim. Aslıdna BedavaSitem için bir forum teması daha yayınladım ama olsun dedim buda dier bir forum teması olsun dedim. Temanın kodları çok kolay ve basit anlaşılmayacak bir durum yok! Belki WordPress ten görenler vardır die de düşünüyorum. V2 sürümü çıkarsa da onu da BedavaSitem’e editlerim hiç meraketmeyin. Haa şunuda beliteyim ki Copyright kısmı ile lütfen emek karşılıgı değiştirmeyin silmeyin onamayın!! Bu kadar zahmet çektim LÜTFEN !!!


Neler Eklendi :  

  * Reklam Ortalandı / Çerçeve Eklendi. 
  * Koplayama Rengi Değişti(Kırmızı). 
  * Form Kutusu Değişti.
  * Sağ Reklam Aşağı İndi / ALt Reklam Ortalandı.
  * Admin Yorum’u Kutu İçine Alındı.
  * Online-Offline Kutu İçine Alındı.
  * Smiley Değişti.
  * Opacity Eklendi. 
  * Link Renkleri Kapalı(Siyah), Açık(Mavi) Olarak Değişti.  

Ön İzleme / İndir

RAR Şifresi ; www.grafikerim.tk

Read more

Pßlog V1 Tasarım | BedavaSitem

Merhaba Arkadaşlar, Bu sefer Tayfun Erbilen’in teması ile karşınızdayım. Tema gerçekten çok güzel. Bende fırsat bu fırsat güzel bir şekilde BedavaSitem’e editledim. Yanında da bir kaç güzel eklentiler içerdim. Bilgidini çiçek gibi yapmaya çalıştım. Umarım olmuştur…   

Neler Eklendi :

  * Form Kutusu Değişti.
  * Online/Offline Kutu İçine Alındı. 
  * Admin Yorum’u Kutu İçine Alındı. 
  * Smiley Değişti.
  * Sağ Reklam Aşağı İndi/ Alt Yazı Reklam Ortalandı.
  * Reklam Ortalandı / Çerçeve Eklendi.
  * Kopyalama Rengi Değişti (Kırmızı).
  * Opacity Eklendi.

                                                               Ön İzleme / İndir

                                                      Rar Şifresi : www.grafikerim.tk

Read more

Wordpress, Joomla Tasarımlarını Bedava-Sitem'e Uyarlanması

Merhaba arkadaşlar,
Bu dersimizde Wordpress-Joomla'nın nasıl Bedava-sitem ve sadece Html destekleyen sitelere uyarlanabileceği hakkında önbilgiler vereceğim..

Öncelikle şunu bilmeliyiz ki en köklü kodlama dili Html'dir ve fark etmişseniz php,asp vs olarak kodlanmış tüm sitelerin kaynak kodları Html olarak görünmektedir.. zaten bizim işimize yarayan özellik ''Kaynak Kodu'' olacak.. Örnek verecek olursak..

Aşağıda görünen kod kendi tasarımımın başlangıç kodunun PHP'ye dönüştürülmüş biçimidir.. 

Kod:

<?php get_header(); ?> <?php $options = get_option('pb_options'); ?> <div id="middle-contents" class="clearfix"> <div id="left-col"> <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

Şimdi vereceğim kodda onun Html versyonudur..

Kod:

<div id="wrapper"> <div id="contents"> </div> <!-- #header end --> <div id="middle-contents" class="clearfix"> <div id="left-col">

Yani demek istediğim şudur ki kodlar birbirine döüştürülebilir ve ana kodlama dilide Html'dir..

Bunun için Wordpress veya Joomla tasarım diyoruz fakat onlar kendi kodlama dillerini oluşturup (yani css ve html (php) yerine başka bir dil üretmemişler) bir tasarım oluşturmamışlardır..

Bunun için bu iki tasarım Html destekli Bedava-sitem'e çok rahat şekilde dönüştürülebilir.. 



Read more

BedavaSitem’e Üyelik Sistemi Kurmak

Merhaba Arkadaşlar, bu seferki videolu anlatımda BedavaSitem için üyelik sistemi kurma anlatımını yapıcam. Özellikle bu sistemi BedavaSitem’de kurmak isteyen arkadaşlar var ise ”İletişim” Ekstrasını kullanmayanlar yapsın. Çünki, bu sistemde ”İletişim” ve ”Saklı Sayfalar” ekstraları kullanılacak. Bu sistem aslında forum kurularakta yapılıyor. Nasıl mı ?, forum kurduktan sonra e-mail adresi kaydediyorsun. Üye olmak isteyen ziyaretçiler o forum’u doldurup göndeiriyorlar. Bu sayede de bilgiler e-posta adresine gidiyor. Ben bu şekil istemiyorum diyenler olduğu için anlatımı direk BedavaSİtem üzerinden yaptım. Günü gelir forum kurmayıda gösteririz   


Videoyu izler iken 720.Px(Hd) yapar iseniz görüntü daha iyi ve net olucaktır… İyi Seyirler… 

Read more