Página 1 de 4

[Actualizable] Nuevos códigos HTML-CSS

PublicadoCOLON 28 Nov 2008 21:53
por Ivan
Gran post de CÓDIGOS HTML

Para novatos, para medianos y avanzados.
Nota: puedes pedir más, haciendo clic aquí.
Aclaro que siempre existe el CSS y no te preocupes,
funcionan todos para Palimpalem

Imagen



Por ahora tenemos los siguientes códigos:

- Contador de visitas por persona
- Mensaje INTRO gigante
- Hipervínculo (LINK) sin subrayado
- Botones con LINK cambiante
- Reloj digital
- Imagen cambia al pasar el cursor
- Cursores web
- Enviar URL a un amigo
- Proteger página, sección VIP
- Menú con categorías
- Traducir mi web
- Tabla que cambia de colores
- Cargando página
- Imagen encima de otra imagen
- Imagen cambia al pasar el cursor (V2)
- Imagen cambia al pasar el cursor (V3 - FINAL Mejorado)
- Imagen se agranda al pasar por encima el cursor
- Pasar color hexadecimal a RGB (y viceversa)
- Imagen cambia al pasar el ratón por encima (V4)
- Barra estática (tipo Facebook)
- Redondear bordes a tablas



[...] siempre colocaremos más.

Re: [Para actualizar] Nuevos códigos html

PublicadoCOLON 28 Nov 2008 22:37
por Nacho!
Quiero que explique sbien que codigo hay que modificar para poenr mas usuarios en el loguien ese ;)

Re: [Para actualizar] Nuevos códigos html

PublicadoCOLON 29 Nov 2008 17:42
por Ivan
Nacho! escribióColonQuiero que explique sbien que codigo hay que modificar para poenr mas usuarios en el loguien ese ;)


Si a lo que te refieres es a mandar de a muchos la recomendación, sería lo mismo que enviar a c/u por separado. No he probado enviar de a muchos, sino algunos en especial.
Si encuentro alguno para enviar de a muchos te aviso.
Buena propuesta

Re: [Para actualizar] Nuevos códigos html

PublicadoCOLON 30 Nov 2008 13:32
por Nacho!
Ivan escribióColon
Nacho! escribióColonQuiero que explique sbien que codigo hay que modificar para poenr mas usuarios en el loguien ese ;)


Si a lo que te refieres es a mandar de a muchos la recomendación, sería lo mismo que enviar a c/u por separado. No he probado enviar de a muchos, sino algunos en especial.
Si encuentro alguno para enviar de a muchos te aviso.
Buena propuesta


No ene se codigo no en el siguiente, en el codigo del loguin, en el loguin de identificacion solo te permite identificart econ un nombre de usuario y una contraseña siempre igual pero hay una ocion que no recuerdo par aañadir ams nombres y contraseñas ;)

Re: [Para actualizar] Nuevos códigos html

PublicadoCOLON 30 Nov 2008 23:31
por Ivan
Te juro, Nacho, no tengo idea . :?

PublicadoCOLON 01 Dic 2008 13:10
por Ivan

Re: [Para actualizar] Nuevos códigos html

PublicadoCOLON 10 Dic 2008 01:03
por Ivan
Contador de visitas por persona.
Calificación personal: 8,5


Pegar en etiquetas <head> y </head>

CódigoColon Seleccionar todo

<script language="javascript">

function chequeo() {
  if (!confirm("[color=#FF0000]Hola, este es tu contador personal[/color]."))
  history.go(-1);
  return ""
}

//establece valor cookie
function galletita (nombre, valor) {
  var argumentosA = galletita.arguments
  var argumentosB = galletita.arguments.length
  var expires = (argumentosB > 2) ? argumentosA[2] : null
  var control = (argumentosB > 3) ?argumentosA[3] : null
  var dominio = (argumentosB > 4) ? argumentosA[4] : null
  var broche = (argumentosB > 5) ? argumentosA[5] : false
  document.cookie = nombre + "=" + escape (valor) +
    ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
    ((control == null) ? "" : ("; control=" + control)) +
    ((dominio == null) ? "" : ("; dominio=" + dominio)) +
    ((broche == true) ? "; broche" : "")
}

//obtencion valor cookie
function galletavaluada(cepilo) {
  var fin = document.cookie.indexOf (";", cepilo)
  if (fin == -1) fin = document.cookie.length
  return unescape (document.cookie.substring(cepilo, fin))
}

function galleta(nombre) {
  var A1 = nombre+"="
  var A2 = A1.length
  var A3 = document.cookie.length
  var i = 0
  while (i < A3) {
    var j = i + A2
    if (document.cookie.substring(i, j) == A1) return galletavaluada(j)
    i = document.cookie.indexOf(" ", i) + 1
    if (i == 0) break
  }
  return null
}

//obtencion de datos
var apodo=galleta("msg1")
if (apodo== null) {
  document.writeln(chequeo())
  var apodo=prompt('Por favor, escribe tu apodo:','')
  var caducar = new Date ();
  caducar.setTime (caducar.getTime() + (24 * 60 * 60 * 1000 * 365))
  galletita ("msg1", apodo, caducar)
}

