[Actualizable] Nuevos códigos HTML-CSS

Sección para"expertos", que quieren cambiar el código HTML de su página o insertar Java Scripts, Iframes, etc.. Si eres principiante, esta sección no te hace falta.

ModeradorCOLON Moderadores

Avatar de Usuario
Ivan
Master User
Master User
MensajesCOLON 2172
RegistradoCOLON 29 Oct 2005 00:15
UbicaciónCOLON Santa Fe, Argentina
CONTACTCOLON

Re: [Para actualizar] Nuevos códigos html

Notapor Ivan » 11 Feb 2009 19:22

Reloj digital en web
Valoración: 9,0
Descripción: Reloj digital (texto) que lo puedes insertar en cualquier lado. La hora se adjunta con la de la computadora suya. Muy factible y bien diseñado.


<span id="liveclock" style="position:absolute;left:0;top:0;"></span><script language="JavaScript" type="text/javascript">
<!--

function show5(){
if (!document.layers&&!document.all&&!document.getElementById)
return

var Digital=new Date()
var hours=Digital.getHours()
var minutes=Digital.getMinutes()
var seconds=Digital.getSeconds()

var dn="PM"
if (hours<12)
dn="AM"
if (hours>12)
hours=hours-12
if (hours==0)
hours=12

if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds
//change font size here to your desire
myclock="<font size='5' face='Arial' ><b><font size='2'>Hora actual:</font></br>"+hours+":"+minutes+":"
+seconds+" "+dn+"</b></font>"
if (document.layers){
document.layers.liveclock.document.write(myclock)
document.layers.liveclock.document.close()
}
else if (document.all)
liveclock.innerHTML=myclock
else if (document.getElementById)
document.getElementById("liveclock").innerHTML=myclock
setTimeout("show5()",1000)
}


window.onload=show5
//-->
</script>


Espero que lo tengan, pronto traigo más.
Usen el BUSCADOR.

Avatar de Usuario
Ivan
Master User
Master User
MensajesCOLON 2172
RegistradoCOLON 29 Oct 2005 00:15
UbicaciónCOLON Santa Fe, Argentina
CONTACTCOLON

Re: [Para actualizar] Nuevos códigos html

Notapor Ivan » 12 Mar 2009 15:06

Imagen cambia al pasar el ratón
Valoración: 8,5
Descripción: es un efecto javascript que al pasar el cursor sobre una imagen esta cambia por otra. Muy útil para menus personalizados o botones.

<SCRIPT LANGUAGE=JavaScript>
<!--ivanStebler.gratishost.com-->
<!--
img1=new Image();
img1.src="image.gif";
img2=new Image();
img2.src="image.gif";

function Cambia(refer,nueva) {document[refer].src=eval(nueva+".src") };
//-->
</SCRIPT>

<a href="http://www.palimpalem.com" onMouseOver="Cambia('enlace','img2')" onMouseOut="Cambia('enlace','img1')"><img src="http://www.palimpalem.com/palim/apli/img/logo-palimpalem-v2-1.gif" border=0 name="enlace"></a>

Klk3
ExAdministrador
ExAdministrador
MensajesCOLON 2803
RegistradoCOLON 18 Nov 2005 16:09
UbicaciónCOLON Barcelona,España
CONTACTCOLON

Re: [Para actualizar] Nuevos códigos html

Notapor Klk3 » 13 Mar 2009 14:09

esa ultima es muy utilizada :D
Imagen
Hasta siempre ha sido un placer muy grande :D

Avatar de Usuario
Ivan
Master User
Master User
MensajesCOLON 2172
RegistradoCOLON 29 Oct 2005 00:15
UbicaciónCOLON Santa Fe, Argentina
CONTACTCOLON

Re: [Para actualizar] Nuevos códigos html

Notapor Ivan » 16 Mar 2009 01:27

Cursores para tu web
Valoración: 8.0
Descripción: insertar cursores o flechas para tu página web.

http://www.cursores.org
    Más de 20 categorías
    Gran variedad de diseños
    Muy fácil de insertar el código HTML

Dudas o problemas, Imagen

Avatar de Usuario
-_-Merino-_-
Pro User
Pro User
MensajesCOLON 946
RegistradoCOLON 16 Mar 2007 23:10
UbicaciónCOLON Bien ubicao

Re: [Para actualizar] Nuevos códigos html

Notapor -_-Merino-_- » 16 Mar 2009 16:09

Wow muy buenos

Avatar de Usuario
Nacho!
Pro User
Pro User
MensajesCOLON 1377
RegistradoCOLON 29 Oct 2007 15:11
UbicaciónCOLON Europa, España , Andalucia , Sevilla
CONTACTCOLON

Re: [Para actualizar] Nuevos códigos html

Notapor Nacho! » 19 Mar 2009 16:20

No esta mal jeje ;) Buen post Iván

Avatar de Usuario
noneoriente
Newbie
Newbie
MensajesCOLON 119
RegistradoCOLON 05 Mar 2009 18:01
CONTACTCOLON

Re: [Para actualizar] Nuevos códigos html

Notapor noneoriente » 28 Mar 2009 20:41

Ivan escribióColonCreando un hipervínculo (link) sin subrayado
Valoración: 7.0


Algunos quieren colocar un hipervínculo o un link o enlace sin subrayado. Parece muy fácil pero no lo es. Parece inservible pero algunos como yo les parece atractivo, algo novedoso...

Este es el código

<a href="mipagina.com" style="text-decoration:none">EL ENLACE o MENÚ</a>


Se deben cambiar
Se puede cambiar




esto me interesa ami en q parte va pegado el codigo ivan??
CrapScene la web del iphone http://www.crapscene.com/

Imagen

Visitad mi nueva web tanvien es dedicada al iphone http://www.appscene.es/ (Todavia esta en construccion)

Avatar de Usuario
Ivan
Master User
Master User
MensajesCOLON 2172
RegistradoCOLON 29 Oct 2005 00:15
UbicaciónCOLON Santa Fe, Argentina
CONTACTCOLON

Re: [Para actualizar] Nuevos códigos html

Notapor Ivan » 28 Mar 2009 20:55

Va pegado donde quieras que vaya el código.
Ejemplo: crea una tabla y lo pegas allí dentro.

Avatar de Usuario
Ivan
Master User
Master User
MensajesCOLON 2172
RegistradoCOLON 29 Oct 2005 00:15
UbicaciónCOLON Santa Fe, Argentina
CONTACTCOLON

Re: [Para actualizar] Nuevos códigos html

Notapor Ivan » 16 Abr 2009 16:23

Enviar URL a un amigo (recomendar)
<BODY style="font-family: Verdana">
<p align="center"><b>Recomendar a un amigo

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin

var initialsubj="Echa un vistazo a esta web."
var initialmsg="Hola. \n Quizás quieras echarle un vistazo a esta web: "+window.location
var good;
function checkEmailAddress(field) {

var goodEmail = field.value.match(/\b(^(\S+@).+((\.com)|(\.net)|(\.edu)|(\.mil)|(\.gov)|(\.org)|(\.info)|(\.sex)|(\.biz)|(\.aero)|(\.coop)|(\.museum)|(\.name)|(\.pro)|(\..{2,2}))$)\b/gi);
if (goodEmail) {
good = true;
}
else {
alert('Por favor entra una dirección de correo.');
field.focus();
field.select();
good = false;
}
}
u = window.location;
function mailThisUrl() {
good = false
checkEmailAddress(document.eMailer.email);
if (good) {

//window.location = "mailto:"+document.eMailer.email.value+"?subject="+initialsubj+"&body="+document.title+" "+u;
window.location = "mailto:"+document.eMailer.email.value+"?subject="+initialsubj+"&body="+initialmsg
}
}
// End -->
</script>


</b></p>


