Autor Tema: Iniciación al CSS  (Leído 1367 veces)

Desconectado GuayAngel12

  • PHPero Experto
  • *****
  • Mensajes: 894
  • Karma: 17
  • Sexo: Masculino
  • Programador PHP, CSS, HTML...
    • Ver Perfil
    • GreeBool
Iniciación al CSS
« en: 11 de Agosto de 2010, 22:59:28 pm »
Hola a todos! Ultimamente me he interesado por el CSS ya que se lo minimo... y me he descargado e imprimido un libro de unas 250 hojas y ahí te va saliendo todo punto por punto y bien explicado y de ahí voy tirando... y... ¡He creado mi primera Box! se que no es para tirar cohetes pero solo quería hacerselo ver a la comunidad.

Ahí tienen la fotografía:


Comunidad PHPeros

Iniciación al CSS
« en: 11 de Agosto de 2010, 22:59:28 pm »

Desconectado westwest

  • PHPero Master
  • ******
  • Mensajes: 2.837
  • Karma: 104
  • Sexo: Masculino
    • Ver Perfil
Re:Iniciación al CSS
« Respuesta #1 en: 11 de Agosto de 2010, 23:01:58 pm »
¿Con qué código? ¿Usaste border-radius? ¿Sabes que para rellenar se usa el texto ese de Lorem Ipsum dolor sit amet?

Desconectado OmaarV

  • PHPero Avanzado
  • ****
  • Mensajes: 304
  • Karma: 20
  • Sexo: Masculino
  • OmarVega
    • Ver Perfil
Re:Iniciación al CSS
« Respuesta #2 en: 11 de Agosto de 2010, 23:08:01 pm »
jajaj, veo que esa platica de madrugada te sirvió :P!

Deberías poner el code para verlo que tal...

Aquí esta lo que dice westwest:
Lorem Ipsum Wikipedia

Desconectado GuayAngel12

  • PHPero Experto
  • *****
  • Mensajes: 894
  • Karma: 17
  • Sexo: Masculino
  • Programador PHP, CSS, HTML...
    • Ver Perfil
    • GreeBool
Re:Iniciación al CSS
« Respuesta #3 en: 11 de Agosto de 2010, 23:30:20 pm »
ya se que se hace con lo de Loren ipsum pero no me apeteció. Aver el codigo que tengo es el siguiente:

style.css
Código: [Seleccionar]
#cuerpo { width: 300px; }

#top {
background-image: url(img/top.png);
background-repeat: no-repeat;
width: 254px;
height: 34px;
color: white;
font-family: Tahoma;
font-size: 18;
}

#text1 {
padding-top: 5px;
padding-left: 10px;
}

#middle {
background-image: url(img/middle.png);
background-repeat: repeat-y;
width: 254px;
height: auto;
color: black;
padding-left: 10px;
padding-right: 10px;
font-family: Tahoma;
font-size: 11px;
margin-bottom: 0px;
}

#bottom {
background-image: url(img/bottom.png);
background-repeat: no-repeat;
width: 254px;
height: 14;
padding-left: 10px;
padding-top: 0px;
margin-top: -11px;
}

index.html
Código: [Seleccionar]
<html>
<head>
<title>Box auto expandible.</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="cuerpo">
<div id="top"><div id="text1">Título de la caja</div></div>
<div id="middle">Muchas letras y letras y letras con
muchísimos parrafos, esto es un aburrimiento y no se que
mas escribir. bueno aqui os dejo mi primera box.<p>
Para <b>PHPeros</b><p>
By: GuayAngel12
</div>
<div id="bottom"></div>
</div>
</body>
</html>

¿Con qué código? ¿Usaste border-radius? ¿Sabes que para rellenar se usa el texto ese de Lorem Ipsum dolor sit amet?
No, no use border-radius

Desconectado Rastrillox

  • PHPero Experto
  • *****
  • Mensajes: 592
  • Karma: 25
  • Sexo: Masculino
    • Ver Perfil
    • Forhabbo.es
Re:Iniciación al CSS
« Respuesta #4 en: 12 de Agosto de 2010, 03:12:20 am »
JEJE.. Omar es un master en esto de CSS, el tanbien me explicó algunas cuantas cositas que no sabia, y todo lo que sé de css se lo debo a el...

Desconectado GuayAngel12

  • PHPero Experto
  • *****
  • Mensajes: 894
  • Karma: 17
  • Sexo: Masculino
  • Programador PHP, CSS, HTML...
    • Ver Perfil
    • GreeBool
Re:Iniciación al CSS
« Respuesta #5 en: 12 de Agosto de 2010, 03:13:40 am »
Ami me recomendo un libro que me ayudo muchisimo

