[Tutorial] Crear una caja para utilizar en sus foros con css.

Started by lean, August 17, 2010, 11:02:16 PM

Previous topic - Next topic

GabrielxDD

Exelente me salio para mi foro completo y muy bueno me encanto esta modifcacion BBCODE!

Mi Web : www.LATINOZLIFE.com
Tema : DS-Natural
Version : 1.1.11


theSaRk

[nofollow]


distante


lean

Aca tenes una web linda para investigar sobre css.
http://www.w3schools.com/

Te vengas por lo de musicaysonico no? ajajajjaja

distante



DoctorMalboro

No te recomiendo que uses -moz-dev... solo son visibles en Firefox y Chrome... usá imágenes redondeadas o CSS3 (todavia no es validado porque sigue siendo beta, o algo así...)

distante


lean

Facil, le pones un background con imagen que tenga las esquinas redondeadas ajaja

Sum41

Eso de la caja lo entiendo pero por ejemplo esos de cajabylean ul li o algo así para que sirven y como se hacen? no se si en este tema me puedan ayudar o hago otro nuevo para no desvirtuar ahí me dicen :P

DoctorMalboro


Sum41

Si se lo que son creo que mas o menos así no:

<ul>
<li>1.-</li>
<li>2.-</li>
</ul>


Pero por ejemplo para que se emplean en el css, cual es la función, eso no lo entiendo bien :S, por ejemplo esto:

.buttonlist ul
{
z-index: 100;
padding: 5px;
margin: 0 0.2em 5px 0;
}
.buttonlist ul li
{
margin: 0;
padding: 0;
list-style: none;
float: left;
}
.buttonlist ul li a
{
display: block;
font-size: 11px;
font-weight: bold;
color: #424242;
background: #e8e8e8 url(../images/theme/menu_gfx.png) no-repeat 0 -60px;
padding: 0 0 0 8px;
margin-left: 12px;
cursor: pointer;
}
.buttonlist ul li a:hover
{
color: #417394;
text-decoration: none;
}
.buttonlist ul li a span
{
background: url(../images/theme/menu_gfx.png) no-repeat 100% -60px;
display: block;
height: 19px;
line-height: 19px;
padding: 0 8px 0 0;
}


No entiendo bien :S, entiendo lo basico por ejemplo una caja que diga .cajadeestilo y la encierras en un div class="cajadeestilo" pero cuando son .cajadeestilo ul que funcion tienen en el css?

DoctorMalboro

Y si, es así como lo pones...

y así no se ponen números, para los números se usa <ol> y </ol>.

zutzu

@Sum41 .- se llaman selectores.

sirven para aplicar estilos a un elemento en particular, también agiliza un poco el trabajo de estar colocando clases a cada elemento (X)html.

te pongo un ejemplo gráfico:


en ese ejemplo la propiedad color:black, estaría afectando al <li>

Sum41

Quote from: DoctorMalboro on December 31, 2010, 12:35:52 PM
Y si, es así como lo pones...

y así no se ponen números, para los números se usa <ol> y </ol>.
Creo que no entendiste, a lo que me referia es a lo que zutzu explico, por cierto lo de los numeros solo lo puse por decir algo como refiriendome a "Linea 1" "Linea 2".

@zutzu: muchas gracias es lo que buscaba, ya lo entiendo un poco mejor jeje xD

DoctorMalboro

Te expliqué un error de HTML nada más, CSS no es mi fuerte :P

lucas-ruroken

Adk Portal 3.1 is coming....

Design your universe!

Advertisement: