Staff en línea
Últimos temas
[Tutorial] CSS y foroactvo Origin10[Ocio] Contemos hasta el 5000
por Fibo Mar Nov 12, 2019 7:51 am

[Tutorial] CSS y foroactvo Origin10[Recursos] Paquetes de iconos
por Fibo Sáb Nov 09, 2019 9:46 pm

[Tutorial] CSS y foroactvo
Tema iniciado por y Añadir a favoritos

[Tutorial] CSS y foroactvo 
el Lun Ene 12, 2015 2:09 pm
staff


Última edición por Chalo el Lun Ene 19, 2015 11:04 am, editado 1 vez
1. ¿Donde podemos encontrar el CSS Stylesheet en nuestro foro? 

En nuestro foro LO podemos encontrar en Panel de Administración --> Visualización --> Imágenes y Colores --> Colores --> CSS Stylesheet

Muy bien ahora aprenderemos acerca de lo que es el CSS Stylesheet:

2.Definicion:

Hojas de estilo en cascada (Cascading Style Sheets; CSS), es un mecanismo simple que describe cómo se va a mostrar un documento en la pantalla, o cómo se va a imprimir, o incluso cómo va a ser pronunciada la información presente en ese documento a través de un dispositivo de lectura. Esta forma de descripción de estilos ofrece a los desarrolladores el control total sobre estilo y formato de sus documentos.

3.¿Para que sirve? 

CSS se utiliza para dar estilo a documentos HTML y XML, separando el contenido de la presentación. Los Estilos definen la forma de mostrarlos elementos HTML y XML. CSS permite a los desarrolladores Web controlar el estilo y el formato de múltiples páginas Web al mismo tiempo. Cualquier cambio en el estilo marcado para un elemento en la CSS afectará a todas las páginas vinculadas a esa CSS en las que aparezca ese elemento.

4.¿Como funciona? 

CSS funciona a base de reglas, es decir, declaraciones sobre el estilo de uno o más elementos. Las hojas de estilo están compuestas por una o más de esas reglas aplicadas a un documento HTML o XML. La regla tiene dos partes: un selector y la declaración. A su vez la declaración está compuesta por una propiedad y el valor que se le asigne......

El término cascading (en cascada) deriva del hecho de que múltiples hojas de estilo se pueden aplicar a una misma página web. 

El CSS fue desarrollado por el W3C sin embargo, esta especificación continúa desarrollándose y no es apoyada completamente por todos los navegadores. En pocas palabras significa Hoja de Estilo en Cascada) Dentro del diseño de páginas de Internet se presenta esta como la vanguardia en cuanto a definición de estilos dentro de las plantillas de diseño. A través de instrucciones en código HTML se definen los estándares del conjunto de páginas que conforman el proyecto. La meta es uniformizar nuestro diseño.

5.¿Que navegadores soportan el CSS Stylesheet?

Esta tecnología es bastante nueva, por lo que no todos los navegadores la soportan. En concreto, sólo los navegadores de Netscape versiones de la 4 en adelante y de Microsoft a partir de la versión 3 son capaces de comprender los estilos en sintaxis CSS. Además cabe destacar que no todos los navegadores implementan las mismas funciones de hojas de estilos, por ejemplo, Microsoft Internet Explorer 3 no soporta todo lo relativo a capas. 

Esto quiere decir que debemos de usar esta tecnología con cuidado, ya que muchos usuarios no podrán ver los formatos que apliquemos a las páginas con CSS. Así pues, utiliza las hojas de estilos cuando estas no vayan a suponer un problema.

En la Aplicación de los códigos CSS, se nombran muchos las capas, vamos a hablar un poco sobre ello.

6.¿Que son las Capas?

Una capa es una división, una parte de la página, que tiene un comportamiento muy independiente dentro de la ventana del navegador, ya que la podemos colocar en cualquier parte de la misma y la podremos mover por ella independientemente, por poner dos ejemplos. En el uso de capas se basan muchos de los efectos más comunes del DHTML. 

En el Lenguaje CSS, se utilizan muchas capas, entre las cuales esta, la etiqueta SPAN sirve para aplicarle estilo a una pequeña parte de una página HTML. Por ejemplo, con ella podríamos hacer que una parte de un párrafo se coloree en rojo. Con SPAN no es habitual englobar un trozo muy grande de texto, por ejemplo el que comprenda a varios párrafos. 

Con DIV también podemos aplicar estilo a partes de la página HTML

7.Ahora, Que diferencias hay entre estas dos?

La diferencia entre SPAN y DIV es que con esta última si que podemos aplicar estilo a una parte más amplia de la página, por ejemplo a tres párrafos. Además que la etiqueta DIV tiene un uso adicional que es el de crear divisiones en la página a las que podremos aplicar una cantidad adicional de atributos para modificar sus comportamientos. Por ejemplo, con el atributo align de HTML podemos alinear la división al centro, izquierda, derecha o justificado. Pero su uso más destacado es el de convertir esa división en una capa

Las etiquetas LAYER e ILAYER tienen como objetivo construir capas, pero estas no son compatibles más que con Netscape, por lo que es recomendable utilizar la etiqueta DIV para hacer capas preferentemente a las otras dos. 

