Comunidad de diseño web y desarrollo en internet online

Más cambios en Johnnyblog...

Foros de discusión > Muestranos tu trabajo

Citar            
MensajeEscrito el 26 Abr 2005 06:37 pm
No es gran cosa, pero ya me empezaba a cansar tanto blanco, así que decidí hacer algun cambio al respecto. También he cambiado algo el header...
de momento sólo he hecho el home, se ve bien en Firefox, Mozilla, Opera, Epiphany y Konqueror, y cómo no, se descantra minimamente en IE, poco pero lo justo para empezar a cabrearme, asi que se va a quedar así...

Los cambios en el blog y las demás secciones los haré cuando tenga algo de tiempo, pero mientras eso es lo que hay, denme opiniones para ver si sigo por ese camino o escojo otro estilo...
http://www.johnny.nodani.com

saludos... :wink:

Por Johnny

Claber

1589 de clabLevel

4 tutoriales

  Héroes

Envíale un mensaje privado     Web

firefox
Citar            
MensajeEscrito el 26 Abr 2005 06:56 pm
En resolucion de 1280x1024 el fondo se te jode... haztelo mirar ;)

Por mrkoala

Claber

1298 de clabLevel

1 tutorial
3 articulos

 

Envíale un mensaje privado     Web

Guadalajara (España)

firefox
Citar            
MensajeEscrito el 26 Abr 2005 06:57 pm
Lo importante es que sigues vivo... :lol::lol::lol:
Ya verás que en un par de semanas te aburres otra vez... yo ya estoy trabajando en mi blog... había bajado el wordpress (de hecho allí lo tengo), pero al final... estoy haciendo mi propio script :shock:

Por Pedro

BOFH

3017 de clabLevel

3 tutoriales
6 articulos

  Bastard Operators From Hell

Envíale un mensaje privado     Web

Honduras

firefox
Citar            
MensajeEscrito el 26 Abr 2005 09:07 pm
mmmmmmmmm gracias por los comentarios, tendré que ver lo de la resolucion, creo que meteré las divs de esas imágenes dentro del div principal, en vez de fuera...
Por otro lado word press me gusta mucho, es muy personalizable, podrías hacerte tu propio skin una vez instalado...

Por Johnny

Claber

1589 de clabLevel

4 tutoriales

  Héroes

Envíale un mensaje privado     Web

firefox
Citar            
MensajeEscrito el 26 Abr 2005 11:14 pm

Johnny escribió:

...word press me gusta mucho, es muy personalizable, podrías hacerte tu propio skin una vez instalado...
Lo sé. Sólo que al final el trabajo es tanto que "reparar" a veces requiere más fuerza y tiempo que crear... think about it! ;)

Por Pedro

BOFH

3017 de clabLevel

3 tutoriales
6 articulos

  Bastard Operators From Hell

Envíale un mensaje privado     Web

Honduras

firefox
Citar            
MensajeEscrito el 26 Abr 2005 11:18 pm
la verdad es que no lo habia pensado, pero sí que es verdad, yo para editar los skins me llevé unos dias para averiguar lo que era cada cosa, y si es con la plantilla de phpBB ya es que ni te imaginas :lol:
aun así me gusta... :love:
saludos!!

Por Johnny

Claber

1589 de clabLevel

4 tutoriales

  Héroes

Envíale un mensaje privado     Web

firefox
Citar            
MensajeEscrito el 27 Abr 2005 02:30 pm
por cierto koala, podrías mirar de nuevo la web¿? es que he hecho unos cambios en las divs y no se si se verá bien ahora...

Por Johnny

Claber

1589 de clabLevel

4 tutoriales

  Héroes

Envíale un mensaje privado     Web

firefox
Citar            
MensajeEscrito el 27 Abr 2005 05:21 pm

Por mrkoala

Claber

1298 de clabLevel

1 tutorial
3 articulos

 

Envíale un mensaje privado     Web

Guadalajara (España)

firefox
Citar            
MensajeEscrito el 27 Abr 2005 06:50 pm
hey muchas gracias!!! creí que descantraban las imágenes para que quede redondeado y sin embargo lo que parece es que hubiera más contenido entre la imágen de abajo y el div contenedor... intentaré ver qué es...
saludos :wink:

Por Johnny

Claber

1589 de clabLevel

4 tutoriales

  Héroes

Envíale un mensaje privado     Web

firefox
Citar            
MensajeEscrito el 27 Abr 2005 07:01 pm
le he añadido esto al div contenedor, a ver si así ya no deja ese espacio...

