Toplu Css | Süper Css Tasarımlar Tek Tıkla Elinizde | Tr.GG Sitelerine Özeldir.

Tasarim 21

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;}