Códigos

Menús verticales 1

hace 1 año

por kilometro6 en Códigos, Menús

Para obtener cada menu es necesario serguir este procedimiento. Cada menú tiene 2 códigos, uno es el HTML del menu y el otro es el CSS del menu. El código CSS del menu lo tienen que pegar en “Css-Code sin Style Tags” y el código HTML del menú lo pegan en “Texto por encima de la página”. Este se encuentra el final de la página ya que es igual en todos los menús.

Menu 1

Código:

ul { list-style: none; margin: 0; padding: 0; } #menu { width: 200px; border-style: solid solid none solid; border-color: #94AA74; border-size: 1px; border-width: 1px; margin: 10px; } #menu li a { height: 32px; voice-family: “”}”"; voice-family: inherit; height: 24px; text-decoration: none; } #menu li a:link, #menu li a:visited { color: #5E7830; display: block; background: url(http://img.webme.com/pic/k/kilometro6-pruebas/menu13.gif); padding: 8px 0 0 10px; } #menu li a:hover { color: #26370A; background: url(http://img.webme.com/pic/k/kilometro6-pruebas/menu13.gif) 0 -32px; padding: 8px 0 0 10px; } #menu li a:active { color: #26370A; background: url(http://img.webme.com/pic/k/kilometro6-pruebas/menu13.gif) 0 -64px; padding: 8px 0 0 10px; }

(más…)

Tabs menu

hace 1 año

por kilometro6 en Códigos, Menús

Menu 1:

(más…)

Código de posicionamiento por coordenadas

hace 1 año

por kilometro6 en Códigos, HTML

Este código sirve para posicionar alguna imagen, abjeto o palabra en su web. Lo use para poner el reproductor en el cabezal.

<div style=”position:absolute;left:250px;top:250px;”> Código </div>

(más…)

coordenadas posicionamiento

Caja de texto

hace 1 año

por kilometro6 en Códigos, HTML

Este es el código de una caja de texto:

<textarea style=”width: 360px; height: 95px;”> El contenido de la caja</textarea>

Vista previa:
El contenido de la caja

caja texto

Box transparente

hace 1 año

por kilometro6 en Códigos, CSS

Este código es para que los box se tornen transparentes. Debe ir en: Editar diseño/Configuraciones avanzadas/Texto por encima de la página.

td.shouty{color:#FFFFFF;background-image: url(URL);background-color: transparent;} td.shouty2{color:#FFFFFF;background-image: url(URL);background-color: transparent;} td.shouty3{color:#FFFFFF;background-image: url(URL);background-color: transparent;} td.shouty4{color:#FFFFFF;background-image: url(URL);background-color: transparent;} td.shouty5{color:#FFFFFF;background-image: url(URL);background-color: transparent;}

By Nixoweb

El código es exclusivamente para PWG

Borrar el menu de Ice-Blue

hace 1 año

por kilometro6 en Códigos, CSS

Este código sirve para borrar el menú de Ice-Blue.El código debe estar en “Texto por encima de la página” (Editar diseño/Configuraciones avanzadas)

td.nav{visibility:hidden;} td.nav:hover{visibility:hidden;} td.nav_heading{visibility:hidden;} </style>

(más…)

Transparencia

hace 1 año

por kilometro6 en Códigos, CSS

Con ente código lograrás una transparencia en tu sitio que le dara un buen toque estético a tu web.

td.headline{visibility:hidden;} td.headline2{visibility:hidden;} body{background-image:url(Url del fondo);background-attachment: fixed;background-color:#ffffff;filter: alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75}

Donde dice “Url del fondo” pones la url del fondo de tu web.

Podés pegar el código en “Texto por encima de la página”, “Texto por debajo de la página” o en “Css-Code sin Style Tags”.

Related Posts Slide Outs

hace 1 año

por kilometro6 en Códigos, JavaScript

Este es el código CSS del menu:

.rp_list {
font-family:Verdana, Helvetica, sans-serif;
position:fixed;
right:-220px;
top:40px;
margin:0;
padding:0;
}
span.rp_shuffle{
background:#222 url(http://kilometro6.comze.com/tmp/d4a172614e.png) no-repeat 10px 50%;
width:28px;
height:14px;
display:block;
margin:10px 0px 0px 20px;
cursor:pointer;
padding:4px;
border:1px solid #000;
-moz-border-radius:5px 0px 0px 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
}
.rp_list ul{
margin:0;
padding:0;
list-style:none;
}
.rp_list ul li{
width: 240px;
margin-bottom:5px;
display:none;
}
.rp_list ul li div{
display: block;
line-height:15px;
width: 240px;
height: 80px;
background:#333;
border:1px solid #000;
-moz-border-radius:5px 0px 0px 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
}
.rp_list ul li div img{
width:70px;
border:none;
float:left;
margin:4px 10px 0px 4px;
border:1px solid #111;
-moz-box-shadow:1px 1px 3px #000;
-webkit-box-shadow:1px 1px 3px #000;
box-shadow:1px 1px 3px #000;
}
span.rp_title{
font-size:11px;
color:#ddd;
height:46px;
margin:4px 0px 0px 20px;
display:block;
text-shadow:1px 1px 1px #000;
padding-top:3px;
background:#222;
-moz-box-shadow:0px 0px 5px #000 inset;
-webkit-box-shadow:0px 0px 5px #000 inset;
box-shadow:0px 0px 5px #000 inset;
}
span.rp_links{
width:195px;
height:8px;
padding-top:2px;
display:block;
margin-left:42px;
}
span.rp_links a{
background: #222 url(http://kilometro6.comze.com/tmp/e43eeae024.png) repeat-x;
padding: 2px 18px;
font-size:10px;
color: #fff;
text-decoration: none;
line-height: 1;
-moz-box-shadow: 0 1px 3px #000;
-webkit-box-shadow: 0 1px 3px #000;
box-shadow:0 1px 3px #000;
text-shadow: 0 -1px 1px #222;
cursor: pointer;
outline:none;
}
span.rp_links a:hover{
background-color:#000;
color:#fff;
}
div.shuffle{
position:fixed;
top:476px;
right:19px;
width:200px;
height:50px;
background:transparent url(http://kilometro6.comze.com/tmp/898241116c.png) no-repeat top left;
}
div.hover{
position:fixed;
top:68px;
right:90px;
width:253px;
height:65px;
background:transparent url(http://kilometro6.comze.com/tmp/4abc1a4dc8.png) no-repeat top left;
}

(más…)

Menu estilo Apple

hace 1 año

por kilometro6 en Códigos, JavaScript

Vista previa:



Título
Contenido de la pestaña
Título
Contenido de la pestaña
Título
Contenido de la pestaña
Título

Contenido de la pestaña


Título
Contenido de la pestaña

(más…)

Ventana de aviso por 20 segundos

hace 1 año

por kilometro6 en Códigos, JavaScript

Les dejo un muy buen codigo que una ventana pop up que te permitira poner un mensaje al usuarios el cual durara solo 20 segundos y se cerrara. La ventana aparecera al centro de la pagina y persegira al usuario en el caso que baje en la pagina.

Codigo 1:

* Pagar esto por encima de la pagina:

(más…)

Ir arriba

Códigos

Tweets

Iniciar sesión