Bs-GriLLa | Htlm , Css , Vb.. Hepsi.. - Lİmon Tasarımı (Css)

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 ...