Index-ul "Simple Style"

Scris de **elico** Sam Mar 10, 2012 11:13 am

Numele indexului: Simple Style
Creator: Elico
Resurse: N/A
Imagini / Demo: https://4design.forumgratuit.ro/h2-simple-style
Download: Fisier cu cod

Cod:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="Forumgratuit, Elegantskins, Index Templates, Forumotion Themes,Forumgratuit Skins, Html, CSS, Javascript, jQuery" /> <meta name="description" content="We design your own style !" /> <title>4Design - We design your life</title> <link href='http://fonts.googleapis.com/css?family=Telex' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Exo:400,500,600,600italic,700,700italic,800,500italic,400italic,800italic' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Euphoria+Script' rel='stylesheet' type='text/css'> </head> <body> <div class="logo-text"> Simple<b> Style</b> </div> <div class="desc-text"> We design your own style ! </div> <div id="nav-menu"> <ul> <li><a href="#">Acasa</a></li> <li><a href="http://4design.forumgratuit.ro/forum">Forum</a></li> <li><a href="http://4design.forumgratuit.ro/rss">RSS</a></li> <li><a href="http://4design.forumgratuit.ro/">Contact</a></li> </ul> </div> <div class="es_wrap"> <div class="info-text"> <script type="text/javascript"> /*********************************************** * Fading Scroller- © Dynamic Drive DHTML code library (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code ***********************************************/ var delay = 2000; //set delay between message change (in miliseconds) var maxsteps=30; // number of steps to take to change from start color to endcolor var stepdelay=40; // time in miliseconds of a single step //**Note: maxsteps*stepdelay will be total time in miliseconds of fading effect var startcolor= new Array(255,255,255); // start color (red, green, blue) var endcolor=new Array(66,66,66); // end color (red, green, blue) var fcontent=new Array(); begintag='<div style="font: normal 14px Telex; padding: 5px;">'; //set opening tag, such as font declarations fcontent[0]="Simple<b> Style</b><br>Este un template simplu dar dragut pentru forumul sau site-ul dumneavoastra! Acest template este oferit de catre forumul 4Design! El este disponibil gratuit, cat timp sunt respectate drepturile de autor."; fcontent[1]="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id libero non erat fermentum varius eget at elit. Suspendisse vel mattis diam.<br>Ut sed dui in lectus hendrerit interdum nec ac neque. Praesent a metus eget augue lacinia accumsan ullamcorper sit amet tellus. "; fcontent[2]="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id libero non erat fermentum varius eget at elit. Suspendisse vel mattis diam.<br>Ut sed dui in lectus hendrerit interdum nec ac neque. Praesent a metus eget augue lacinia accumsan ullamcorper sit amet tellus. "; closetag='</div>'; var fwidth='500px'; //set scroller width var fheight='150px'; //set scroller height var fadelinks=1; //should links inside scroller content also fade like text? 0 for no, 1 for yes. ///No need to edit below this line///////////////// var ie4=document.all&&!document.getElementById; var DOM2=document.getElementById; var faderdelay=0; var index=0; /*Rafael Raposo edited function*/ //function to change content function changecontent(){ if (index>=fcontent.length) index=0 if (DOM2){ document.getElementById("fscroller").style.color="rgb("+startcolor[0]+", "+startcolor[1]+", "+startcolor[2]+")" document.getElementById("fscroller").innerHTML=begintag+fcontent[index]+closetag if (fadelinks) linkcolorchange(1); colorfade(1, 15); } else if (ie4) document.all.fscroller.innerHTML=begintag+fcontent[index]+closetag; index++ } // colorfade() partially by Marcio Galli for Netscape Communications. //////////// // Modified by Dynamicdrive.com function linkcolorchange(step){ var obj=document.getElementById("fscroller").getElementsByTagName("A"); if (obj.length>0){ for (i=0;i<obj.length;i++) obj[i].style.color=getstepcolor(step); } } /*Rafael Raposo edited function*/ var fadecounter; function colorfade(step) { if(step<=maxsteps) { document.getElementById("fscroller").style.color=getstepcolor(step); if (fadelinks) linkcolorchange(step); step++; fadecounter=setTimeout("colorfade("+step+")",stepdelay); }else{ clearTimeout(fadecounter); document.getElementById("fscroller").style.color="rgb("+endcolor[0]+", "+endcolor[1]+", "+endcolor[2]+")"; setTimeout("changecontent()", delay); } } /*Rafael Raposo's new function*/ function getstepcolor(step) { var diff var newcolor=new Array(3); for(var i=0;i<3;i++) { diff = (startcolor[i]-endcolor[i]); if(diff > 0) { newcolor[i] = startcolor[i]-(Math.round((diff/maxsteps))*step); } else { newcolor[i] = startcolor[i]+(Math.round((Math.abs(diff)/maxsteps))*step); } } return ("rgb(" + newcolor[0] + ", " + newcolor[1] + ", " + newcolor[2] + ")"); } if (ie4||DOM2) document.write('<div id="fscroller" style="border:0px solid black;width:'+fwidth+';height:'+fheight+'"></div>'); if (window.addEventListener) window.addEventListener("load", changecontent, false) else if (window.attachEvent) window.attachEvent("onload", changecontent) else if (document.getElementById) window.onload=changecontent </script> </div> <div id="search-box"><form method="get" action="/search.forum" id="search"><p class="nomargin"><input type="text" name="search_keywords" id="keywords" maxlength="128" class="inputbox search" value="Cautare..." onclick="if (this.value == 'Cautare...') this.value = '';" onblur="if (this.value == '') this.value = 'Cautare...';" /><input class="button2" type="submit" value="Cautare" /></p></form></div> </div> <div class="es-copyright"> Copyright © elico - Design by <a href="http://4design.forumgratuit.ro/" target="_blank">4<b>Design</b></a> - Powered by <a href="http://www.forumgratuit.ro" target="_blank">Forum<b>gratuit</b>.ro</a> </div> <style> a { text-decoration:none; } body { background: url("http://i40.servimg.com/u/f40/17/00/85/53/bg-bod10.gif") repeat; margin: 0 auto; } .logo-text { margin: 0 auto; position: relative; top: 30px; text-align: center; font-size: 34px; font-family: 'Exo', sans-serif; text-shadow: 0 1px 1px #fff; color: #1298FF; } .desc-text { color: #F58700; font-family: 'Euphoria Script',cursive; font-size: 24px; letter-spacing: 1px; margin: 0 auto; position: relative; text-align: center; text-shadow: 1px 0 0 #FFFFFF; top: 40px; } .es_wrap { background-color: #FFFFFF; background-image: url("http://i40.servimg.com/u/f40/17/00/85/53/body-b13.png"); border-radius: 10px 10px 10px 10px; box-shadow: 0 0 5px 2px #555555; margin: 15px auto 30px; min-width: 768px; padding: 5px; width: 947px; height: 400px; } #nav-menu { background: transparent url(http://www.elegantthemes.com/preview/Convertible/wp-content/themes/Convertible2/images/blue-ribbon.png) no-repeat; width: 1114px; height:61px; position:relative; top:130px; margin: 0 auto; } #nav-menu ul { float: left; list-style: none outside none; margin: 2px 0 0 80px; padding: 0; } #nav-menu li { float: left; margin: 0 0.1em; } #nav-menu li a { color: #FFFFFF; font-family: Trebuchet MS,Serif; font-size: 14px; padding: 5px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); text-transform: uppercase; vertical-align: -10px; } #nav-menu li a:hover { border-bottom: 1px solid rgba(255, 255, 255, 0.3); border-radius: 6px 6px 6px 6px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.7) inset; } .info-text { margin-top: 100px; margin-right: 110px; background: url(http://i40.servimg.com/u/f40/17/00/85/53/msg-bg10.png) no-repeat; width: 682px; height: 152px; padding: 10px; float: right; } /*---------SEARCH--------*/ #search-box{ float:left; margin-top: -5px; margin-left: 135px; height: 53px; width: 679px; display: inline; background: transparent url(http://i40.servimg.com/u/f40/17/00/85/53/search11.png) no-repeat center;} #search-box #keywords { top: -1px; left: 10px; position: relative; width: 555px; background: transparent; text-shadow: 1px 1px 1px #fff; font-family: Telex,serif; font-style: normal; font-size: 16px; font-weight: normal; color: #666666; } #search-box input { border: none !important; background: none;} #search-box input.search { background: none; margin-left: 2px; margin-top: 2px;} #search-box input.button2 { position: absolute; cursor:pointer; font-size: 0px; background-image: url(http://cdn1.iconfinder.com/data/icons/woothemesiconset/32/search.png); background-color: transparent; background-repeat: no-repeat; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; width: 32px !important; height: 32px !important; border: 0; margin-left: 70px; margin-top: -6px; background-position: 0 100%; color: transparent;} /*--------End-SEARCH--------*/ .es-copyright { margin: 10px 30px 10px 0; float: right; color: #666; text-shadow: 1px 1px 1px #fff; font-family: Telex,serif; font-size: 12px; } .es-copyright a { text-decoration: underline; color: #666; text-shadow: 1px 1px 1px #fff; font-family: Telex,serif; font-size: 13px; } </style> </body> </html>