//contadores
function contador(contar) {
  var contador=galleta("msg2")
  if (contar==0) { contar=1 }
  else contador++
  var caducar = new Date ()
  caducar.setTime (caducar.getTime() + (24 * 60 * 60 * 1000 * 365))
  galletita ("msg2", contador, caducar)
  return (contador)
}

var acceso=contador("contar")

//escribe niveles de usuario
function infousuario() {
  if (acceso >= 30) {document.write('Supervisitante') }
  else if (acceso >= 20) {document.write('Adicto') }
  else if (acceso >= 10) {document.write('Experimentado') }
  else if (acceso >= 5) {document.write('Regular') }
  else {document.write('Amateur') }
}

function enviar(nombre, contenido, expires) {
  document.cookie = nombre + "=" + escape(contenido) + ((expires == null) ? "" : ("; expires=" + expires.toGMTString()))
}

function recibir(nombre) {
  galleta = nombre + "="
  if (document.cookie.length > 0) {
    principio = document.cookie.indexOf(galleta)
    if (principio != -1) {
      principio += galleta.length
      fin = document.cookie.indexOf(";", principio)
      if (fin == -1)
        fin = document.cookie.length
      return unescape(document.cookie.substring(principio, fin))
    }
  }
}

//comprueba y escribe fecha ultima visita
function ultimavisita() {
  fecha = new Date()
  mes = fecha.getMonth() + 1
  fechas = fecha.getDate() + "/" + mes + "/" + fecha.getFullYear()
  expires = new Date(2001, 12, 31)
  ultima = recibir("visita")
  if(!ultima) {
    enviar("visita", fechas, expires)
    document.write("1ª visita")
  }
  else {
    document.write(ultima)
    enviar("visita", fechas, expires)
  }
}

</script>


Pegar como "Pegado especial"

CódigoColon Seleccionar todo

<SCRIPT LANGUAGE=JavaScript>
var apodo=galleta("msg1")
if (apodo!=null ) {
   document.write('<CENTER><table align="center" cellspacing="0" border="5" width="30%" bgcolor="darkslateblue" bordercolorlight="lightblue" bordercolordark="mediumslateblue">')
   document.write('<TR><TD><font color="lavender"><B>Tu Apodo:</B><TD Align=center><font color="lavender"> '+apodo)
   document.write('<TR><TD><font color="lavender"><B>Visitas:</B><TD Align=center><font color="lavender">'+acceso+' veces')
   document.write('<TR><TD><font color="lavender"><B>Ultima visita:</B><TD Align=center><font color="lavender">')
   ultimavisita()
   document.write('<TR><TD><font color="lavender"><B>Clasificacion:</B><TD Align=center><font color="lavender">')
   infousuario()
   document.write('</TABLE></CENTER>');
}
</SCRIPT>

Re: [Para actualizar] Nuevos códigos html

PublicadoCOLON 10 Dic 2008 01:08
por Ivan
Para no gastar tiempo en flash, utiliza este código como introducción.
Mensaje Intro gigante
Calificación personal: 7,0


Pegar en <head> y </head>
<SCRIPT LANGUAGE="JavaScript">
<!-- código con publicidad eliminada --!>


<!-- Begin
message = "Aquí insertar el mensaje";
colours = new Array('fff000','00ff00')//Pick your colors, any amount.
siZe = 20;//Explorer only! can be outrageous size.
message = message.split(' ');
timer = null;
clrPos = 0;
msgPos = 0;
jog = 1;
currentStep = 10;
step = 8;
ns = (document.layers)?1:0;
viz = (document.layers)?'hide':'hidden';
if (ns)
document.write("<div id='T' style='position:absolute'></div><br>");
else {
document.write("<div style='position:absolute'>");
document.write("<div align='center' style='position:relative'>");
document.write("<div id='T' style='position:absolute;width:0;height:0;font-family:Arial;font-size:0'>kurt</div>");
document.write("</div></div><br>");
}
function Message() {
var pageHeight = (document.layers)?window.innerHeight:window.document.body.offsetHeight;
var pageWidth = (document.layers)?window.innerWidth:window.document.body.offsetWidth;
if (ns) {
ypos = pageHeight / 2;
var Write = '<div align="center" style="width:0px;height:0px;font-family:Arial,Verdana;font-size:'+currentStep/4+'px;color:'+colours[clrPos]+'">'+message[msgPos]+'</div>';
document.T.top = ypos + -currentStep / 8 + window.pageYOffset;
document.T.document.write(Write)
document.T.document.close();
}
else {
ypos = pageHeight / 2;
xpos = pageWidth / 2;
T.style.width = currentStep;
T.style.pixelTop = ypos + -currentStep / 16 + document.body.scrollTop;
T.style.pixelLeft = (xpos - 20)+ -currentStep / 2;
T.style.fontSize = currentStep / 8;
T.innerHTML = message[msgPos];
T.style.color = colours[clrPos];
}
if (ns)step += 5;
else step += 15;
currentStep += step
if (ns) {
if (currentStep > pageWidth) {
currentStep = 10;
step = 8;
msgPos += jog;
clrPos += jog;
}
if (clrPos >= colours.length) clrPos = 0;
}
else {
if (currentStep > pageWidth * siZe) {
currentStep = 10;
step = 8;
msgPos += jog;
clrPos += jog;
}
if (clrPos >= colours.length) clrPos = 0;
}
if (msgPos >= message.length) {
clearTimeout(timer);
if (ns) document.T.visibility = viz;
else T.style.visibility = viz;
}
timer = setTimeout("Message()",40)
}
// End -->
</script>


