Advertisement:

Author Topic: [Tutorial] Crear una caja para utilizar en sus foros con css.  (Read 14694 times)

Offline GabrielxDD

  • Jr. Member
  • **
  • Posts: 120
  • Gender: Male
  • Soporte-LZ
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

lean

  • Guest
Gracias!

Offline theSaRk

  • Semi-Newbie
  • *
  • Posts: 22
  • Gender: Male
    • Mucho más que un simple foro.
Re: [Tutorial] Crear una caja para utilizar en sus foros con css. (Editable!)
« Reply #22 on: September 04, 2010, 01:55:47 PM »
Excelente tutorial, el css es fantástico :)
[nofollow]

lean

  • Guest
Re: [Tutorial] Crear una caja para utilizar en sus foros con css. (Editable!)
« Reply #23 on: September 04, 2010, 02:09:01 PM »
gracias theSaRk!

Offline distante

  • SMF Hero
  • ******
  • Posts: 2,013
  • Gender: Male
  • Me pueden encontrar en : www.smfsimple.com
    • LosDesadaptados on Facebook
    • @LosDesadaptados on Twitter
    • Desadaptados.net!
Re: [Tutorial] Crear una caja para utilizar en sus foros con css. (Editable!)
« Reply #24 on: October 26, 2010, 09:53:09 PM »
Y para hacerlo con los bordes circulares? :P

lean

  • Guest
Re: [Tutorial] Crear una caja para utilizar en sus foros con css. (Editable!)
« Reply #25 on: October 26, 2010, 09:56:21 PM »
Aca tenes una web linda para investigar sobre css.
http://www.w3schools.com/

Te vengas por lo de musicaysonico no? ajajajjaja

Offline distante

  • SMF Hero
  • ******
  • Posts: 2,013
  • Gender: Male
  • Me pueden encontrar en : www.smfsimple.com
    • LosDesadaptados on Facebook
    • @LosDesadaptados on Twitter
    • Desadaptados.net!
Re: [Tutorial] Crear una caja para utilizar en sus foros con css. (Editable!)
« Reply #26 on: October 27, 2010, 11:07:22 AM »
Ban al mod por no dar respuestas de su tuto!

lean

  • Guest
Re: [Tutorial] Crear una caja para utilizar en sus foros con css. (Editable!)
« Reply #27 on: October 27, 2010, 11:08:09 AM »
Ban al mod por no dar respuestas de su tuto!
:-* :-* :-*

Offline DoctorMalboro

  • SMF Hero
  • ******
  • Posts: 9,084
  • Gender: Male
  • うまいいいいいい!!!!!
    • @DoctorMalboro on Twitter
    • Personal website
Re: [Tutorial] Crear una caja para utilizar en sus foros con css. (Editable!)
« Reply #28 on: October 27, 2010, 12:32:15 PM »
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í...)

Offline distante

  • SMF Hero
  • ******
  • Posts: 2,013
  • Gender: Male
  • Me pueden encontrar en : www.smfsimple.com
    • LosDesadaptados on Facebook
    • @LosDesadaptados on Twitter
    • Desadaptados.net!
Re: [Tutorial] Crear una caja para utilizar en sus foros con css. (Editable!)
« Reply #29 on: October 27, 2010, 02:34:03 PM »
Ya lo tendré que hacer con imágenes u.u

lean

  • Guest
Re: [Tutorial] Crear una caja para utilizar en sus foros con css. (Editable!)
« Reply #30 on: October 27, 2010, 02:45:40 PM »
Facil, le pones un background con imagen que tenga las esquinas redondeadas ajaja

Offline Sum41

  • Full Member
  • ***
  • Posts: 486
Re: [Tutorial] Crear una caja para utilizar en sus foros con css.
« Reply #31 on: December 31, 2010, 08:45:43 AM »
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

Offline DoctorMalboro

  • SMF Hero
  • ******
  • Posts: 9,084
  • Gender: Male
  • うまいいいいいい!!!!!
    • @DoctorMalboro on Twitter
    • Personal website
Re: [Tutorial] Crear una caja para utilizar en sus foros con css.
« Reply #32 on: December 31, 2010, 09:57:07 AM »
ul y li son atributos para armar listas en HTML.

Offline Sum41

  • Full Member
  • ***
  • Posts: 486
Re: [Tutorial] Crear una caja para utilizar en sus foros con css.
« Reply #33 on: December 31, 2010, 11:22:26 AM »
Si se lo que son creo que mas o menos así no:
Code: [Select]
<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:
Code: [Select]
.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?

Offline DoctorMalboro

  • SMF Hero
  • ******
  • Posts: 9,084
  • Gender: Male
  • うまいいいいいい!!!!!
    • @DoctorMalboro on Twitter
    • Personal website
Re: [Tutorial] Crear una caja para utilizar en sus foros con css.
« Reply #34 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>.

Offline zutzu

  • SMF Hero
  • ******
  • Posts: 2,925
  • Gender: Male
  • by Fireworks!
    • SMF Themes - Soporte - Mods
Re: [Tutorial] Crear una caja para utilizar en sus foros con css.
« Reply #35 on: December 31, 2010, 03:25:55 PM »
@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>

Offline Sum41

  • Full Member
  • ***
  • Posts: 486
Re: [Tutorial] Crear una caja para utilizar en sus foros con css.
« Reply #36 on: December 31, 2010, 06:24:07 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

Offline DoctorMalboro

  • SMF Hero
  • ******
  • Posts: 9,084
  • Gender: Male
  • うまいいいいいい!!!!!
    • @DoctorMalboro on Twitter
    • Personal website
Re: [Tutorial] Crear una caja para utilizar en sus foros con css.
« Reply #37 on: January 01, 2011, 01:04:57 AM »
Te expliqué un error de HTML nada más, CSS no es mi fuerte :P

Offline lucas-ruroken

  • SMF Hero
  • ******
  • Posts: 4,907
  • Gender: Male
  • Adk Developer
    • lucas.ruroken on Facebook
    • lucasruroken on GitHub
Re: [Tutorial] Crear una caja para utilizar en sus foros con css.
« Reply #38 on: January 02, 2011, 07:18:00 AM »
Te expliqué un error de HTML nada más, CSS no es mi fuerte :P

ni html, ni php ni .... ::) :P
Adk Portal 3.1 is coming....

Design your universe!