Seleccionar idioma:
Favoritos - Donación - Portfolio - Descargas




* Consulta tus dudas sobre CSS (CascadingStyle Sheets)
  Leído 3252 veces
* Viendo el foro
 0 Usuarios y 1 Visitante están viendo este foro.


*
jun 21 2011


Gracias Zutzu, cuando tenga tiempo ya le echare un ojo a esas páginas. Y la verdad es que sí, CSS está muy bien, es sencillo e intuitivo. Al menos de la forma que está implementado en SMF. Porque, por ejemplo, en Wordpress o Joomla... Modificar un tema es un suicidio xD.

En cambio, la unión SMF + CSS está muy bien.

Un saludo!
#10

Mensajes: 48


En línea

*
jun 21 2011


Aquí va mi pregunta:
Porqué algunas reglas son antecedidas por un ".", aveces por un "#" o por nada?



Blog de Anime ~
ShikeiAnime

Experimentado
#11

Mensajes: 62

TOKYO CITY 

En línea

*
jun 21 2011


Si es un "." es por que esta llamando un Atributo class y si es "#" es por que esta llamando un Atributo ID en el
Documento HTML..
un class puedes usarlo en diferentes partes del Documento.. pero el uso de un ID solo es apropiado cuando
una hoja de estilo solo necesita ser aplicada una vez en el Documento..
Ejemplo::
Citar
<div class="ejemplo_class"></div>
Css
.ejemplo_class {
 propiedad: valor;
}
Citar
<div id="ejemplo_id"></div>
Css
#ejemplo_id {
 propiedad: valor;
}





Experimentado
#12

Mensajes: 233

SkinMod 

En línea

*
jun 22 2011


@Zutzu

Muchas gracias Zutzu, luego lo pruebo y te comento :D

http://www.xboxeate.com

Tu web de consolas ;)

(Gracias YIHAD)

Iniciando / Intermedio
Themedeviant Adapted by Skinmod (Gracias YIHAD)
#13

Mensajes: 299

Xboxeate 

En línea

*
jul 01 2011


Ahora tengo una pregunta más específica.

El CSS se puede aplicar a todo no? Es decir, haciendo la llamada apropiada, se le podría dar un estilo css al perfil, por ejemplo. O me equivoco? Y lo mismo con el centro de información.

¿Cómo haría esto?
#14

Mensajes: 48


En línea

*
jul 01 2011


No entendí muy bien la pregunta.

pero este tema, es para resolver las dudas que tengas respecto a este lenguaje, mas no al soporte de personalización en smf.
en caso de que tenga que ver con como modificar smf con css, por favor abre un tema en la zona de personalización.

Experimentado
Skinmod Light v2
#15

Mensajes: 1161

Themes SMF 

En línea

*
jul 02 2011


Por que cuando subo un .css a una carpeta creada en el root del foro, se me agrandan las letras de toda la web?

Código: [Seleccionar]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
<head>
<title>jCarousel Examples</title>
<link href="../style.css" rel="stylesheet" type="text/css" />
<!--
  jQuery library
-->
<script type="text/javascript" src="../lib/jquery-1.4.2.min.js"></script>
<!--
  jCarousel library
-->
<script type="text/javascript" src="../lib/jquery.jcarousel.min.js"></script>
<!--
  jCarousel skin stylesheet
-->
<link rel="stylesheet" type="text/css" href="../skins/tango/skin.css" />

<script type="text/javascript">

function mycarousel_initCallback(carousel)
{
    // Disable autoscrolling if the user clicks the prev or next button.
    carousel.buttonNext.bind('click', function() {
        carousel.startAuto(0);
    });

    carousel.buttonPrev.bind('click', function() {
        carousel.startAuto(0);
    });

    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        auto: 2,
        wrap: 'last',
        initCallback: mycarousel_initCallback
    });
});

</script>
</head>
<body>
<div id="wrap">
  <h1>jCarousel</h1>
  <h2>Riding carousels with jQuery</h2>

  <h3>Carousel with autoscrolling</h3>
  <p>
    Autoscrolling is enabled and the interval is set to <code>2</code> seconds.
    Autoscrolling pauses when the user moves the cursor over the images and stops
    when the user clicks the next or prev button. <code>wrap</code> is set to
    <code>&quot;last&quot;</code>.
  </p>

  <ul id="mycarousel" class="jcarousel-skin-tango">
    <li><img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/75/199481072_b4a0d09597_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/77/199481108_4359e6b971_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/58/199481218_264ce20da0_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/69/199481255_fdfe885f87_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg" width="75" height="75" alt="" /></li>
    <li><img src="http://static.flickr.com/70/229228324_08223b70fa_s.jpg" width="75" height="75" alt="" /></li>
  </ul>

</div>
</body>
</html>


Ese código quiero usar en un bloque HTML de simple portal, pero me pasa que se me agranda todo.
#16

Mensajes: 48

Aportes Y Descargas 

En línea

*
jul 02 2011


Proba reemplazando
Esto:
Código: [Seleccionar]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">

Por esto:
Código: [Seleccionar]
<html>

No se bien como trabaja simple portal, pero se supone que el DOCTYPE ya lo pone smf


*¤×•·:.·.:·•×¤* /^HeRaCLeS^ *¤×•·:.·.:·•×¤*
*¤×• Ni te molestes en enviarme un Mp porque el soporte lo doy solo por el foro •×¤*

SMFPersonal
SkinMod
Adk Team
Adk Host

Experimentado
Adk Enigma
#17

Mensajes: 624

SmfPersonal 

En línea

*
jul 04 2011


No entendí muy bien la pregunta.

pero este tema, es para resolver las dudas que tengas respecto a este lenguaje, mas no al soporte de personalización en smf.
en caso de que tenga que ver con como modificar smf con css, por favor abre un tema en la zona de personalización.

Estaba poniendo ejemplos, no estaba haciendo una pregunta concreta. A lo que me refiero es, el CSS se puede aplicar a todo no? Cómo? Si quiero editar, por ejemplo, la apariencia del centro de administración (cambiar el color de las letras y ponerlas en negrita, o ponerle un fondo distinto) cómo lo hago?

Un saludo.
#18

Mensajes: 48


En línea

*
jul 04 2011


ahora si entendí  ;D.

Se le aplica una clase (en caso que no la tenga)  al elemento o contenedor que tenga todo el código del centro de administración.

ejemplo html:
Código: [Seleccionar]
/* desde aquí empieza el centro de administración */
<div>
aqui el codigo
</div>

pues solo le agregas una clase
Código: [Seleccionar]
/* desde aquí empieza el centro de administración */
<div class="micentrodeinfo">
aqui el codigo
</div>

y en el css declaras sus reglas

Código: [Seleccionar]
.micentrodeinfo
{
     aquí todas mis propiedades css
}

Pero en el caso de smf, casi todos los elementos llevan clases o ids, por lo que solo tendrías que identificar que clase le pertenece y  editarlo en el index.css o agregarlo en caso que haga falta.

hace un tiempo coloque un tutorial de firebug
http://www.skinmod.eu/index.php?topic=530.0

este te peude servir en caso de que quieras saber que clase pertenece a cada elemento.

Experimentado
Skinmod Light v2
#19

Mensajes: 1161

Themes SMF 

En línea




Otros temas de su interes




Usuario:
Contraseña:
Sesión: