|
|
|
Con este codigo puedes crear tu propio modulo pero no va a ser esactamente un modulo por que no lo podras mover desde personalizar como lo haces con todos. Este modulo lo podras mover cambiandole TOP y LEFT al codigo, eso lo explicare mas abajo.
Primer paso
Pega este codigo en la seccion de asercas de mi (asegurate que no este escondida esa seccion)
<div class="Modulo1">
<h4>Titulo del modulo</h4>
Aqui pones el contenido del modulo, puede ser texto o codigos de imagenes o asta
codigos de un reproductor de musica
</div>
Segundo paso
Pega este codigo en la seccion de CSS:
div.Modulo1 {position:absolute; left:10px; top:0px; height:100px; width:550px; background-color:transparent; border:4px solid black; -moz-border-radius:4px; -webkit-border-radius:4px;}
div.Modulo1 h4 {margin: 4px; background-color:transparent; color:transparent;}
div.column1 {position:relative; padding-top:100px;}
Tercer paso
Aqui es donde pondremos el modulo en el lugar que quieramos.
left:10px; Cambia el 0 por un numero para que se mueba a la isquierda o derecha
top:0px; Cambia el 0 por un numero para que se mueba para arriba o para abajo
height:100px; Esto es lo alto del modulo
width:550px; Esto es lo ancho del modulo
transparent Esto es el color de fondo (transparente) puedes ponerle un color o dejarlo igual que todos
|
|
|
|
|
|
|