Türkiyenin En Büyük Css Tasarım Merkezi-Örnek Site Yarışması-Html Kodlar

11

Tasarım Üstü

<FCK:META NAME="Title" CONTENT="Mr.Hypnaty - Photoshop ~ Css ~ Banner Degisim" /> <FCK:META NAME="Author" CONTENT="Mr.Hypnaty" /> <FCK:META NAME="Subject" CONTENT="Webmaster" /> <FCK:META NAME="Description" CONTENT="Webmaster ile ilgili herşey" /> <FCK:META NAME="Keywords" CONTENT="mr., hypnaty, mrhypnaty.tr.gg, tr.gg, webmaster, banner degisim, css" /> <FCK:META NAME="Generator" CONTENT="tr.gg" /> <FCK:META NAME="Language" CONTENT="Türkçe" /> <FCK:META NAME="Copyright" CONTENT="© mrhypnaty" /> <FCK:META NAME="Designer" CONTENT="mrhypnaty" />  <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="http://img34.imageshack.us/img34/8859/kodbanksyukari.gif" style="width:20px; height:28px" />', //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:'Yukari Cik! Mr.Hypnaty'}) 
            .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>  <a name="up" id="up"></a>  <a target="_blank" href="http://www.entertoplist.tr.gg/" _fcksavedurl="http://www.entertoplist.tr.gg/" _fcksavedurl="http://www.entertoplist.tr.gg/"><img class="" style="left: 0px; position: absolute; top: 0px" alt="Tıkla Sende Katıl" border="0" src="http://www.ressim.net/out.php/i509789_sol.png" _fcksavedurl="http://www.ressim.net/out.php/i509789_sol.png" _fcksavedurl="http://www.ressim.net/out.php/i509789_sol.png" /></a>   <div style="text-align: center"><style type="text/css">  </style><style type="text/css">  </style>  <table id="table1" height="90" cellspacing="0" width="785" background="https://img.webme.com/pic/m/mrhypnaty/xd.png" border="0">     <tbody>         <tr>             <td> </td>         </tr>     </tbody> </table></div> <table id="table1" height="28" cellspacing="0" width="767" background="https://img.webme.com/pic/m/mrhypnaty/ortadd2.png" border="0" style="width: 767px; height: 28px">     <tbody>         <tr>             <td style="text-align: center"><table id="table1" height="30" cellspacing="0" width="755" border="0">     <tbody>         <tr>             <td width="97"><img alt="" src="https://img.webme.com/pic/m/mrhypnaty/duyuru.png" _fcksavedurl="https://img.webme.com/pic/m/mrhypnaty/duyuru.png" /></td>             <td><font face="Verdana" size="2"><b><marquee>İçeriklerimiz Arttırılıyor! | Mr.Hypnaty Ekibi |</marquee></b></font></td>         </tr>     </tbody> </table></td> <table id="table1" height="50" cellspacing="0" width="785" background="https://img.webme.com/pic/m/mrhypnaty/linkmenuarka.png" border="0">     <tbody>         <tr>             <td width="188">             <p align="center"><style type="text/css">  a.ResimDegis { display: block; width: 129px; height: 16px; background: url(https://img.webme.com/pic/m/mrhypnaty/hehehe.png) 0 0 no-repeat; text-decoration: none; text-indent:-999px; }  a:hover.ResimDegis { background-position: 0 -16px; }      </style>   <a class="ResimDegis" href="http://www.mrhypnaty.tr.gg" _fcksavedurl="http://www.mrhypnaty.tr.gg"></a>              </td>             <td width="206">             <p align="center"><style type="text/css">  a.vd { display: block; width: 115px; height: 17px; background: url(https://img.webme.com/pic/m/mrhypnaty/hakkimda.png) 0 0 no-repeat; text-decoration: none; text-indent:-999px; }  a:hover.vd { background-position: 0 -14px; }      </style>  <a class="vd" href="http://mrhypnaty.tr.gg/Hakkimda.htm" _fcksavedurl="http://mrhypnaty.tr.gg/Hakkimda.htm"></a>             </td>             <td>             <p align="center"><p align="center"><style type="text/css">  a.xd { display: block; width: 115px; height: 16px; background: url(https://img.webme.com/pic/m/mrhypnaty/adobe-ps.png) 0 0 no-repeat; text-decoration: none; text-indent:-999px; }  a:hover.xd { background-position: 0 -19px; }      </style>  <a class="xd" href="http://mrhypnaty.tr.gg/Adobe_Ps.htm" _fcksavedurl="http://mrhypnaty.tr.gg/Adobe_Ps.htm"></a></p>             </td>             <td width="190">             <p align="center"><p align="center"><p align="center"><style type="text/css">  a.ks { display: block; width: 43px; height: 15px; background: url(https://img.webme.com/pic/m/mrhypnaty/css.png) 0 0 no-repeat; text-decoration: none; text-indent:-999px; }  a:hover.ks { background-position: 0 -14px; }      </style>  <a class="ks" href="http://mrhypnaty.tr.gg/Css.htm" _fcksavedurl="http://mrhypnaty.tr.gg/Css.htm"></a>             </td>         </tr>     </tbody> </table> <table id="table1" height="100" cellspacing="0" width="767" background="https://img.webme.com/pic/m/mrhypnaty/ortadd2.png" border="0">     <tbody>         <tr>             <td style="text-align: center">

Tasarım Altı

Css Kodu

.info {  background: #fff6bf url(https://img.webme.com/pic/m/mrhypnaty/heart.png) center no-repeat;  background-position: 15px 50%; /* x-pos y-pos */  text-align: left;  padding: 5px 20px 5px 45px;  border-top: 1px solid #ffd324;  border-bottom: 1px solid #ffd324;  border-left: 1px solid #ffd324;  border-right: 1px solid #ffd324;  color:#000000;  }    code {      margin : 4px 8px;      padding : 8px;      text-align : left;      display : block;      overflow : auto;      font : 500 1em/1.5em 'Arial', 'Tahoma', monospace;      background: #ffffff  url(https://img.webme.com/pic/m/mrhypnaty/mrkod.png) right top no-repeat;      border : 1px dashed #999999;  }   input { padding: 2px; margin-right: 1px; background-image: url(https://img.webme.com/pic/m/mrhypnaty/brder17.bmp); border: 1px solid #696969; border-left:5px solid #696969; color: #CA143C; font-Arial ; font-size:13px; } input:hover{ padding: 2px; margin-right: 1px; background-image: url(https://img.webme.com/pic/m/mrhypnaty/brder17.bmp); border: 1px solid #FF0000; border-left:5px solid #FF0000; color: #FF0000; font-Arial; font-size:13px; } textarea { padding: 2px; margin-right: 1px; background-image: url(https://img.webme.com/pic/m/mrhypnaty/brder17.bmp); border: 1px solid  #696969; border-left:5px solid  #696969; color: #FF0000; font-Arial; font-size:13px; } textarea:hover { padding: 2px; margin-right: 1px; background-image: url(https://img.webme.com/pic/m/mrhypnaty/brder17.bmp); border: 1px solid #FF0000; border-left:5px solid #FF0000; color: #FF0000; font-Arial; font-size:13px; }   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;}  body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin-left:auto; margin-right:auto; background:url(http://www.backgroundlabs.com/backgrounds/204.jpg);}   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;}

Anasayfa

Css Tasarımlar

Siten İçin

Site Yarışması

Haftanın Vİdeosu

Türkiyenin En Büyük Css Tasarım Merkezi-Örnek Site Yarışması-Html Kodlar

11