Staff en línea
Últimos temas
[recursos] Aprendemos juntos HTML5 y CSS - Página 4 Origin10[Ocio] Contemos hasta el 5000
por Fibo Mar Nov 12, 2019 7:51 am

[recursos] Aprendemos juntos HTML5 y CSS - Página 4 Origin10[Recursos] Paquetes de iconos
por Fibo Sáb Nov 09, 2019 9:46 pm

Página 4 de 4. Precedente  1, 2, 3, 4

[recursos] Aprendemos juntos HTML5 y CSS
Tema iniciado por y Añadir a favoritos

[recursos] Aprendemos juntos HTML5 y CSS 
el Jue Ago 18, 2016 6:57 pm
Recuerdo del primer mensaje :

Hola, esto es sencillo, aprender juntos HTML y CSS, la verdad prefiero aprender primero HTML y CSS antes que JavaCript, luego pondré unas cosas que podemos practicar, espero y todos participemos [recursos] Aprendemos juntos HTML5 y CSS - Página 4 953422333
Gotilon
Gotilon

¿Que estoy pensando? :

Si tiene solución ¿Para qué te vas a preocupar? y si no ¿Para qué te vas a preocupar? [table class=fecha_up][td]Se modifico:12/05/16 - 14:12 hrs.[/td][/table]


Banner en temas :

https://i.imgur.com/ex0wmXRh.jpeg


Color de titulos :

red


Sombra titulo :

1px 1px 1px #fff


Mensajes :

564


Puntos :

665


Me gusta :

69


ingreso :

02/03/2016


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Volver arriba Ir abajo

Re: [recursos] Aprendemos juntos HTML5 y CSS 
el Mar Ago 23, 2016 2:06 pm
[recursos] Aprendemos juntos HTML5 y CSS - Página 4 88633882e21a49929ce7836e986b3171

Mover el índice así
Gotilon
Gotilon

¿Que estoy pensando? :

Si tiene solución ¿Para qué te vas a preocupar? y si no ¿Para qué te vas a preocupar? [table class=fecha_up][td]Se modifico:12/05/16 - 14:12 hrs.[/td][/table]


Banner en temas :

https://i.imgur.com/ex0wmXRh.jpeg


Color de titulos :

red


Sombra titulo :

1px 1px 1px #fff


Mensajes :

564


Puntos :

665


Me gusta :

69


ingreso :

02/03/2016


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Volver arriba Ir abajo

Re: [recursos] Aprendemos juntos HTML5 y CSS 
el Miér Ago 24, 2016 10:07 am
margin-bottom o margin-top
Los valores van a ajustarse según el plano cartesiano, positivo y negativo.

YoshiGM
YoshiGM

¿Que estoy pensando? :

#CelebrandoMiCumple [table class=fecha_up][td]Se modifico:5/11/19 - 9:09 hrs. [/td][/table]


Banner en temas :

https://i.servimg.com/u/f19/13/45/80/80/banner10.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #555


Mensajes :

1257


Puntos :

1674


Me gusta :

249


ingreso :

17/12/2014


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


https://www.yoshifansclub.net/forum

Volver arriba Ir abajo

Re: [recursos] Aprendemos juntos HTML5 y CSS 
el Miér Ago 24, 2016 11:19 am
Jummm, los dos atributos ya los había probado, pero por alguna razón se mueve sólo el logo, el logo también redirecciona al índice y tiene sentido, pero lo gracioso es que el botón de índice no se mueve xd
Gotilon
Gotilon

¿Que estoy pensando? :

Si tiene solución ¿Para qué te vas a preocupar? y si no ¿Para qué te vas a preocupar? [table class=fecha_up][td]Se modifico:12/05/16 - 14:12 hrs.[/td][/table]


Banner en temas :

https://i.imgur.com/ex0wmXRh.jpeg


Color de titulos :

red


Sombra titulo :

1px 1px 1px #fff


Mensajes :

564


Puntos :

665


Me gusta :

69


ingreso :

02/03/2016


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Volver arriba Ir abajo

Re: [recursos] Aprendemos juntos HTML5 y CSS 
el Jue Ago 25, 2016 7:19 pm
Normalmente se modificarían los templates para añadir el botón a la zona que indicas pero si quieres hacerlo con css puede ser de la siguiente manera:

Código:
#page-header .navbar { /*Seleccionamos la navbar del header*/
    position: relative; /*Añadimos a la navbar una posición relativa*/
    margin-bottom: 80px; /*Añadimos un margen debajo para 'crear' el espacio que ocupará nuestro botón*/
}

div#page-header .navbar li:nth-child(1) { /*Seleccionamos al primer elemento li del menú de navegación*/
    position: absolute; /*Le añadimos una posición absoluta*/
    top: 90px; /*Movemos el botón a gusto*/
    display: block; /*Hacemos que el elemento sea de tipo bloque, por defecto es de tipo linea*/
    width: 100%; /*Hacemos que abarque todo el ancho del foro*/
    /*Otras propiedades para estilos*/
}

Si recién estás empezando con CSS puede que no tengas muy en claro lo de las posiciones absolutas y relativas. Comenta cualquier duda que tengas y las resolvemos.
Araik
Araik

¿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://i.imgur.com/Po43oFv.png


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

21


Puntos :

39


Me gusta :

16


ingreso :

19/07/2016


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Volver arriba Ir abajo

Re: [recursos] Aprendemos juntos HTML5 y CSS 
el Jue Ago 25, 2016 9:08 pm
no me funciona sera que tengo desactivado la opcion htlm
SaBoRMaRaCuChO
SaBoRMaRaCuChO

¿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/oi64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