Desconectado Rastrillox

  • PHPero Experto
  • *****
  • Mensajes: 592
  • Karma: 25
  • Sexo: Masculino
    • Ver Perfil
    • Forhabbo.es
Re:Iniciación al CSS
« Respuesta #6 en: 12 de Agosto de 2010, 03:16:33 am »
Ami me recomendo un libro que me ayudo muchisimo

Sí ami = pero Estaba en ingles, y yo no se mucho ingles xD!! y ps el me tuvo que aclarar algunas cosas. ps te quedo bien para ser tu primera condificacion con css...  ;)

Desconectado GuayAngel12

  • PHPero Experto
  • *****
  • Mensajes: 894
  • Karma: 17
  • Sexo: Masculino
  • Programador PHP, CSS, HTML...
    • Ver Perfil
    • GreeBool
Re:Iniciación al CSS
« Respuesta #7 en: 12 de Agosto de 2010, 03:17:43 am »
ps te quedo bien para ser tu primera condificacion con css...  ;)

Gracias!

Desconectado OmaarV

  • PHPero Avanzado
  • ****
  • Mensajes: 304
  • Karma: 20
  • Sexo: Masculino
  • OmarVega
    • Ver Perfil
Re:Iniciación al CSS
« Respuesta #8 en: 12 de Agosto de 2010, 03:38:07 am »
El code esta muy bien, pero esta para HTML deberías intentar optimizar el xHTML algunas cosas como cerrar los <p> y deberías usar class en lugar de id por que esa clase de box se usan mas de 1 vez en un diseño y para los títulos puedes usar h1 h2 h3 etc

Desconectado GuayAngel12

  • PHPero Experto
  • *****
  • Mensajes: 894
  • Karma: 17
  • Sexo: Masculino
  • Programador PHP, CSS, HTML...
    • Ver Perfil
    • GreeBool
Re:Iniciación al CSS
« Respuesta #9 en: 12 de Agosto de 2010, 11:48:58 am »
Ya... pero bueno... por algo se empieza no?

Desconectado westwest

  • PHPero Master
  • ******
  • Mensajes: 2.837
  • Karma: 104
  • Sexo: Masculino
    • Ver Perfil
Re:Iniciación al CSS
« Respuesta #10 en: 12 de Agosto de 2010, 14:00:41 pm »
Si, deberias usar clases, y sobran cosas... por ejemplo, #text1 podría "incluirse" en #top

Desconectado GuayAngel12

  • PHPero Experto
  • *****
  • Mensajes: 894
  • Karma: 17
  • Sexo: Masculino
  • Programador PHP, CSS, HTML...
    • Ver Perfil
    • GreeBool
Re:Iniciación al CSS
« Respuesta #11 en: 12 de Agosto de 2010, 14:26:17 pm »
Bueno... pues entonces ya se en que cosas mejorarlo.

Desconectado mOrK

  • Moderador Global
  • PHPero Master
  • *****
  • Mensajes: 1.503
  • Karma: 43
  • :)
    • Ver Perfil
    • Sígueme en Twitter!
Re:Iniciación al CSS
« Respuesta #12 en: 12 de Agosto de 2010, 21:48:49 pm »
Madre mia, cuánto código inútil para hacer eso xD en cuántas páginas te explica eso?

Esa "chorrada" (no le quito mérito, pero reconoce que eso, dentro de una web, es una chorrada, es algo mínimo) se puede hacer con la mitad de código xD

Ánimo... y un consejo... para esto hay que tener cabeza, no ser un robot e ir haciendo siempre lo mismo: piensa

Saludos ! ;)

Desconectado GuayAngel12

  • PHPero Experto
  • *****
  • Mensajes: 894
  • Karma: 17
  • Sexo: Masculino
  • Programador PHP, CSS, HTML...
    • Ver Perfil
    • GreeBool
Re:Iniciación al CSS
« Respuesta #13 en: 12 de Agosto de 2010, 21:58:49 pm »
mOrK yo aprendí asi... asi que no se como hacerlo de otra manera... pero bueno... estoy aprendiendo asi que estoy abierto a todas las cosas que me podais ir enseñando

Desconectado OmaarV

  • PHPero Avanzado
  • ****
  • Mensajes: 304
  • Karma: 20
  • Sexo: Masculino
  • OmarVega
    • Ver Perfil
Re:Iniciación al CSS
« Respuesta #14 en: 12 de Agosto de 2010, 23:28:21 pm »
mOrk Yo creo que esa no seria la manera apropiada de ayudarle a GuayAngel a mejorar su código.