Sustituir primer <body> por este
<BODY onLoad="Message()">

Re: [Para actualizar] Nuevos códigos html

PublicadoCOLON 17 Dic 2008 18:54
por Ivan
Creando 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

Re: [Para actualizar] Nuevos códigos html

PublicadoCOLON 18 Dic 2008 02:27
por terceroa
Ivan escribióColonHe encontrado un código html al que solo pueden entrar a una página los usuarios registrados. Lamentablemente funciona en PHP
Va todo arriba de de todo de tu página PHP

<?php
if($_SERVER['PHP_AUTH_USER']=='') {
header("WWW-Authenticate: Basic realm=\"Acceso Restringido\"");
header("HTTP/1.0 401 Unauthorized");
echo '';
exit;
} else {

if($_SERVER['PHP_AUTH_USER']=='usuario_1'&&$_SERVER['PHP_AUTH_PW']=='clave_aqui') {
Header("Location: http://www.tupagina.com/vip.php");
} else {
echo '';
}

if($_SERVER['PHP_AUTH_USER']=='usuario_2'&&$_SERVER['PHP_AUTH_PW']=='clave_aqui') {
Header("Location: http://www.tupagina.com/vip.php");
} else {
echo '';

exit;
}
}
?>



<?php
if (($PHP_AUTH_USER!="usuario") || ($PHP_AUTH_PW!="clave_aqui")) {
header('WWW-Authenticate: Basic realm="Acceso Restringido"');
header('HTTP/1.0 401 Unauthorized');
echo '';
exit;
}
?>





Puedes agregar más usuarios, copiando donde dice "usuario_1, usuario_2" y pegandolo debajo de ellos. Les pones otra password y la misma URL vip.
Ojala les sirva para algo en especial.
un código en php no puede ser un código html xDD!

Re: [Para actualizar] Nuevos códigos html

PublicadoCOLON 18 Dic 2008 14:50
por Ivan
OK. Lo moveré a otro post :D

Re: [Para actualizar] Nuevos códigos html

PublicadoCOLON 10 Feb 2009 00:04
por Ivan
Botones con links cambiantes
Valoración: 8,0
Explicación: Son botones que cambian automáticamente y poseen varios links.
Como una publicidad en botones.


<font face="Tahoma" size="2">
<script language="JavaScript">
<!-- Script por Iván Stebler -->
var timerID = null
var timerRunning = false
var charNo = 0
var charMax = 0
var lineNo = 0
var lineMax = 3
var lineArr = new Array(lineMax)
var urlArr = new Array(lineMax)
lineArr[1] = "Enlace 1"
urlArr[1] = "http://www.enlace1.com"
lineArr[2] = "Cosas 2"
urlArr[2] = "http://www.Algunascosas.net"
lineArr[3] = "La web de José"
urlArr[3] = "http://jose.blogspot.com"
var lineText = lineArr[1]
function StartShow() {
StopShow()
ShowLine()
timerRunning = true
}
function FillSpaces() {
for (var i = 1; i <= lineWidth; i++) {
spaces += " "
}
}
function StopShow() {
if (timerRunning) {
clearTimeout(timerID)
timerRunning = false
}
}
function ShowLine() {
if (charNo == 0) {
if (lineNo < lineMax) {
lineNo++
}
else {
lineNo = 1
}
lineText = lineArr[lineNo]
charMax = lineText.length
}
if (charNo <= charMax) {
document.formDisplay.buttonFace.value = lineText.substring(0, charNo)
charNo++
timerID = setTimeout("ShowLine()", 100)
}
else {
charNo = 0
timerID = setTimeout("ShowLine()", 3000)
}
}
function GotoUrl(url)
{
top.location.href = url
}
document.write("<form name=\"formDisplay\">");
document.write("<input type=\"button\" name=\"buttonFace\" value=\"&{lineText}\" size=\"18\" onClick=\"GotoUrl(urlArr[lineNo])\">");
document.write("</form>");
StartShow();
</script></font>


Se aconseja solo cambiar lo que está en rojo.

Ojalá que les guste ;)

Re: [Para actualizar] Nuevos códigos html

PublicadoCOLON 10 Feb 2009 00:13
por Nacho!
Bien hecho bonito codigo ;)

Re: [Para actualizar] Nuevos códigos html

PublicadoCOLON 10 Feb 2009 15:50
por usuario_eliminado1
Hola. :D

Buenos códigos.

Re: [Para actualizar] Nuevos códigos html

PublicadoCOLON 11 Feb 2009 17:48
por el_diabolo
Buenos codigos ivan