Código :

margin-bottom:0px;
margin-top:0px;
padding-bottom:0px;
padding-top:0px;

con esto supongo que "fijará" la posicion a los margenes del navegador, lo tengo casi igual en las propiedades del body,lo de ponerlo tambien en el top es por si a alguien le pasa igual pero por arriba, mejor prevenir que curar...
Espero que vaya bien ahora...
gracias de nuevo, saludos ^^

Por Johnny

Claber

1589 de clabLevel

4 tutoriales

  Héroes

Envíale un mensaje privado     Web

firefox
Citar            
MensajeEscrito el 27 Abr 2005 07:29 pm
Aun veo el corte ese extraño exactamente igual que antes :S, no te puedo ayudar en mas pq yo de codigo, nothing ... :cry: de todas formas no creo que mucha gente vea la pagina a esta resolucion xD, aunque me imagino q no pararas hasta saber el porque de este expediente x...

Por mrkoala

Claber

1298 de clabLevel

1 tutorial
3 articulos

 

Envíale un mensaje privado     Web

Guadalajara (España)

firefox
Citar            
MensajeEscrito el 27 Abr 2005 07:35 pm

Johnny escribió:

le he añadido esto al div contenedor, a ver si así ya no deja ese espacio...

Código :

margin-bottom:0px;
margin-top:0px;
padding-bottom:0px;
padding-top:0px;

con esto supongo que "fijará" la posicion a los margenes del navegador, lo tengo casi igual en las propiedades del body,lo de ponerlo tambien en el top es por si a alguien le pasa igual pero por arriba, mejor prevenir que curar...
Espero que vaya bien ahora...
gracias de nuevo, saludos ^^



Para optimizar tu código, yo lo haría así:

Código :

margin: 0px auto; padding 0px;

Recuerda que margin te abrevia los cuatro margenes en este orden: top, right, bottom, left.
Por tanto, si ponemos margin: 0px auto, le estamos diciendo que los márgenes superior e inferior son 0px y los right y left, son auto... en el padding: 0px lo que estamos diciendo es que el padding es 0px en los cuatro extremos posibles...

Aunque... déjame revisar tu código... ya regreso... ¬_¬

Por Pedro

BOFH

3017 de clabLevel

3 tutoriales
6 articulos

  Bastard Operators From Hell

Envíale un mensaje privado     Web

Honduras

firefox
Citar            
MensajeEscrito el 27 Abr 2005 08:04 pm
Ya vine y traigo noticias :lol::lol::lol:

1.- Por qué declaras dos veces el icon?
2.- Te funciona la hoja estilos.css? Recuerda que H1 NO es lo mismo que h1 y TD no es lo mismo que td
3.- En xhtml, las tags y atributos se escriben en minúsculas, NÚNCA en mayúsculas
4.- Veo que ya tienes declarados los márgenes (como yo te dije), pero redundas al escribirlos de nuevo abajo como

Código :

margin: 0px auto;
color: #ff3333;
margin-bottom:0px;
margin-top:0px;

5.- En la clase .principal te contradices tu sólo:

Código :

.principal{
width: 698px;
height: 100%;
margin: 0px auto;
margin-top: 0px;
margin-bottom: 10px;
background: #ffffff;
}
primero le ordenas que el margen inferior es 0px y abajo le dices que es 10px.
6.- Revisa ese tipo de inconsistencias... hay un tema importante que debes considerar a la hora de maquetar con css: especificidad (en inglés es specificity).
7.- Y para que no te rompas la cabeza buscando el problema.... la solución es que el background que has llamado "back2.png", debería estar en el div con clase contenedor; sino, lo que pasa es que el body se vuelve tan grande como la resolución del monitor... y el contenedor, conforme al contenido (o sea, menor)
8.- Como dije antes, vas por buen camino... ;)

Por Pedro

BOFH

3017 de clabLevel

3 tutoriales
6 articulos

  Bastard Operators From Hell

Envíale un mensaje privado     Web

Honduras

firefox
Citar            
MensajeEscrito el 27 Abr 2005 08:14 pm
hey muchas gracias por la ayuda pedro, la verdad es que como cuando empecé apenas tenia 20 lineas de código y he ido aumentando al final no me he preocupado de estos errores. Voy a revisarlo para que vaya bien todo...
gracias nuevamente :wink:

Por Johnny

Claber

1589 de clabLevel

4 tutoriales

  Héroes

Envíale un mensaje privado     Web

