Página 2 de 4

Re: [Para actualizar] Nuevos códigos html

PublicadoCOLON 11 Feb 2009 19:22
por Ivan
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.

Re: [Para actualizar] Nuevos códigos html

PublicadoCOLON 12 Mar 2009 15:06
por Ivan
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>

Re: [Para actualizar] Nuevos códigos html

PublicadoCOLON 13 Mar 2009 14:09
por Klk3
esa ultima es muy utilizada :D

Re: [Para actualizar] Nuevos códigos html

PublicadoCOLON 16 Mar 2009 01:27
por Ivan
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

Re: [Para actualizar] Nuevos códigos html

PublicadoCOLON 16 Mar 2009 16:09
por -_-Merino-_-
Wow muy buenos

Re: [Para actualizar] Nuevos códigos html

PublicadoCOLON 19 Mar 2009 16:20
por Nacho!
No esta mal jeje ;) Buen post Iván

Re: [Para actualizar] Nuevos códigos html

PublicadoCOLON 28 Mar 2009 20:41
por noneoriente
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??

Re: [Para actualizar] Nuevos códigos html

PublicadoCOLON 28 Mar 2009 20:55
por Ivan
Va pegado donde quieras que vaya el código.
Ejemplo: crea una tabla y lo pegas allí dentro.

Re: [Para actualizar] Nuevos códigos html

PublicadoCOLON 16 Abr 2009 16:23
por Ivan
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>

Re: [Para actualizar] Nuevos códigos html

PublicadoCOLON 19 Abr 2009 20:18
por Ivan
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>

Re: [Para actualizar] Nuevos códigos html

PublicadoCOLON 19 Abr 2009 21:32
por -_-Merino-_-
wow muy bueno

Re: [Para actualizar] Nuevos códigos html

PublicadoCOLON 22 Abr 2009 22:01
por sisoma2
Iván, de sugerencia, no estaría mal que lo insertaras en uan web para que podamos verlo :P xD

Re: [Para actualizar] Nuevos códigos html

PublicadoCOLON 22 Abr 2009 22:54
por Ivan
Muchas gracias por la sugerencia.
Lo voy a poner en lista de espera para cuando termine con las evaluaciones.

Re: [Para actualizar] Nuevos códigos html

PublicadoCOLON 23 Abr 2009 22:08
por javierrojas
Muy buen post. Enhorabuena Ivan.

Re: [Para actualizar] Nuevos códigos html

PublicadoCOLON 16 Jun 2009 01:01
por Ivan
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?