Crea tu web gratis y algunos codigos

Hola yo soy un web masters de una web y quiero entregar informacion para que tu crees tu web

Paginas donde te dan un sitio gratis:
* www.paginawebgratis.es
* www.mex.tl

entre otras pero ellas son las mas conocidas.
Bueno este es un tutorial para paginawebgratis.es.

Bueno para empezar a crear tu web entra a http://www.paginawebgratis.es hay se van a ''darte de alta''.
Luego completan todo el formulario se van a ''identificarse''Y ponen los datos, luego van a ''editar diseño''ponen un diseño, el que mas se les comode bueno despues de eso se van a ''editar paginas'' y van a haber 2 paginas ''home'' y ''contacto'' , el contacto no lo editen por ahora, pero vamos a editar el home, como la web es idioma español pongale ''inicio'', bueno despues editen el texto , ponen por ejemplo:bienvenido a mi web esta web te trae juegos,descargas,informacion y noticias, este era un ejemplo pero ahora si es que quieren agregen mas paginas en ''agregar una pagina nueva'' y le ponen el nombre que desean ej: Servicios o el que quieran.
Bueno despues lo que queda es tuyo si eres un poco mas avanzado te aconsejo que eches un vistazo en los codigos y plantillas , bueno espero que les sirva se despide el germainbello.

Aca un par de codigos html,java y otros (son para ponerlos en tu web)


Mensaje de alerta en tu web
Ejemplo:

