kidtasarim

Lİmon Tasarımı (Css)

ÖZELLİKLERİ
®1 Adet Reklam Bölümü.
®1 Adet Yukarı Çık Çapası .
®1 Adet Menü .
®1 Adet Duyuru Alanı.
®1 Adet Logo Alanı.
®1 Adet Online & Offline KutucukLarı. (YorumLarda Görünür)
®1 Adet Yorum Bölümünün İçinde Yorumunuz Bizim İçin Çok DeğerLi Resmi.
®1 Adet Smiley.
®1 Adet RekLam Çerçevesi.
Tasarımın Üstü:

#grimenubaslik {
    background-image: url(https://img.webme.com/pic/a/alimengu/yesilbaslik.png);
    height: 24px;
    width: 214px;
    margin: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding-top: 6px;
    padding-left: 30px;
}
#grimenu ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
#grimenu a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
    text-decoration: none;
    display: block;
    background-image: url(https://img.webme.com/pic/a/alimengu/grimenu1.png);
    height: 23px;
    width: 214px;
    padding-top: 7px;
    padding-left: 25px;
}
#grimenu a:hover {
    background-image: url(https://img.webme.com/pic/a/alimengu/grimenuhove.png);
}
--> </style>                         <div id="grimenubaslik" style="width: 211px; height: 24px">Ana Menü</div>                         <div id="grimenu">                         <ul>                             <li><a href="http://bc-aktif.tr.gg/Ana-Sayfa.htm" _fcksavedurl="http://bc-aktif.tr.gg/Ana-Sayfa.htm" _fcksavedurl="http://bc-aktif.tr.gg/Ana-Sayfa.htm">Anasayfa</a></li>                             <li><a href="http://bc-aktif.tr.gg/Ana-Sayfa.htm" _fcksavedurl="http://bc-aktif.tr.gg/Ana-Sayfa.htm" _fcksavedurl="http://bc-aktif.tr.gg/Ana-Sayfa.htm">Hakkimizda</a></li>                             <li><a href="http://bc-aktif.tr.gg/Ana-Sayfa.htm" _fcksavedurl="http://bc-aktif.tr.gg/Ana-Sayfa.htm" _fcksavedurl="http://bc-aktif.tr.gg/Ana-Sayfa.htm">Z.Defteri</a></li>                             <li><a href="http://bc-aktif.tr.gg/Ana-Sayfa.htm" _fcksavedurl="http://bc-aktif.tr.gg/Ana-Sayfa.htm" _fcksavedurl="http://bc-aktif.tr.gg/Ana-Sayfa.htm">Destek Ol</a></li>                             <li><a href="http://bc-aktif.tr.gg/Ana-Sayfa.htm" _fcksavedurl="http://bc-aktif.tr.gg/Ana-Sayfa.htm" _fcksavedurl="http://bc-aktif.tr.gg/Ana-Sayfa.htm">Top List</a></li>                             <li><a href="#" _fcksavedurl="#" _fcksavedurl="#">Web Master</a></li>                             <li><a href="http://bc-aktif.tr.gg/Ana-Sayfa.htm" _fcksavedurl="http://bc-aktif.tr.gg/Ana-Sayfa.htm" _fcksavedurl="http://bc-aktif.tr.gg/Ana-Sayfa.htm">bc-aktif</a></li>                             <li><a href="http://bc-aktif.tr.gg/Ana-Sayfa.htm" _fcksavedurl="http://bc-aktif.tr.gg/Ana-Sayfa.htm" _fcksavedurl="http://bc-aktif.tr.gg/Ana-Sayfa.htm">bc-aktif</a></li>                             <li><a href="http://bc-aktif.tr.gg/Ana-Sayfa.htm" _fcksavedurl="http://bc-aktif.tr.gg/Ana-Sayfa.htm" _fcksavedurl="http://bc-aktif.tr.gg/Ana-Sayfa.htm">bc-aktif</a></li>                             <li><a href="http://bc-aktif.tr.gg/Ana-Sayfa.htm" _fcksavedurl="http://bc-aktif.tr.gg/Ana-Sayfa.htm" _fcksavedurl="http://bc-aktif.tr.gg/Ana-Sayfa.htm">bc-aktif</a></li>                             <li><a href="http://bc-aktif.tr.gg/Ana-Sayfa.htm" _fcksavedurl="http://bc-aktif.tr.gg/Ana-Sayfa.htm" _fcksavedurl="http://bc-aktif.tr.gg/Ana-Sayfa.htm">bc-aktif</a></li>                             <li><a href="http://bc-aktif.tr.gg/Ana-Sayfa.htm" _fcksavedurl="http://bc-aktif.tr.gg/Ana-Sayfa.htm" _fcksavedurl="http://bc-aktif.tr.gg/Ana-Sayfa.htm">bc-aktif</a></li>                             <li><a href="http://bc-aktif.tr.gg/Ana-Sayfa.htm" _fcksavedurl="http://bc-aktif.tr.gg/Ana-Sayfa.htm" _fcksavedurl="http://bc-aktif.tr.gg/Ana-Sayfa.htm">bc-aktif</a></li>                         </ul>                         </div>                         </td>                         <td width="27"> </td>                         <td valign="top" width="661"><body background="http://i32.photobucket.com/albums/d19/xdomains/gfxback/1.jpg"><a href="http://www.myspace-codes.com" _fcksavedurl="http://www.myspace-codes.com"></a><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript">