2


Puntos :

3


Me gusta :

1


ingreso :

25/08/2016


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Volver arriba Ir abajo

Re: [recursos] Aprendemos juntos HTML5 y CSS 
el Jue Ago 25, 2016 9:58 pm
@SaBoRMaRaCuChO Los Códigos CSS se pegan en esta ruta

Panel de administración - Visualización - Colores - CSS Stylesheet.
YoshiGM
YoshiGM

¿Que estoy pensando? :

#CelebrandoMiCumple [table class=fecha_up][td]Se modifico:5/11/19 - 9:09 hrs. [/td][/table]


Banner en temas :

https://i.servimg.com/u/f19/13/45/80/80/banner10.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #555


Mensajes :

1257


Puntos :

1674


Me gusta :

249


ingreso :

17/12/2014


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


https://www.yoshifansclub.net/forum

Volver arriba Ir abajo

Re: [recursos] Aprendemos juntos HTML5 y CSS 
el Jue Ago 25, 2016 11:02 pm
staff
@SaBoRMaRaCuChO escribió:[quotelink="/t1213p30-recursos-aprendemos-juntos-html5-y-css#14585"]
no me funciona sera que tengo desactivado la opcion htlm

esa modificación HTML es dentro de los templetes no en un tema
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: [recursos] Aprendemos juntos HTML5 y CSS 
el Vie Ago 26, 2016 6:20 am
@Araik escribió:[quotelink="/t1213p30-recursos-aprendemos-juntos-html5-y-css#14583"]
Normalmente se modificarían los templates para añadir el botón a la zona que indicas pero si quieres hacerlo con css puede ser de la siguiente manera:

Código:
#page-header .navbar { /*Seleccionamos la navbar del header*/
    position: relative; /*Añadimos a la navbar una posición relativa*/
    margin-bottom: 80px; /*Añadimos un margen debajo para 'crear' el espacio que ocupará nuestro botón*/
}

div#page-header .navbar li:nth-child(1) { /*Seleccionamos al primer elemento li del menú de navegación*/
    position: absolute; /*Le añadimos una posición absoluta*/
    top: 90px; /*Movemos el botón a gusto*/
    display: block; /*Hacemos que el elemento sea de tipo bloque, por defecto es de tipo linea*/
    width: 100%; /*Hacemos que abarque todo el ancho del foro*/
    /*Otras propiedades para estilos*/
}

Si recién estás empezando con CSS puede que no tengas muy en claro lo de las posiciones absolutas y relativas. Comenta cualquier duda que tengas y las resolvemos.

En efecto, no tengo muy en claro lo que son las posiciones absolutas y relativas, una pequeña explicación me vendría bien [recursos] Aprendemos juntos HTML5 y CSS - Página 4 953422333
Gotilon
Gotilon

¿Que estoy pensando? :

Si tiene solución ¿Para qué te vas a preocupar? y si no ¿Para qué te vas a preocupar? [table class=fecha_up][td]Se modifico:12/05/16 - 14:12 hrs.[/td][/table]


Banner en temas :

https://i.imgur.com/ex0wmXRh.jpeg


Color de titulos :

red


Sombra titulo :

1px 1px 1px #fff


Mensajes :

564


Puntos :

665


Me gusta :

69


ingreso :

02/03/2016


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Volver arriba Ir abajo

Re: [recursos] Aprendemos juntos HTML5 y CSS 
el Vie Ago 26, 2016 9:33 pm
La propiedad position puede tomar los siguientes valores:

static: valor que tienen todos los elementos por defecto. Cuando un elemento tiene esta posición no se tiene en cuenta las propiedades top, bottom, left, right.
relative: digamos que es similar al anterior pero puedes moverlo con las propiedades que mencione con respecto al lugar del que se encuentra. No rompe con el flujo de la página, si lo mueves queda el espacio que ocupa el elemento.
absolute: A diferencia del anterior si rompe con el flujo de la pagina y al moverlo se desplaza no con respecto a su lugar sino al de los bordes de un elemento padre que por lo general suele ser el body. Esto en ocasiones puede que presente conflictos por lo que tambien puedes usar margins en lugar de top, left,...
fixed Digamos que es una variante del posicionamiento anterior pero este obligatoriamente se mueve con respecto a los bordes del body y permance en el lugar aunque se haga scroll. Usado para hacer que los elementos sean pegajosos, como el menú aquí en OpenSource.

Tambíen puede que al usar estas posiciones (no la static) tengas problemas con superposición de elementos, para ello se usa z-index cuyo valor es un entero. Cuando mayor sea el z-index de un elemento este cubrirá aquellos que tengan uno menor.

En el CSS que pase al elemento li que contenía el enlace le añadí una posición absoluta para poder moverlo (no hubiera podido hacerlo con relative, prueba y verás por qué) pero lo hace respecto a su elemento padre, .navbar, porque tiene una posición relativa.

Espero haberme explicado bien, de todas formas usa la consola y experimenta, es la mejor manera de aprender.
Araik
Araik

¿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://i.imgur.com/Po43oFv.png


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

21


Puntos :

39


Me gusta :

16


ingreso :

19/07/2016


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Volver arriba Ir abajo

Re: [recursos] Aprendemos juntos HTML5 y CSS 
el Mar Feb 28, 2017 6:00 pm
muy util
aisarx
aisarx

¿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/oi64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

6


Puntos :

6


Me gusta :

0


ingreso :

28/02/2017


Sexo :

Masculino

Plataforma :

invision


Navegador :

firefox


Volver arriba Ir abajo

 En la misma categoria

  Temas relacionados en otros foros de foroactivo

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