Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj19.07.2009, 15:02 (UTC)    
Mesaj konusu: .:: Tasarımımı Paylaşıma Sunuyorum ::.



Arrow Aşağıda paylaşıma sunulmuş olan tasarım iskelet olarak fakedesign den alındı. Tamamen değiştirdim. İsterseniz sizde kendinize göre modifiye edebilirsiniz.

Arrow Üst menü kendi yapımımdır kafanıza göre uyarlarsınız artık Wink

Tasarım Üzerindeki Yazı
Kod:
<div id="tasarim">
<div id="baslik"><center><a href="Ana-sayfa.htm"><img class="" alt="" border="0" src="http://img.webme.com/pic/b/bedava-siteyap/anasayfaicon.png" /></a> <a href="zdefteri.htm"><img class="" alt="" border="0" src="http://img.webme.com/pic/b/bedava-siteyap/z.defteriicon.png" /></a> <a href="toplist.htm"><img class="" alt="" border="0" src="http://img.webme.com/pic/b/bedava-siteyap/toplisticon.png" /></a> <a href="tasarim.htm"><img class="" alt="" border="0" src="http://img.webme.com/pic/b/bedava-siteyap/tasarimicon.png" /></a> <a href="linkekle.htm"><img class="" alt="" border="0" src="http://img.webme.com/pic/b/bedava-siteyap/linekleicon.png" /></a> <a href="http://siteyap.awardspace.biz"><img class="" alt="" border="0" src="http://img.webme.com/pic/b/bedava-siteyap/forumicon.png" /></a> <a href="htmlkod.htm"><img class="" alt="" border="0" src="http://img.webme.com/pic/b/bedava-siteyap/htmlkodicon.png" /></a>
<div> </div>
<div id="ust"> </div>
<div id="orta"> </div>
</center></div>
<div id="ust"></div>
<div id="orta">
<div class="solsutun"><!--- menu başlangıcı ---><center><style type="text/css">


   html{
      height:100%;
   }
   body{   
      height:100%;
      margin:0px;
      padding:0px;
      font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
   }
   
   /* Entire pane */
   
   #dhtmlgoodies_xpPane{
      background-color:#white;   /* Blue background color */
      float:left;
      height:100%;
      width:200px;   /* Width of panel */
   }
   #dhtmlgoodies_xpPane .dhtmlgoodies_panel{
      margin-left:10px;
      margin-right:10px;
      margin-top:10px;   
   }
   #dhtmlgoodies_xpPane .panelContent{
      font-size:0.7em;
      background-image:url('http://img.webme.com/pic/b/bedava-siteyap/bg_pane_right.gif');
      background-position:top right;
      background-repeat:repeat-y;
      border-left:1px solid #FFF;
      border-bottom:1px solid #FFF;   
      padding-left:2px;
      padding-right:2px;   
      overflow:hidden;
      position:relative;
   }
   #dhtmlgoodies_xpPane .panelContent div{
      position:relative;
   }
   #dhtmlgoodies_xpPane .dhtmlgoodies_panel .topBar{
      background-image:url('http://img.webme.com/pic/b/bedava-siteyap/bg_panel_top_right.gif');
      background-repeat:no-repeat;
      background-position:top right;
      height:25px;
      padding-right:5px;
   }
   #dhtmlgoodies_xpPane .dhtmlgoodies_panel .topBar span{   /* Heading text options */
      line-height:25px;
      vertical-align:middle;
      font-family:arial;   /* Arial font */
      font-size:0.7em;   /* Font size */
      color:#215DC6;   /* Light blue color */
      font-weight:bold;   /* Bold font */
      padding-left:5px;    /* Space at the left */
      float:left;   /* Don't change this one */
      
   }
   #dhtmlgoodies_xpPane .dhtmlgoodies_panel .topBar img{
      float:right;
      cursor:pointer;
   }
   
   </style><script type="text/javascript">
   /***********(C) www.dhtmlgoodies.com, October 2005 www.dhtmlgoodies.com   Alf Magne Kalleland *****/      
   var xpPanel_slideActive = true;   // Slide down/up active?
   var xpPanel_slideSpeed = 15;   // Speed of slide
   
   var dhtmlgoodies_xpPane;
   var dhtmlgoodies_paneIndex;
   
   var savedActivePane = false;
   var savedActiveSub = false;
   
   function showHidePaneContent()
   {
      var img = this.getElementsByTagName('IMG')[0];
      var obj = document.getElementById('paneContent' + img.id.replace(/[^0-9]/g,''));
      if(img.src.toLowerCase().indexOf('up')>=0){
         img.src = img.src.replace('up','down');
         if(xpPanel_slideActive){
            obj.style.display='block';
            slidePane((xpPanel_slideSpeed*-1),obj.id);
         }else{
            obj.style.display='none';
         }
      }else{
         img.src = img.src.replace('down','up');
         if(xpPanel_slideActive){
            if(document.all){
               obj.style.display='block';
               obj.style.height = '1px';
            }
            slidePane(xpPanel_slideSpeed,obj.id);
         }else{
            obj.style.display='block';
         }
      }      
   }
   
   
   
   function slidePane(slideValue,id)
   {

      var activePane = document.getElementById(id);
      if(activePane==savedActivePane){
         var subDiv = savedActiveSub;
      }else{
         var subDiv = activePane.getElementsByTagName('DIV')[0];
      }
      savedActivePane = activePane;
      savedActiveSub = subDiv;
      
      var height = activePane.offsetHeight;
      var innerHeight = subDiv.offsetHeight;
      height+=slideValue;
      if(height<0)height=0;
      if(height>innerHeight)height = innerHeight;
      
      if(document.all){
         activePane.style.filter = 'alpha(opacity=' + Math.round((height / subDiv.offsetHeight)*100) + ')';
      }else{
         var opacity = (height / subDiv.offsetHeight);
         if(opacity==0)opacity=0.01;
         if(opacity==1)opacity = 0.99;
         activePane.style.opacity = opacity;
      }         
      
               
      if(slideValue<0){         
         activePane.style.height = height + 'px';
         subDiv.style.top = height - subDiv.offsetHeight + 'px';
         if(height>0){
            setTimeout('slidePane(' + slideValue + ',"' + id + '")',10);
         }else{
            if(document.all)activePane.style.display='none';
         }
      }else{         
         subDiv.style.top = height - subDiv.offsetHeight + 'px';
         activePane.style.height = height + 'px';
         if(height<innerHeight){
            setTimeout('slidePane(' + slideValue + ',"' + id + '")',10);
         }         
      }
      
      
   }
   
   function mouseoverTopbar()
   {
      var img = this.getElementsByTagName('IMG')[0];
      var src = img.src;
      img.src = img.src.replace('.gif','_over.gif');
      
      var span = this.getElementsByTagName('SPAN')[0];
      span.style.color='#white';      
      
   }
   function mouseoutTopbar()
   {
      var img = this.getElementsByTagName('IMG')[0];
      var src = img.src;
      img.src = img.src.replace('_over.gif','.gif');      
      
      var span = this.getElementsByTagName('SPAN')[0];
      span.style.color='';
      
      
      
   }
   
   
   function initDhtmlgoodies_xpPane(panelTitles,panelDisplayed)
   {
      dhtmlgoodies_xpPane = document.getElementById('dhtmlgoodies_xpPane');
      var divs = dhtmlgoodies_xpPane.getElementsByTagName('DIV');
      dhtmlgoodies_paneIndex=0;
      for(var no=0;no<divs.length;no++){
         if(divs[no].className=='dhtmlgoodies_panel'){
            
            var outerContentDiv = document.createElement('DIV');   
            var contentDiv = divs[no].getElementsByTagName('DIV')[0];
            outerContentDiv.appendChild(contentDiv);   
         
            outerContentDiv.id = 'paneContent' + dhtmlgoodies_paneIndex;
            outerContentDiv.className = 'panelContent';
            var topBar = document.createElement('DIV');
            
            var span = document.createElement('SPAN');            
            span.innerHTML = panelTitles[dhtmlgoodies_paneIndex];
            topBar.appendChild(span);
            topBar.onclick = showHidePaneContent;
            topBar.onmouseover = mouseoverTopbar;
            topBar.onmouseout = mouseoutTopbar;
            
            var img = document.createElement('IMG');
            img.id = 'showHideButton' + dhtmlgoodies_paneIndex;
            img.src = 'http://img.webme.com/pic/b/bedava-siteyap/arrow_up.gif';            
            topBar.appendChild(img);
            
            if(!panelDisplayed[dhtmlgoodies_paneIndex]){
               outerContentDiv.style.height = '0px';
               contentDiv.style.top = 0 - contentDiv.offsetHeight + 'px';
               if(document.all)outerContentDiv.style.display='none';
               img.src = 'http://img.webme.com/pic/b/bedava-siteyap/arrow_down.gif';
            }
                        
            topBar.className='topBar';
            divs[no].appendChild(topBar);            
            divs[no].appendChild(outerContentDiv);   
            dhtmlgoodies_paneIndex++;         
         }         
      }
   }   
   
   </script><!---<head> Sonu  --->