/*********************************************** 
* Scroll To Top Control script-  Dynamic Drive DHTML code library (www.dynamicdrive.com) 
* This notice MUST stay intact for legal use 
* Visit Project Page at http://www.dynamicdrive.com for full source code 
***********************************************/ 
//** jQuery Scroll to Top Control script- (c) Dynamic Drive DHTML code library: http://www.dynamicdrive.com. 
//** Available/ usage terms at http://www.dynamicdrive.com (March 30th, 09') 
//** v1.1 (April 7th, 09'): 
//** 1) Adds ability to scroll to an absolute position (from top of page) or specific element on the page instead. 
//** 2) Fixes scroll animation not working in Opera.

var scrolltotop={ 
   //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control 
   //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top). 
   setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]}, 
   controlHTML: '<img src="https://img.webme.com/pic/o/osmantalay/ykari.png" style="width:50px; height:50px" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol" 
   controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner 
   anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links

state: {isvisible:false, shouldvisible:false},

scrollup:function(){ 
      if (!this.cssfixedsupport) //if control is positioned using JavaScript 
         this.$control.css({opacity:0}) //hide control immediately after clicking it 
      var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto) 
      if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists 
         dest=jQuery('#'+dest).offset().top 
      else 
         dest=0 
      this.$body.animate({scrollTop: dest}, this.setting.scrollduration); 
   },

keepfixed:function(){ 
      var $window=jQuery(window) 
      var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx 
      var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety 
      this.$control.css({left:controlx+'px', top:controly+'px'}) 
   },

togglecontrol:function(){ 
      var scrolltop=jQuery(window).scrollTop() 
      if (!this.cssfixedsupport) 
         this.keepfixed() 
      this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false 
      if (this.state.shouldvisible && !this.state.isvisible){ 
         this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0]) 
         this.state.isvisible=true 
      } 
      else if (this.state.shouldvisible==false && this.state.isvisible){ 
         this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1]) 
         this.state.isvisible=false 
      } 
   }, 
    
   init:function(){ 
      jQuery(document).ready(function($){ 
         var mainobj=scrolltotop 
         var iebrws=document.all 
         mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode 
         mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body') 
         mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>') 
            .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'}) 
            .attr({title:''}) 
            .click(function(){mainobj.scrollup(); return false}) 
            .appendTo('body') 
         if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text 
            mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text 
         mainobj.togglecontrol() 
         $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){ 
            mainobj.scrollup() 
            return false 
         }) 
         $(window).bind('scroll resize', function(e){ 
            mainobj.togglecontrol() 
         }) 
      }) 
   } 
}

