[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

[Actualizable] Nuevos códigos HTML-CSS

Notapor Ivan » 28 Nov 2008 21:53

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.
Última edición por 10 el Ivan, editado 2 veces en total

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! » 28 Nov 2008 22:37

Quiero que explique sbien que codigo hay que modificar para poenr mas usuarios en el loguien ese ;)

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 » 29 Nov 2008 17:42

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

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! » 30 Nov 2008 13:32

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 ;)

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 » 30 Nov 2008 23:31

Te juro, Nacho, no tengo idea . :?

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

Notapor Ivan » 01 Dic 2008 13:10

Última edición por 2 el Ivan, editado 18 veces en total

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 » 10 Dic 2008 01:03

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>

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 » 10 Dic 2008 01:08

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()">

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 » 17 Dic 2008 18:54

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

Avatar de Usuario
terceroa
ExModerador
ExModerador
MensajesCOLON 590
RegistradoCOLON 01 Oct 2005 03:29
UbicaciónCOLON Santiago, Chile

Re: [Para actualizar] Nuevos códigos html

Notapor terceroa » 18 Dic 2008 02:27

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!
Twitter
5 años en Palimpalem

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 » 18 Dic 2008 14:50

OK. Lo moveré a otro post :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 » 10 Feb 2009 00:04

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 ;)

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! » 10 Feb 2009 00:13

Bien hecho bonito codigo ;)

Avatar de Usuario
usuario_eliminado1
Advanced User
Advanced User
MensajesCOLON 860
RegistradoCOLON 06 Ene 2007 21:47
UbicaciónCOLON España.
CONTACTCOLON

Re: [Para actualizar] Nuevos códigos html

Notapor usuario_eliminado1 » 10 Feb 2009 15:50

Hola. :D

Buenos códigos.
AYUDÁ A PALIMPALEM. ENVIÁ ESTE POWERPOINT A TUS CONTACTOS
Lee las normas, no hagas doble-post, colocá asuntos explicativos, no escribas en mayúsculas, no ofendas, usa el buscador.

Avatar de Usuario
el_diabolo
Advanced User
Advanced User
MensajesCOLON 509
RegistradoCOLON 02 Jun 2008 01:32
UbicaciónCOLON Coquimbo, Chile
CONTACTCOLON

Re: [Para actualizar] Nuevos códigos html

Notapor el_diabolo » 11 Feb 2009 17:48

Buenos codigos ivan
http://www.eldiabolo.ya.st la mejor web de este ancestral malabar.
http://subdominios.miarroba.com/votar.php?id=217717 Vota 5* porfavor
Imagen


Volver a

¿Quién está conectado?

Usuarios navegando por este Foro: 4 y 0 invitados

cron