<script language="JavaScript" type="text/javascript">
alert("Pon tu mensaje aki el ke kieras
by germainbello";
</script>

Calendario (dia/mes/año)

<script languaje="JavaScript">
mesarray=new Array("Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio","Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre";
diaarray=new Array( "Domingo","Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado";
hoy = new Date();
dias = hoy.getDate();
dia = hoy.getDay();
mes = hoy.getMonth();
mes=mesarray[mes];
dia =diaarray[dia];
anno = hoy.getYear();
if (anno <200)
anno = anno+1900;
document.write('<TABLE WIDTH="60" height="60" BORDER="1" BGCOLOR="#FFFFFF"><TR><TD><CENTER>');
document.write('<FONT SIZE="2" COLOR="#000000"> <B>'+mes+'</B></FONT><br>');
document.write('<FONT SIZE="1" COLOR="#000000">'+anno+'</FONT><br>');
document.write('<FONT SIZE="4" COLOR="#000000" FACE="Arial"><B>'+dias+'</B></FONT><br>');
document.write('<FONT SIZE="1" COLOR="#000000">'+dia+'</FONT><br>');
document.write('</CENTER></TR></TD></TABLE>');
</script>

Visor de paginas en iframes (para que se vean artas webs en una sola, con un boton para cambiarlas)

<!-- www.cssplantillas.es.tl -->
<a href="javascript:jumpto('http://es.tl')">Pagina web gratis</a> |
<a href="javascript:jumpto('http://youtube.com')">Youtube</a> |
<a href="javascript:jumpto('http://cssplantillas.activoforo.com')">Foro</a> |
<a href="javascript:jumpto('http://google.com')">Google</a>
<script language="javascript">
var displaymode=0
var iframecode='<iframe id="external" style="width:98%;height:500px" src="http://es.tl"></iframe>'
if (displaymode==0)
document.write(iframecode)
function jumpto(inputurl){
if (document.getElementById&&displaymode==0)
document.getElementById("external".src=inputurl
else if (document.all&&displaymode==0)
document.all.external.src=inputurl
else{
if (!window.win2||win2.closed)
win2=window.open(inputurl)
else{
win2.location=inputurl
win2.focus()
}
}
}
</script>
<!-- www.cssplantillas.es.tl -->

Snap shots(un pequeño visor de enlaces )

<!-- www.cssplantilla.es.tl -->
<script type="text/javascript" src="http://shots.snap.com/ss/47434141de23f6163e74f05022798b46/snap_shots.js"></script>

Bola de links Giratoria.
Ejemplo:

dijo:

<!-- www.cssplantillas.es.tl -->
<div class="widget-content"><object type="application/x-shockwave-flash" data="http://cssplantillas.netau.net/rec/swf/tagcloud.swf" width="400" height="300" allowscriptaccess="always" >
<param name="movie" value="http://cssplantillas.netau.net/rec/swf/tagcloud.swf" />
<param name="bgcolor" value="#ffffff" />
<param name="flashvars" value="tcolor=0x000000&mode=tags&distr=true&tspeed=100&tagcloud=<tags>
<a dir='ltr' href='URL' style='14'>Link's</a>
<a dir='ltr' href='URL' style='14'>Link's</a>
<a dir='ltr' href='URL' style='14'>Link's</a>
<a dir='ltr' href='URL' style='14'>Link's</a>
<a dir='ltr' href='URL' style='14'>Link's</a>
<a dir='ltr' href='URL' style='14'>Link's</a>
<a dir='ltr' href='URL' style='14'>Link's</a>
<a dir='ltr' href='URL' style='14'>Link's</a>
<a dir='ltr' href='URL' style='14'>Link's</a>
</tags>" />
</div>
<!-- www.cssplantillas.es.tl -->

(edita los links y sus nombres)

Contenedor de textos,videos,imagenes,etc.

<!-- www.cssplantillas.es.tl -->
<style type="text/css">
.sliderwrapper{position: relative;overflow: hidden;border: 10px solid #333;
border-bottom-width: 6px;width: 400px;height: 250px;font:12px verdana;}
.sliderwrapper .contentdiv{visibility: hidden;position: absolute;
left: 0;top: 0; padding: 5px;background:#fff;width:390px;height:100%;
filter:progidXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;opacity: 1;}
.pagination{width: 400px;text-align:right;background:#333;padding:5px 10px;font:12px verdana;}
.pagination a{padding: 0 5px;text-decoration: none;color:#333;background:#ff9900;font-weight:bold;}
.pagination a:hover, .pagination a.selected{color:#000;background:#ffff00;}
</style>
<script type="text/javascript" src="http://cssplantillas.***/up/files/a_contentslider.js"></script>
<div id="slider1" class="sliderwrapper">
<div class="contentdiv">
Pon aki lo ke desees edita todos los contenidos hastapuedes poner videos de youtube y imagenes lo ke tu desees
</div>
<div class="contentdiv">
Contenido del 2 item aqui!
</div>
<div class="contentdiv">
Contenido del 3 item aqui!
www.cssplantillas.es.tl
</div>
<div class="contentdiv">
Contenido del 4 item aqui!
www.cssplantillas.es.tl
</div>
<div class="contentdiv">
Contenido del 5 item aqui!
www.cssplantillas.es.tl
</div>
</div>
<div id="paginate-slider1" class="pagination">
</div>
<script type="text/javascript">
featuredcontentslider.init({
id: "slider1",
content["inline", ""],
toc: "#increment",
nextprev: ["Anterior", "Siguiente"],
revealtype: "click",
enablefade: [true, 0.2],
autorotate: [true, 3000],
onChange: function(previndex, curindex){
}
})
</script>
<!-- www.cssplantillas.es.tl -->

Gusano que sigue al mouse.
Ejemplo:

<br /><!--- *** BEGIN CUT - Demo starts here *** --->
<!-- * You may use this code for free on any web page provided that
* these comment lines and the following credits remain in the code.
* "Mouse Squidie Script" © http://www.javascript-fx.com
* Images "Cute Worm" by Roy Whittle © http://www.javascript-fx.com
-->
<SCRIPT LANGUAGE="JavaScript" SRC="http://www.javascript-fx.com/submitscripts/mouse_squidie/javascript/JSFX_Layer.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript" SRC="http://www.javascript-fx.com/submitscripts/mouse_squidie/javascript/JSFX_Browser.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript" SRC="http://www.javascript-fx.com/submitscripts/mouse_squidie/javascript/JSFX_Mouse.js"></SCRIPT>

<SCRIPT LANGUAGE="JavaScript" SRC="http://www.javascript-fx.com/submitscripts/mouse_squidie/javascript/JSFX_MouseSquidie.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
function JSFX_StartEffects()
{
JSFX.MakeMouseSquidie (15,"<img src='http://www.javascript-fx.com/submitscripts/mouse_squidie/images/worm_head.gif'>"
,"<img src='http://www.javascript-fx.com/submitscripts/mouse_squidie/images/worm_tail.gif'>"
);
}
</SCRIPT>
<!--- *** END CUT - Demo ends here *** --->

</head>
<BODY bgcolor="#000000" TEXT="#999999" LINK="yellow" VLINK="yellow" ALINK="red" onLoad="JSFX_StartEffects()">

Un chat (no de *** )

dijo:

<script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/110377851738989560534/gadget-chat.xml&synd=open&w=500&h=400&title=Gadget+Chat&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script>

Loquendo online

dijo:

<script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/114896039520058783521/vozme_es.xml&synd=open&w=320&h=187&title=VozMe.com+-+De+texto+a+voz+en+reproductor&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script>

Confirmar si desea salir de tu web (sale una ventana que dice decea salir de esta web aceptar o cancelar)

<script language="javascript" type="text/javascript">
var warn = 1
function removeWarning() {
warn = 0
}
UNLOAD_MSG = '';
function doBeforeUnload(){
if(warn == 1){
if(window.event){
window.event.returnValue = UNLOAD_MSG;
}else{
return UNLOAD_MSG;
}
}
}
if(window.body){
window.body.onbeforeunload = doBeforeUnload;
}else{
window.onbeforeunload = doBeforeUnload;
}
</script>

Texto en forma de montaña rusa:

dijo:

<script>
var fs=1
var direction="right"
function rollertext(whichone){
var thetext=whichone
for (i=0;i<thetext.length;i++){
document.write(thetext.charAt(i).fontsize(fs))
if (fs<7&&direction=="right"
fs++
else if (fs==7){
direction="left"
fs--
}
else if (fs==1){
direction="right"
fs++
}
else if (fs>1&&direction=="left"
fs--
}
}
rollertext("AQUÍ TU TEXTO!"
</script>

Desplazamiento obligatorio en tu web
Ejemplo:

<script language="JavaScript1.2">
var speed=1
var currentpos=0,alt=1,curpos1=0,curpos2=-1
function initialize(){
startit()
}
function scrollwindow(){
if (document.all)
temp=document.body.scrollTop
else
temp=window.pageYOffset
if (alt==0)
alt=1
else
alt=0
if (alt==0)
curpos1=temp
else
curpos2=temp
if (curpos1!=curpos2){
if (document.all)
currentpos=document.body.scrollTop+speed
else
currentpos=window.pageYOffset+speed
window.scroll(0,currentpos)
}
else{
currentpos=0
window.scroll(0,currentpos)
}
}
function startit(){
setInterval("scrollwindow()",10)
}
window.onload=initialize
</script>

Mascota online (tortuga)

dijo:

<style>BUNNYHERO_PET_START</style> <div style="width: 250px; padding: 0; margin: 0; text-align: center;visibility:visible"> <embed src="http://petswf.bunnyherolabs.com/adopt/swf/turtle" width="250" height="300" quality="high" bgcolor="ffffff" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="cn=turtoga%20de%20tu%20web&an=nixoweb%2Ees%2Etl&clr=0x9933" type="application/x-shockwave-flash"> <br /> <small><a href="http://bunnyherolabs.com/adopt/" _fcksavedurl="http://bunnyherolabs.com/adopt/" _fcksavedurl="http://bunnyherolabs.com/adopt/">adopt your own virtual pet!</a></small> </div> <style>BUNNYHERO_PET_END</style> <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyMzA*MjQ*MTg5NTMmcHQ9MTIzMDQyNDQyMjA*NiZwPTU1NzEmZD*mZz*yJnQ9Jm89MDU*NjI*NWNkYTA3NDcwM2E2MjE4ZjQ*OTY3NWFkMGE=.gif" _fcksavedurl="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyMzA*MjQ*MTg5NTMmcHQ9MTIzMDQyNDQyMjA*NiZwPTU1NzEmZD*mZz*yJnQ9Jm89MDU*NjI*NWNkYTA3NDcwM2E2MjE4ZjQ*OTY3NWFkMGE=.gif" _fcksavedurl="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyMzA*MjQ*MTg5NTMmcHQ9MTIzMDQyNDQyMjA*NiZwPTU1NzEmZD*mZz*yJnQ9Jm89MDU*NjI*NWNkYTA3NDcwM2E2MjE4ZjQ*OTY3NWFkMGE=.gif" />

Fin

espero ke lo disfutes