firefox
Citar            
MensajeEscrito el 27 Abr 2005 08:23 pm
ea ya lo he cambiado, se ve bien incluso en IE!!!!!! :lol:
gracias de nuevo, no me cansaré de repetirlo...

Por Johnny

Claber

1589 de clabLevel

4 tutoriales

  Héroes

Envíale un mensaje privado     Web

firefox
Citar            
MensajeEscrito el 27 Abr 2005 08:26 pm
Conseguido! clap! clap! clap! :D

Por mrkoala

Claber

1298 de clabLevel

1 tutorial
3 articulos

 

Envíale un mensaje privado     Web

Guadalajara (España)

firefox
Citar            
MensajeEscrito el 27 Abr 2005 08:28 pm
Es un gusto servirles (siempre que pongan de su parte) :|


P.D.

mrkoala escribió:

Conseguido! clap! clap! clap! :D
Qué tal si pones otro screenshot... mi monitor es de BAJA resolución :(

Por Pedro

BOFH

3017 de clabLevel

3 tutoriales
6 articulos

  Bastard Operators From Hell

Envíale un mensaje privado     Web



Ultima edición por Pedro el 27 Abr 2005 08:30 pm, editado 1 vez

Honduras

firefox
Citar            
MensajeEscrito el 27 Abr 2005 08:30 pm
se ha ganado un link desde la web :lol:
a ver si nos da la nueva direccion y lo pongo...

Por Johnny

Claber

1589 de clabLevel

4 tutoriales

  Héroes

Envíale un mensaje privado     Web

firefox
Citar            
MensajeEscrito el 27 Abr 2005 11:41 pm
Actualizacion del "pantallazo" marchando: www.igenerationstudio.com/images/johny.jpg
;). Y se acaba de abrir un numero de cuenta para que Pedro se compre un monitor en condiciones xD , pueden ire dejando sus donaciones!

Por mrkoala

Claber

1298 de clabLevel

1 tutorial
3 articulos

 

Envíale un mensaje privado     Web

Guadalajara (España)

firefox
Citar            
MensajeEscrito el 28 Abr 2005 12:13 am

mrkoala escribió:

...Y se acaba de abrir un numero de cuenta para que Pedro se compre un monitor en condiciones xD , pueden ire dejando sus donaciones!
Realmente da lástima mi viewsonic de 15" :(

Por Pedro

BOFH

3017 de clabLevel

3 tutoriales
6 articulos

  Bastard Operators From Hell

Envíale un mensaje privado     Web

Honduras

firefox
Citar            
MensajeEscrito el 28 Abr 2005 07:12 am
:lol: :lol: :lol: :lol: :lol:
muchas gracias koala, ya se ve mejor, aunque aun no entiendo el por qué de que quede ese margen tan grande por abajo... pero ya por lo menos no tiene tan mala impresion como antes...
gracias a tods, exito!!

PD: que tienen de malo las 15" ?? :roll:
:lol: :lol:

Por Johnny

Claber

1589 de clabLevel

4 tutoriales

  Héroes

Envíale un mensaje privado     Web

firefox
Citar            
MensajeEscrito el 28 Abr 2005 06:56 pm
Los de Apple han copiado tu diseño. Yo que tu los denuncio!!
http://www.apple.com/macosx/ :shock: :shock: :shock: :shock:

Por DanielSemper

BOFH

4220 de clabLevel

4 tutoriales
16 articulos

Genero:Masculino   Bastard Operators From Hell REC

Envíale un mensaje privado     Web

www.aeromental.com

firefox
Citar            
MensajeEscrito el 28 Abr 2005 08:10 pm
Ya verás que en un par de semanas te aburres otra vez...

Dicelo al Aburrimiento Total :sueno:

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Envíale un mensaje privado     Web

Front-end Developer en Washington, DC

firefox
Citar            
MensajeEscrito el 28 Abr 2005 08:16 pm
Me agrada la idea del estilo del title, me das un tuto ? XD

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Envíale un mensaje privado     Web

Front-end Developer en Washington, DC

firefox
Citar            
MensajeEscrito el 29 Abr 2005 10:51 am
Yo le veo un fallo aunque no se si realmente quieres que sea asi y es que en los links cuando pinchas en uno se abre un la misma ventana y no en _blank y es un poco molesto para navegar.

Por 4nt4r3x

3 de clabLevel



 

Envíale un mensaje privado    

firefox
Foros de discusión > Muestranos tu trabajo

   Página 1 de 1

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.