<div id="dhtmlgoodies_xpPane" style="width: 186px; height: 100%">
<div class="dhtmlgoodies_panel">
<div><!-- Start content of pane --><a href="http://bedava-siteyap.tr.gg/cssebaslamak.htm"><font size="2"><strong>Css'e Başlamak</strong></font></a><br />
<a href="http://bedava-siteyap.tr.gg/freetemplateanlatim.htm"><font size="2"><strong>Free Template Uyarlamak</strong></font></a><br />
<a href="http://bedava-siteyap.tr.gg/hfkodlari.htm"><font size="2"><strong>HF Çözümleri</strong></font></a><br />
<a href="http://bedava-siteyap.tr.gg/cssilesekmelimenu.htm"><font size="2"><strong>Css ile Sekmeli Menü</strong></font></a><br />
<a href="http://bedava-siteyap.tr.gg/Web-Site-Ara%E7lar%26%23305%3B.htm"><font size="2"><strong>Web Site Araçları</strong></font></a><br />
<a href="http://bedava-siteyap.tr.gg/Siteniz-Para-Kazand%26%23305%3Brs%26%23305%3Bn.htm"><font size="2"><strong>Siteniz Para Kazandırsın</strong></font></a><br />
<a href="http://bedava-siteyap.tr.gg/Sitemize-Destek-Olun.htm"><font size="2"><strong>Sitemize Destek Olun</strong></font></a><br />
<a href="http://bedava-siteyap.tr.gg/Bazen-Buralarday%26%23305%3Bm.htm"><font size="2"><strong>Bazen Buralardayım</strong></font></a><br />
<a href="http://bedava-siteyap.tr.gg/Ftp-Tarz%26%23305%3B-Site-Yapmak.htm"><font size="2"><strong>Ftp Tarzı Site Yapmak</strong></font></a><br />
<a href="http://bedava-siteyap.tr.gg"><font size="2"><strong>Link</strong></font></a><font size="2"> <!-- End content --></font></div>
</div>
<div class="dhtmlgoodies_panel">
<div><!-- Start content of pane --><font size="2">Merhaba;<br />
Sitemiz 16.06.2009 22:03:54'de<br />
yayına girmiştir. Henüz Yenidir<br />
Oluşabilecek aksaklıklardan dolayı özür dileriz. <!-- End content --></font></div>
</div>
<div class="dhtmlgoodies_panel">
<div><!-- Start content of pane --><font size="2">Sitemiz ie7 Tarayıcısı Baz Alınarak OKANIZM tarafından Tasarlanmıştır.</font></div>
</div>
</div>
<script type="text/javascript">
/*
Arguments to function
1) Array of titles
2) Array indicating initial state of panels(true = expanded, false = not expanded )
*/
initDhtmlgoodies_xpPane(Array('Dosyalar','Bilgi','Detaylar'),Array(true,true,false));
</script></center><!--- menu bitiş ---></div>
<div class="sagsutun">