scrolltotop.init()

</script>

Tasarımın Altı:

Css Bölümüne:

iframe{border:solid 4px #000000;} <link rel="stylesheet" type="text/css" href="http://spetools.de/css/493.css" />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;} table {margin-left: auto;margin-right: auto}#kommentartext {background-image:url(http://c1110.hizliresim.com/11/10/1/18716.png);}#below_content{margin-bottom:-950px;} font[color="green"]{ background-color:#ADFF2F; border:1px solid #00B233; color:#000000; -moz-border-radius:6px; -khtml-border-radius:6px;} A{ text-decoration : none; } font[color="red"]{ background-color:#FF9999; border:1px solid #CC0033; color:#000000; -moz-border-radius:6px; -khtml-border-radius:6px;} A{ text-decoration : none; }input,textarea{ border: 1px solid #eeeeee;  -moz-border-radius: 5px 10px 15px 20px; -webkit-border-radius: 5px 10px 15px 20px; border-radius: 5px 10px 15px 20px;     background: #ffffff;     padding: 3px;} input:focus,textarea:focus{border: 1px solid #bbbbbb;}  table[width="80%"] td[width="75%"] i {background:#fff;padding:5px;margin-bootm:5px;line-height:3em} input[type="submit"]{repeat-x;  border: 1px solid #dddddd; padding: 2px 5px 2px 5px; color: #000; text-decoration: none; margin-left: 5px; font-size: 11px;cursor: pointer;} input[type="submit"]:hover{border: 1px solid #dddddd; color: #313131; text-decoration: none;}  textarea.code{     border: 1px solid #dddddd;      background: #efefef;     width: 460px;     height: 45px;     font-size: 11px;     overflow: auto;     padding: 5px;     margin: 2px 0px 2px 0px; }  textarea.code:focus{     border: 1px solid #cccccc;      background: #fff; }<link rel="stylesheet" type="text/css" href="http://spetools.de/css/493.css" /><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript">

state: {isvisible:false, shouldvisible:false},

scrolltotop.init()

</script> <><body background="http://i32.photobucket.com/albums/d19/xdomains/gfxback/1.jpg"><a href="http://www.myspace-codes.com" _fcksavedurl="http://www.myspace-codes.com"></a><a href="http://www.hittasarim.tr.gg" _fcksavedurl="http://www.hittasarim.tr.gg" _fcksavedurl="http://www.hittasarim.tr.gg"><FCK:embed width="250" height="250" menu="true" loop="true" play="true" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" src="http://hitdesign.com.nu/hittasarimkelebek.swf" wmode="transparent"></FCK:embed></a><script type="text/javascript" src="http://hibycocuk.com/Files/cufon-yui.js"></script> <script type="text/javascript" src="http://hibycocuk.com/Files/font.js"></script> <script type="text/javascript">
		Cufon.replace('h2', {
			});
		Cufon.replace(' #rssoku h2,h3,h1,h4,legend');

Cufon.replace('#comments h3', {
			});
</script>

YorumLarınızı Eksik Etmeyin ...

Lİmon Tasarımı (Css)

Ziyaretci Defterimize Yorum Bırakmayı Unutmayın.. Hatta Unutmadan Hemen Bırakın...

10 sn Sonra Kapanacaktır... by KidTasarim.tr.gg

Menü

Facebook

Dostlarım

LİNK KARDEŞLİĞİ

Alt Taraf2

Alt Taraf3

kidtasarim

Lİmon Tasarımı (Css)

Ziyaretci Defterimize Yorum Bırakmayı Unutmayın.. Hatta Unutmadan Hemen Bırakın...

10 sn Sonra Kapanacaktır... by KidTasarim.tr.gg

Menü

Facebook

Dostlarım

LİNK KARDEŞLİĞİ

Alt Taraf2

Alt Taraf3