<form name="eMailer">
<font size="2">Entra la dirección de correo de tu amigo:</font>
<input type="text" name="email" size="26" value=" Entrar dirección aquí" onFocus="this.value=''" onMouseOver="window.status='Entra dirección de email aquí y comentar a un amigo sobre esta página...'; return true" onMouseOut="window.status='';return true">
<input type="button" value="Enviar esta URL" onMouseOver="window.status='¡Pulsa para enviar un correo a un amigo! Entra la dirección de correo arriba'; return true" onMouseOut="window.status='';return true" onClick="mailThisUrl();"></form>
</body>



Proteger página (podría como un vip o algo así)
<script language="JavaScript">
<!--

var username = prompt("Introduce Nombre Usuario","")
var password = prompt("Introduce el Password","")

if (username !="palimpalem || password !="pp")

{ top.location="about:Bad Username and/or Password" }
//-->
</script>

Avatar de Usuario
Ivan
Master User
Master User
MensajesCOLON 2172
RegistradoCOLON 29 Oct 2005 00:15
UbicaciónCOLON Santa Fe, Argentina
CONTACTCOLON

Re: [Para actualizar] Nuevos códigos html

Notapor Ivan » 19 Abr 2009 20:18

Lujoso calendario
Valoración: 8,0
Descripción: calendario que muestra Mes, Año y días.


<SCRIPT type="text/javascript">
// Begin Mensaje-------------------------------------------------------------------------------------------------------------->
/*
Created by A1 JavaScripts - http://www.a1javascripts.com/
This may be used freely as long as this msg is intact!
*/
msgFont='Arial,helvetiva';
msgFontSize="12";
msgFontColor="black"
/*
Here's the array that holds the text to change the divmessage to
when you mouseover. Change the text here
*/
function evento(dia,mes,titulo){
this.dia = dia
this.mes = mes
this.titulo = titulo
}

var eventos = new Array()
eventos[0] = new evento (1,"Primer día del mes")
eventos[1] = new evento (7,"Termina la primera semana")
eventos[2] = new evento (15,"Quincena del mes")
eventos[3] = new evento (24,11,"Días aburridos...")
eventos[4] = new evento (22,12,"¡Tengo que actualizar la web!")
eventos[5] = new evento (19,28,"Hola!")
function b_writeIt(obj, text){
document.getElementById(obj).innerHTML=text
}

function changeText(num){
b_writeIt('divMessage',eventos[num].titulo)
}

function borrarText(){
b_writeIt('divMessage',' ')
}
// End Mensaje-------------------------------------------------------------------------------------------------------------->


<!-- STEP ONE: Place the following script into a separate JavaScript file called: calendar.js -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
// SET ARRAYS
var day_of_week = new Array('Do','Lu','Ma','Mi','Ju','Vi','Sa');
var month_of_year = new Array('Enero','Febrero','Marzo','Abril','Mayo','Ju nio','Julio','Agosto','Septiembre','Octubre','Novi embre','Deciembre');

// DECLARE AND INITIALIZE VARIABLES
var Calendar = new Date();

var month = Calendar.getMonth(); // Returns month (0-11)
var today = Calendar.getDate(); // Returns day (1-31)
var weekday = Calendar.getDay(); // Returns day (1-31)

// Returns year
if(Calendar.getFullYear){
year = Calendar.getFullYear();//IE
}else{
year = Calendar.getYear()+1900;}//Mozilla Firefox

var DAYS_OF_WEEK = 7; // "constant" for number of days in a week
var DAYS_OF_MONTH = 31; // "constant" for number of days in a month
var cal; // Used for printing

Calendar.setDate(1); // Start the calendar day at '1'
Calendar.setMonth(month); // Start the calendar month at now


/* VARIABLES FOR FORMATTING
NOTE: You can format the 'BORDER', 'BGCOLOR', 'CELLPADDING', 'BORDERCOLOR'
tags to customize your caledanr's look. */

var TR_start = '<TR>';
var TR_end = '</TR>';
var highlight_start = '<TD WIDTH="20"><TABLE CELLSPACING=0 BORDER=1 BGCOLOR=DEDEFF BORDERCOLOR=CCCCCC style="font-size:' +msgFontSize+'px; font-family:'+msgFont+'; color:'+msgFontColor+'"><TR><TD WIDTH=18><B><CENTER>';
var highlight_end = '</CENTER></TD></TR></TABLE></B>';
var TD_start = '<TD WIDTH="20"><CENTER>';
var TD_end = '</CENTER></TD>';

/* BEGIN CODE FOR CALENDAR
NOTE: You can format the 'BORDER', 'BGCOLOR', 'CELLPADDING', 'BORDERCOLOR'
tags to customize your calendar's look.*/

cal = '<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 BORDERCOLOR=BBBBBB style="font-size:' +msgFontSize+'px; font-family:'+msgFont+'; color:'+msgFontColor+'"><TR><TD>';
cal += '<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=2 style="font-size:' +msgFontSize+'px; font-family:'+msgFont+'; color:'+msgFontColor+'">' + TR_start;
cal += '<TD COLSPAN="' + DAYS_OF_WEEK + '" BGCOLOR="#EFEFEF"><CENTER><B>';
cal += month_of_year[month] + ' ' + year + '</B>' + TD_end + TR_end;
cal += TR_start;

// DO NOT EDIT BELOW THIS POINT //

// LOOPS FOR EACH DAY OF WEEK
for(index=0; index < DAYS_OF_WEEK; index++)
{
cal += TD_start + day_of_week[index] + TD_end;
}

cal += TD_end + TR_end;
cal += TR_start;

// FILL IN BLANK GAPS UNTIL TODAY'S DAY
for(index=0; index < Calendar.getDay(); index++)
cal += TD_start + ' ' + TD_end;

// LOOPS FOR EACH DAY IN CALENDAR
for(index=0; index < DAYS_OF_MONTH; index++)
{
if( Calendar.getDate() > index )
{
// RETURNS THE NEXT DAY TO PRINT
week_day =Calendar.getDay();

// START NEW ROW FOR FIRST DAY OF WEEK
if(week_day == 0)
cal += TR_start;

if(week_day != DAYS_OF_WEEK)
{
// SET VARIABLE INSIDE LOOP FOR INCREMENTING PURPOSES
var day = Calendar.getDate();

// PRINTS DAY
var iEvent;
for(iEvent=0; iEvent < eventos.length; iEvent++)
{
if( ((month+1)==eventos[iEvent].mes) && (day==eventos[iEvent].dia) )//cuando coincidan con los eventos-JAIDER
day = "<a href='javascript:void(0)' onMouseOver='changeText(" + iEvent + "); window.status=\"Perl Site\";return true;' onMouseOut='borrarText(); window.status=\"\";return true;'> " + day + '</a>';
}

// HIGHLIGHT TODAY'S DATE
if( today==Calendar.getDate() )
cal += highlight_start + day + highlight_end + TD_end;
else //dias normales
cal += TD_start + day + TD_end;
}

// END ROW FOR LAST DAY OF WEEK
if(week_day == DAYS_OF_WEEK)
cal += TR_end;
}

// INCREMENTS UNTIL END OF THE MONTH
Calendar.setDate(Calendar.getDate()+1);

}// end for loop

cal += '</TD></TR></TABLE></TABLE>';

// End Calendario---------------------------------------------------------------------------------------------------------------->

</SCRIPT>

<center><p><font face=Arial>Calendario</font>
<br>
<SCRIPT type="text/javascript">
// PRINT CALENDAR
document.write(cal);
</SCRIPT>
<div id="divMessage" style="width:175px; height:80px; font-size: 12px; font-family: Arial; color:#000000;">Hola, ¿qué harás hoy?<br>
</div></center>

Avatar de Usuario
-_-Merino-_-
Pro User
Pro User
MensajesCOLON 946
RegistradoCOLON 16 Mar 2007 23:10
UbicaciónCOLON Bien ubicao

Re: [Para actualizar] Nuevos códigos html

Notapor -_-Merino-_- » 19 Abr 2009 21:32

wow muy bueno

Avatar de Usuario
sisoma2
Master User
Master User
MensajesCOLON 1857
RegistradoCOLON 19 Feb 2007 15:09
UbicaciónCOLON Reus-Tarragona-Catalunya-España
CONTACTCOLON

Re: [Para actualizar] Nuevos códigos html

Notapor sisoma2 » 22 Abr 2009 22:01

Iván, de sugerencia, no estaría mal que lo insertaras en uan web para que podamos verlo :P xD
Imagen

Avatar de Usuario
Ivan
Master User
Master User
MensajesCOLON 2172
RegistradoCOLON 29 Oct 2005 00:15
UbicaciónCOLON Santa Fe, Argentina
CONTACTCOLON

Re: [Para actualizar] Nuevos códigos html

Notapor Ivan » 22 Abr 2009 22:54

Muchas gracias por la sugerencia.
Lo voy a poner en lista de espera para cuando termine con las evaluaciones.

Avatar de Usuario
javierrojas
Pro User
Pro User
MensajesCOLON 959
RegistradoCOLON 17 Jul 2008 23:23
UbicaciónCOLON mii casiica!!
CONTACTCOLON

Re: [Para actualizar] Nuevos códigos html

Notapor javierrojas » 23 Abr 2009 22:08

Muy buen post. Enhorabuena Ivan.
VUELVE WWW.PPF.YA.ST
EL MIÉRCOLES, 21 DE JULIO, A LAS 18:00 DE LA TARDE, NO FALTES, FIESTA DE REGRESO.

Avatar de Usuario
Ivan
Master User
Master User
MensajesCOLON 2172
RegistradoCOLON 29 Oct 2005 00:15
UbicaciónCOLON Santa Fe, Argentina
CONTACTCOLON

Re: [Para actualizar] Nuevos códigos html

Notapor Ivan » 16 Jun 2009 01:01

Menú con categorías
Valoración: 8
Descripción: son cuadros desplegables con categorías y sitios web hacia donde se quiere dirigir. Recomendado para afiliados en sus sitios.

<form name="doublecombo">
<p><select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
<option>Tecnología</option>
<option>Noticias</option>
<option>Buscadores</option>
</select>
<select name="stage2" size="1">
<option value="http://www.dominio.com/pagina.htm">Website Abstraction</option>
<option value="http://www.dominio.com/pagina.htm">News.com</option>
<option value="http://www.dominio.com/pagina.htm">Wired News</option>
</select>
<input type="button" name="test" value="visitar"
onClick="go()">
</p>

<script>
<!--

var groups=document.doublecombo.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()

group[0][0]=new Option("Website Abstraction","http://www.dominio.com/pagina.htm")
group[0][1]=new Option("News.com","http://www.dominio.com/pagina.htm")
group[0][2]=new Option("Wired News","http://www.dominio.com/pagina.htm")

group[1][0]=new Option("CNN","http://www.dominio.com/pagina.htm")
group[1][1]=new Option("ABC News","http://www.dominio.com/pagina.htm")

group[2][0]=new Option("Hotbot","http://www.dominio.com/pagina.htm")
group[2][1]=new Option("Infoseek","http://www.dominio.com/pagina.htm")
group[2][2]=new Option("Excite","http://www.dominio.com/pagina.htm")
group[2][3]=new Option("Lycos","http://www.dominio.com/pagina.htm")

var temp=document.doublecombo.stage2

function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
}

function go(){
location=temp.options[temp.selectedIndex].value
}
//-->
</script>

</form>



¡Novedad!

Crearemos el primer sitio de códigos HTML que el foro pueda tener
como se debe tener. La fecha de inauguración no la tengo finalizada
pero ya les pondré en contacto.

Espero que este proyecto no decaiga :lol:
Aun sigo pensando en un nombre para el sitio, jajaja...

¿PalimCodes?, ¿Códigos P?, ¿Script palem?


Volver a

¿Quién está conectado?

Usuarios navegando por este Foro: 9 y 0 invitados