Publicados por gerrer0

hola gente les vengo a enseñar como haser letra 3d con css3 yo la encontre bastante genial :want:

los pasos son simples

creamos una div

# jojoojojoj ke letra perfecta! 
    

FireFox, Opera, Safari y Chrome 

hr

ahora con css!

#uj{
	width:960px;
        height:500px;
	padding:50px 10px 0 10px;
	margin:0 auto;
        text-align:center;
}
#uj h1{
    font:normal 60pt Arial;
    color:#FFFFFF;
    text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}
#uj p{
    font:normal 40pt Arial;
    color:#FFFFFF;
    text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}

funciona para safari opera chrome mozila pero creo ke internet exploret no :bah:

el resultado es algo asi

hola uj un nuevo "tuto" , les enseñare haser una pagina con bordes laterales con tablas por ejemplo como esto

pueden usar cualquier editor aunque yo recomiendoDreamWeaver

lo principal de una web seria

hr

bueno empesamos poniendo una tabla en la etiketa body (si usas dream weaver saldra un asistente colocas 3 columnas y 1 fila ancho de la tabla 100% y lo demas 0)

nos quedara una tabla con 3 columnas a las 2 laterales le colocamos 1 medida en porcentaje , 50% a las 2

el 50% nos cubrira toda la web asi que escrivimos unas letras almedio para enancharla esto servira para que los bordes esten siempre a los lados del cuerpo de la pagina

ahora crearemos estilos css para agregar la imagen ke vendria siendo el borde

    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

el estilo fue el sigiente y lo podemos nombrar isquierda que sera el estilo de la tabla isquierda

.isquierda {
background-image: url(img isquirda);
background-repeat: repeat-y;
background-position: right;

pusimos una imagen de fondo que se repita asia abajo y que tenga una posision hasia a la derecha

lo mismo con la parte derecha solo que a background-position colocamos left que seria hasia la isquierda

.derecha {
background-image: url(img isquirda);
background-repeat: repeat-y;
background-position: left;

ahora volvemos a la tabla ya estando listo los estilo solo tenemos ke agregarlos a la taba

    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

con eso tendriamos una pagina con bordes laterales depues en a tabla de almedio empiesan haser su web con diviciones y lo ke ustedes quieran

es mejor haser el bug con las tintas de imperio hases click la tinta de imperio y la piedra alma al mismo tiempo y no te kita la piedra y siges suvendo es mas practico y facil xd

imges shack :|||:

algunas personas no pueden ver las fotos que estan en ese host y aveses se kae

yo me hice una pagina.es.tl y suvia mis imagenes OJO nunca se cae !

pero ya un amigo me dio un sub dominio de su web y suvo las imagenes ay pero les recomiendo usar pagina.es.tl

http://www.paginawebgratis.es

totty es logico ke este en el pack xD

pero el item list kreo ke esta decompilando el locale.epk

yo te ayudo !! :happy:

no tengo server privado solo tengo un dominio T.T xD

hola uj les enseñare haser un lindo menu con HTML , CSS , CSS3
el resultado seria asi y keda mui bueno para sus web :want:

pueden usar cualquier editor de texto lla sea Notepad++ o dreamweaver etc...

empesamos creando una div y la nombraremos "MENU"

los segundo sera crear unas etiquetas ul y etiketas li

• Inicio

• Descargas

• Imagenes

• Videos

• Contacto

bueno esto seria lo principal del menu ahora empesaremos a modificar con CSS

lo primero es centrar la div :

@charset "utf-8";
* {
	margin-right: auto;
	margin-left: auto;
}

lo segundo darle sus respectivas medida y agregar un fondo para ke kede todo chulo ay xD

#menu {
	height: 30px;
	width: 700px;
	background-image: url(menuimg.png);
	background-repeat: repeat;
}

le agrege una imagen de 30 x 30 y ke se repita

ahora para que no cree ese lista hasia abajo y la aga para al lado y tambien ke elimine los puntos ke krea por defecto agregamos este codigo

#menuv li{
    list-style: none;
	float: left;
}

ahora le damos un poco de estilo a la letra que seria:

#menuv {
    font-family: verdana;
	font-size: 15px;
	margin: 3px;
}

font family sera el tipo de letra que sera Verdana , font size es el tamaño de la letra y margin el margen que tendran las diviciones del menu

ahora le daremos color a las letras y decoraciones

#menuv li a{
    display: block;
	color: #999999;
	padding: 3px 30px;
	text-decoration: none;
}

yo le di un color medio gris con color: #999999 padding es para el borde entre la letra y las diviciones li ay modifican para que se valla lennando todo el menu en toda la divicion menu y text decoration : none es para quitar el subrallado de las letras

esto seria la misma etiqueta de arriba solo que con la terminacion Hover que seria lo que saldra al pasar el mouse por encima

#menuv li a:hover{
    display: block;
	color: #FFFFFF;
	padding: 3px 30px;
	text-decoration: none;
	text-shadow: 0px 0px 5px #ffffff;
	-moz-text-shadow: 0px 0px 5px #ffffff;
	-webkit-text-shadow: 0px 0px 5px #ffffff; 
}

copiamos todo lo mismo solo que le agregamos unas decoraciones por ejemplo cambiamos el color del texto a blanco
le agregamos un brillo a la letra con text shadow (CSS3)

y con eso estaria listo el menu salio largo pero si aprendes ah aserlo lo hases en unos 3 minutos xD

y quien save hablar aleman pa ver que dice ralmente? XDDDD _xD_

me entro la duda por ke se pone loco asi por asi xD

uso el cliente original
si ninguna modificacion

eso lla lo se ... mi error no es al compilar es al decompilar