Los atributos que podemos aplicar a estas etiquetas, pero en concreto a las dos recomendadas SPAN y DIV, son principalmente de estilos CSS.
Chalo
Chalo

¿Que estoy pensando? :

saquen el wato..... [table class=fecha_up][td]Se modifico:8/11/19 - 9:09 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/374/37476.png


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

7022


Puntos :

9140


Me gusta :

1049


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


https://www.opensourcephpbb3.com

Volver arriba Ir abajo

Re: [Tutorial] CSS y foroactvo 
el Lun Ene 12, 2015 6:33 pm
staff
Chalo
Chalo

¿Que estoy pensando? :

saquen el wato..... [table class=fecha_up][td]Se modifico:8/11/19 - 9:09 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/374/37476.png


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

7022


Puntos :

9140


Me gusta :

1049


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


https://www.opensourcephpbb3.com

Volver arriba Ir abajo

Re: [Tutorial] CSS y foroactvo 
el Mar Ene 13, 2015 4:33 am
excelente gracias
Thor
Thor

¿Que estoy pensando? :

El foro avanza... [table class=fecha_up][td]Se modifico:24/01/16 - 17:48 hrs.[/td][/table]


Banner en temas :

http://orig13.deviantart.net/2106/f/2012/344/c/4/facebook_cover_photo___quote_wall_by_eastbankbabs123-d5nnexo.png


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

335


Puntos :

419


Me gusta :

78


ingreso :

05/10/2014


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


http://www.adictosalgear.org

Volver arriba Ir abajo

Re: [Tutorial] CSS y foroactvo 
el Mar Ene 13, 2015 12:42 pm
]impecable, gracias!!
Lelu
Lelu

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://portadafb.com/wp-content/uploads/2012/05/portada-facebook-nyan-cat.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

30


Puntos :

51


Me gusta :

21


ingreso :

08/01/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


http://secretsdesires.forosactivos.net/

Volver arriba Ir abajo

Re: [Tutorial] CSS y foroactvo 
el Mar Ene 20, 2015 3:20 pm
@Chalo escribió:[quotelink="/t207-tutorial-css-y-foroactvo#728"]
@Tao


Muchas gracias, Chalo!! Haces que lo difícil sea fácil.

Como dice mi Hermano Mayor: "Todo es difícil cuando no se sabe, pero cuando se sabe deja de serlol".

Ahora es cuestión de probar antes de modificar definitivamente nada.

Supongo que más adelante con el tiempo puede volver a cambiarse a otra configuración de colores.

[Tutorial] CSS y foroactvo Superman-1207122

Ups! estoy viendo "colores"..

Ya en CSS Styles, :scratch:

...es donde se ubicarán los CSS que van a modificar las dintintas partes del Foro, por lo que leo.

Tao
Tao

¿Que estoy pensando? :

La cuarta dimensión [table class=fecha_up][td]Se modifico:8/09/16 - 23:52 hrs.[/td][/table]


Banner en temas :

http://coverjunction.s3.amazonaws.com/2012/131/6a42e7a0-25f2-4bac-8398-5a75a0eaf17f.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #333


Mensajes :

271


Puntos :

347


Me gusta :

54


ingreso :

04/01/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


http://lacuartadimension.foroactivo.com/

Volver arriba Ir abajo

Re: [Tutorial] CSS y foroactvo 
el Miér Ene 21, 2015 7:12 pm
staff

buen tuto pero algo de mucho bla bla bla dejare esta imagen para hacerlo mas claro:

[Tutorial] CSS y foroactvo ZJMKwH1
Dosh
Dosh

¿Que estoy pensando? :

Vuelve el hijo prodigo... [table class=fecha_up][td]Se modifico:1/010/18 - 15:59 hrs. [/td][/table]


Banner en temas :

https://i.imgur.com/JdnysKr.png


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

1692


Puntos :

2450


Me gusta :

466


ingreso :

07/12/2014


Sexo :

Masculino

Plataforma :

punbb


Navegador :

Chrome


http://www.telefoneros.com/

Volver arriba Ir abajo

Re: [Tutorial] CSS y foroactvo 
el Vie Ago 28, 2015 6:03 pm
Increíble! Ahora iré a trastear con los códigos [Tutorial] CSS y foroactvo 953422333
ZoeAngelikal
ZoeAngelikal

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://fbcoversking.com/wp-content/uploads/2012/01/waves-of-colour-facebook-cover.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

7


Puntos :

10


Me gusta :

3


ingreso :

28/08/2015


Sexo :

Femenino

Plataforma :

phpbb3


Navegador :

chrome


Volver arriba Ir abajo

Re: [Tutorial] CSS y foroactvo 
el Mar Nov 24, 2015 9:29 am
Gracias, ya entiendo un poco más sobre el tema
MikanYukihara
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

https://2img.net/h/oi65.tinypic.com/30us1z8.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

12


Puntos :

13


Me gusta :

1


ingreso :

24/11/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Volver arriba Ir abajo

 En la misma categoria


Permisos de este foro:
No puedes responder a temas en este foro.