Tasarım Altındaki Yazı
Kod:
</div> </div> <div id="alt"></div> </div>


Css Kodu Kısmına
Kod:
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;}

* {padding: 0; margin:0 }

body {
margin-left: auto;
margin-right: auto;
background: url(http://img.webme.com/pic/b/bedava-siteyap/tasarimresim1.png) top center fixed;
}

#tasarim{
width: 1000px;
margin-left: auto;
margin-right: auto;
}


#baslik{
margin-left: auto;
margin-right: auto;
background: url(http://img.webme.com/pic/b/bedava-siteyap/tasarimresim2.png);
width: 1007px;
height: 143px;
float: left;
text-align: center;
padding: 0px 0 0 0;
font-size: 15px;
color: #000000;
font-family: Verdana;
}



#ust{
margin-left: 0 auto;
margin-right:0 auto;
background: url(http://img.webme.com/pic/b/bedava-siteyap/tasarimresim3.png);
width: 1007px;
height: 242px;
float: left;
}

#orta{
margin-left: 0 auto;
margin-right:0 auto;
background: url(http://img.webme.com/pic/b/bedava-siteyap/tasarimresim4.png);
width: 1007px;
height: 100%;
float: left;
}

.solsutun{
width:175px;
float: left;
padding: 0 0 0 50px;
overflow: hidden;
}

.sagsutun {
width:675px;
float: left;
padding: 0 0 0 50px;
overflow: hidden;
text-align: justify;
}


#alt{
margin-left: 0 auto;
margin-right:0 auto;
background: url(http://img.webme.com/pic/b/bedava-siteyap/tasarimresim5.png);
width: 1007px;
height: 307px;
float: left;
}

#kommentartext {
background-image:url(http://img.webme.com/pic/b/bedava-siteyap/tasarimresim6.png);

______________
Mesaj19.07.2009, 15:14 (UTC)    
Mesaj konusu:

Yorumda yazarsınız artık o kadar zahmet ettik daa Laughing
______________
Mesaj19.07.2009, 15:28 (UTC)    
Mesaj konusu:

Bu tasarımı Kullanmak isteyenlere ö.m. den yardımcı olacağım
______________
Mesaj19.07.2009, 15:30 (UTC)    
Mesaj konusu:

tşkr ederiz
______________

Mesaj19.07.2009, 15:33 (UTC)    
Mesaj konusu:

Editleyebilmeniz için bi kaç ipucu vereyim
Bu TasarımdaKullandığım Programlar
Arrow AAA Logo
Arrow Photo Filter
Arrow irfan view
Arrow paint
______________
Mesaj19.07.2009, 15:57 (UTC)    
Mesaj konusu:

Teşekkürler.
______________

UpLoad Seçeneği 2 İçin Tıklayınız.
Mesaj19.07.2009, 16:38 (UTC)    
Mesaj konusu:

güzel paylaşım.Fakat

tasarımları lütfen sabit başlıkta paylaş.
______________
Mesaj19.07.2009, 17:26 (UTC)    
Mesaj konusu:

Güzel tasarım ellerine sağlık
Mesaj24.07.2009, 14:29 (UTC)    
Mesaj konusu:

Arkadaşlar son günlerde bazı arkadaşların, b.s. de yer tutan bazı sitelerin tasarımlarını yayınladığını görüyorum, kınıyorum.

Arrow insan olana tasarım yapmak, çalmaktan daha kolaydır.

Arrow Bir site kapatılmış olsa dahi(tamamen kendi fikrim) yine de asıl site sahibinin haberi olmadan tasarımını paylaşması çok alçakcadır.(Bi çok şeyi ondan öğrendiği halde H.F. den bahsediyorum)

Arrow Bu işi hobi ya da ticari amaçlı ne olursa olsun öğrenerek isteyerek yapmak istiyorsanız B.S. bununla ilgili başlıklarla dolup taşmıştır. Mesala bir free-template yi sitenize uygulamak için benim bildiğim bir en az 20 başlık açılmıştır.

Arrow Ama yine de ne olursa olsun başkasının tasarımı hala, uğraşmadan debelenmeden sular seller gibi dağıtılıp paylaşılmaktadır.

Arrow Kendi tasarımımı paylaşmamın en büyük sebebi de çalındığında uğraşmamak, zaten ben paylaşmıştım diyebilmek içindir.


Hırsızlara dikkat Laughing
______________
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu