Release [New Style] Index Natalizia [By xmaionx]

Delux ex xmaionx

Utente Master
Autore del topic
11 Aprile 2011
2.618
85
Miglior risposta
0



Salve Ragazzi , è molto tempo che non posto "Cose" qui su sciax2 ma è arrivato il momento di finirla ;)
Vi posto un index a cui ho lavorato in questo periodo , compatibile con HoloCms e scritta totalmente da 0.
Ecco uno screen:
Cliccate per vederla a dimensioni intere ;p
1b0c56604022c9c5e92bf9045c61718b.png
I Rettangoli inferiori cambiano colore quando ci passerete il mouse Sopra :P
Non ho inserito alcun logo poichè così potete mettere il vostro :enjoy:

Eccola:
<html>



</form>


<center>
<style>

#boxs {

position:relative;
top:20px;
height:40px;
width:1100px;

border:1px solid #006699;
border-radius:6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;

background-color:white;

}
#boxg {
position:relative;

border:1px solid #006699;
border-radius:6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;

background-color:white;

}

p{font-family: Ubuntu,Arial,"libra sans",sans-serif;font-size: 10pt;color:white}
</style>





<form id="loginformitem" name="loginformitem" action="index.php?do=process_login" method="post">
<table width="" border="0">




<div id="boxs">

<body background="sfondo.png">

<img style="position:relative;right:245px;top:5px;height:30px; width:600px;border-radius:6px 0px 0px 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;" src="topbarra.png">

<br/><input style="position:absolute;bottom:10px;left:650px;border:1px groove black;border-radius:4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;" type="text" name="username" value="Username" class="input usuario" value="" x-webkit-speech required required="required" onFocus="if (this.value == '') this.value = '';" /></td>


<br/><input style="position:absolute;bottom:10px;left:810px;border:1px groove black;border-radius:4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;" type="password" name="password" value="Password" class="input pass" value="" onclick="this.value=''" />
<input style="position:absolute;bottom:10px;left:970px; border: 1px solid #FCA800;background-color:yellow;width:100px;border-radius:6px;" type="submit" name="login" id="button" value="Entra" style=<div class="login"/></div> <font size="3"><font color="white"> </font></font> </td>

</tr>

<td>
</tr>
</table>



</form>

</div>


<img style="position:RELATIVE;TOP:14px;left:87px;border:3px ridge grey;width:1000px;height:369px;border-radius:6px;" src="http://tigpig.files.wordpress.com/2011/12/screen-shot-2011-12-19-at-14-05-10.png">
<a href="/register.php"><img style="position:RELATIVE;bottom:180px;right:900px;" src="entr.png"></a>



<d
<p style="position:relative;bottom:215px; " >E se non vinci , rimane il divertimento!</p>
</div>


</center>


</div>

</html>



<script type="text/javascript">





<!--





/******************************************





* Prelevato su
Perfavore, Entra oppure Registrati per vedere i Link!






*





* Snow Effect Script- By Altan d.o.o. (
Perfavore, Entra oppure Registrati per vedere i Link!
)





* Visit Dynamic Drive DHTML code library (
Perfavore, Entra oppure Registrati per vedere i Link!
) for full source code





* Last updated Nov 9th, 05' by DD. This notice must stay intact for use





******************************************/











//Configure below to change URL path to the snow image





var snowsrc="http://www.web-link.it/scripting/snow3.gif"





// Configure below to change number of snow to render





var no = 10;





// Configure whether snow should disappear after x seconds (0=never):





var hidesnowtime = 0;





// Configure how much snow should drop down before fading ("windowheight" or "pageheight")





var snowdistance = "pageheight";











///////////Stop Config//////////////////////////////////











var ie4up = (document.all) ? 1 : 0;





var ns6up = (document.getElementById&&!document.all) ? 1 : 0;











function iecompattest(){





return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body





}











var dx, xp, yp; // coordinate and position variables





var am, stx, sty; // amplitude and step variables





var i, doc_width = 800, doc_height = 600;











if (ns6up) {





doc_width = self.innerWidth;





doc_height = self.innerHeight;





} else if (ie4up) {





doc_width = iecompattest().clientWidth;





doc_height = iecompattest().clientHeight;





}











dx = new Array();





xp = new Array();





yp = new Array();





am = new Array();





stx = new Array();





sty = new Array();





snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc





for (i = 0; i < no; ++ i) {





dx = 0; // set coordinate variables





xp = Math.random()*(doc_width-50); // set position variables





yp = Math.random()*doc_height;





am = Math.random()*20; // set amplitude variables





stx = 0.02 + Math.random()/10; // set step variables





sty = 0.7 + Math.random(); // set step variables





if (ie4up||ns6up) {





if (i == 0) {





document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");





} else {





document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");





}





}





}











function snowIE_NS6() { // IE and NS6 main animation function





doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;





doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;





for (i = 0; i < no; ++ i) { // iterate for every dot





yp += sty;





if (yp > doc_height-50) {





xp = Math.random()*(doc_width-am-30);





yp = 0;





stx = 0.02 + Math.random()/10;





sty = 0.7 + Math.random();





}





dx += stx;





document.getElementById("dot"+i).style.top=yp+"px";





document.getElementById("dot"+i).style.left=xp + am*Math.sin(dx)+"px";





}





snowtimer=setTimeout("snowIE_NS6()", 10);





}











function hidesnow(){





if (window.snowtimer) clearTimeout(snowtimer)





for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"





}

















if (ie4up||ns6up){





snowIE_NS6();





if (hidesnowtime>0)





setTimeout("hidesnow()", hidesnowtime*1000)





}

















// end -->





</script>

</body></html>
Attenzione se non funziona contattatemi in privato che vi passo proprio il download.




 



Salve Ragazzi , è molto tempo che non posto "Cose" qui su sciax2 ma è arrivato il momento di finirla ;)
Vi posto un index a cui ho lavorato in questo periodo , compatibile con HoloCms e scritta totalmente da 0.
Ecco uno screen:
Cliccate per vederla a dimensioni intere ;p
1b0c56604022c9c5e92bf9045c61718b.png
I Rettangoli inferiori cambiano colore quando ci passerete il mouse Sopra :P
Non ho inserito alcun logo poichè così potete mettere il vostro :enjoy:

Eccola:
<html>



</form>


<center>
<style>

#boxs {

position:relative;
top:20px;
height:40px;
width:1100px;

border:1px solid #006699;
border-radius:6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;

background-color:white;

}
#boxg {
position:relative;

border:1px solid #006699;
border-radius:6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;

background-color:white;

}

p{font-family: Ubuntu,Arial,"libra sans",sans-serif;font-size: 10pt;color:white}
</style>





<form id="loginformitem" name="loginformitem" action="index.php?do=process_login" method="post">
<table width="" border="0">




<div id="boxs">

<body background="sfondo.png">

<img style="position:relative;right:245px;top:5px;height:30px; width:600px;border-radius:6px 0px 0px 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;" src="topbarra.png">

<br/><input style="position:absolute;bottom:10px;left:650px;border:1px groove black;border-radius:4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;" type="text" name="username" value="Username" class="input usuario" value="" x-webkit-speech required required="required" onFocus="if (this.value == '') this.value = '';" /></td>


<br/><input style="position:absolute;bottom:10px;left:810px;border:1px groove black;border-radius:4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;" type="password" name="password" value="Password" class="input pass" value="" onclick="this.value=''" />
<input style="position:absolute;bottom:10px;left:970px; border: 1px solid #FCA800;background-color:yellow;width:100px;border-radius:6px;" type="submit" name="login" id="button" value="Entra" style=<div class="login"/></div> <font size="3"><font color="white"> </font></font> </td>

</tr>

<td>
</tr>
</table>



</form>

</div>


<img style="position:RELATIVE;TOP:14px;left:87px;border:3px ridge grey;width:1000px;height:369px;border-radius:6px;" src="http://tigpig.files.wordpress.com/2011/12/screen-shot-2011-12-19-at-14-05-10.png">
<a href="/register.php"><img style="position:RELATIVE;bottom:180px;right:900px;" src="entr.png"></a>



<d
<p style="position:relative;bottom:215px; " >E se non vinci , rimane il divertimento!</p>
</div>


</center>


</div>

</html>



<script type="text/javascript">





<!--





/******************************************





* Prelevato su
Perfavore, Entra oppure Registrati per vedere i Link!






*





* Snow Effect Script- By Altan d.o.o. (
Perfavore, Entra oppure Registrati per vedere i Link!
)





* Visit Dynamic Drive DHTML code library (
Perfavore, Entra oppure Registrati per vedere i Link!
) for full source code





* Last updated Nov 9th, 05' by DD. This notice must stay intact for use





******************************************/











//Configure below to change URL path to the snow image





var snowsrc="http://www.web-link.it/scripting/snow3.gif"





// Configure below to change number of snow to render





var no = 10;





// Configure whether snow should disappear after x seconds (0=never):





var hidesnowtime = 0;





// Configure how much snow should drop down before fading ("windowheight" or "pageheight")





var snowdistance = "pageheight";











///////////Stop Config//////////////////////////////////











var ie4up = (document.all) ? 1 : 0;





var ns6up = (document.getElementById&&!document.all) ? 1 : 0;











function iecompattest(){





return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body





}











var dx, xp, yp; // coordinate and position variables





var am, stx, sty; // amplitude and step variables





var i, doc_width = 800, doc_height = 600;











if (ns6up) {





doc_width = self.innerWidth;





doc_height = self.innerHeight;





} else if (ie4up) {





doc_width = iecompattest().clientWidth;





doc_height = iecompattest().clientHeight;





}











dx = new Array();





xp = new Array();





yp = new Array();





am = new Array();





stx = new Array();





sty = new Array();





snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "snow.gif" : snowsrc





for (i = 0; i < no; ++ i) {





dx = 0; // set coordinate variables





xp = Math.random()*(doc_width-50); // set position variables





yp = Math.random()*doc_height;





am = Math.random()*20; // set amplitude variables





stx = 0.02 + Math.random()/10; // set step variables





sty = 0.7 + Math.random(); // set step variables





if (ie4up||ns6up) {





if (i == 0) {





document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");





} else {





document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");





}





}





}











function snowIE_NS6() { // IE and NS6 main animation function





doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;





doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")? iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;





for (i = 0; i < no; ++ i) { // iterate for every dot





yp += sty;





if (yp > doc_height-50) {





xp = Math.random()*(doc_width-am-30);





yp = 0;





stx = 0.02 + Math.random()/10;





sty = 0.7 + Math.random();





}





dx += stx;





document.getElementById("dot"+i).style.top=yp+"px";





document.getElementById("dot"+i).style.left=xp + am*Math.sin(dx)+"px";





}





snowtimer=setTimeout("snowIE_NS6()", 10);





}











function hidesnow(){





if (window.snowtimer) clearTimeout(snowtimer)





for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"





}

















if (ie4up||ns6up){





snowIE_NS6();





if (hidesnowtime>0)





setTimeout("hidesnow()", hidesnowtime*1000)





}

















// end -->





</script>

</body></html>
Attenzione se non funziona contattatemi in privato che vi passo proprio il download.






Mi piace molto il fatto dei quadrattini che cambiano colore, il resto e da rifare da capo, non mi piace...
Comunque bravo per aver postato. Voto 6/10