QueSoRAllaD0
Hola!? eres nuevo En QuesoRallado ?

Registrate Y comenta , Unetenos! y diviertete

Diseño Css

Ver el tema anterior Ver el tema siguiente Ir abajo

Diseño Css

Mensaje por FeRGusADM el 2/10/2010, 10:19 am

Les Recomiendo a Todos que Usen Este Diseño
de Estructura basica para Editar porque con el Aprendi mucho...

http://www.paginawebgratis.es/forum/viewtopic.php?t=48674

Si quieres Adaptar Tu plantilla puedes Ir a:

http://www.paginawebgratis.es/forum/viewtopic.php?t=27181
o
http://www.paginawebgratis.es/forum/viewtopic.php?t=43974&highlight=adaptar+++dise%F1o+css


Aqui empezamos Nuestro Tutorial

________________________________________________

Estos Son las partes de un Diseño.las Esenciales

HEADER:CABEZAL
MENU:MENU
SIDEBAR:BOX DERECHO
FOOTER:LO DE ABAJO

Yo Statings lo primero que pude Aprender es como modificar la Columna en Blosport

es Simplemente Asi Buscas en TEXTO POR DEBAJO DE PAGINAS [Recuerda blosport]

Como Dije en Texto por Debajo Buscas el Codigo:

hasta


y lo cambias por un Codigo Blosport que sea de una Columna [Sidebar]

y ahi ya Estas Cambiando el Sidebar.


Yo el primer Diseño Blosport lo Encontre en:

Pwg-Design.es.tl

______________________________________________

Ahora en Css design Diseños

si tu kieres el footer arriva solo tienes que mover
los contenido del footer
*arriva
pero en el Style Buscar #footer
*y si dice
*botton <--es abajo
*ponle up
*o
*top


left<----izkierda
*right<-----derecha

esto es para Cambiar el Sidebar[ Columna] de Derecha a Izquierda como Dice Arriba


Donde lo Busco?

pues
*depende como dice
*siempre
*para el contenido
*ciempre dice
*
*biene siendo el contenido
pero
el sidebar
*aveces
*biene por su nombre
*sidebar
*o
*left
*o right
*o
leftsite


Para modificar un Diseño en Texto por ensima de la pagina si quieres
cambiar el menu busca hasta y Asi con todos solo que Algunos estan en Texto por encima de la pag.

Por ejemplo para el Cabezal: hasta menu Hasta eso esta en Texto por ensima de la Pagina...

Ahora Cambio a Texto por debajo que en Texto por debajo esta el Sidebar Y Footer
que son:

Columna o mejor Dicho Sidebar es hasta y Footer hasta Hay podras modificar el Header- menu- Sidebar-Footer

Recuerden que no Siempre pueden ser los mismos Codigos pueden Ser Id Div como sea
depende...

Quieres que pues Redondear un Borde????
usa:

-moz-border-radius: 30px;

agregalo a css a cualquier Div

Esplicacion del Cabezal

- margin-left: =Distancia de la cabecera del extremo izquierdo
- width: = Ancho de la cabecera
- height: = Altura de la cabecera
- background-color = Color de fondo de cabecera
- background-image:url(); = Fondo de escritorio (URL) en paréntesis pegar
- si desea insertar una imagen, la misma anchura que la cabecera
- color:#000000; = En el texto de la cabecera de color, texto
- font-size:13px; = Tamaño del texto
- border: 1px solid #FFFFFF = Marco / marco de la fuerza / Color


Esplicacion del Contenido

- top: = Distancia a la caja de texto encima
- margin-left: = Distancia cuadro de texto desde el borde izquierdo
- padding:10px; = Sumario 10 de Píxeles bordes a la página
- width: = Ancho de la caja de texto
- height: = Altura de la caja de texto
- background-color = Color de fondo del cuadro de texto
- background-image:url(); = Fondo de escritorio (URL) en paréntesis pegar
- si desea insertar una imagen, la misma anchura que el cuadro de texto !
- color:#000000; = El color del texto en el cuadro de texto
- font-size:13px; = Tamaño de texto
- border: 1px solid #C9C9C9 = Marco / marco de la fuerza / Color
- overflow:auto;} = crea un cuadro de texto desplegable


Esplicacion de Sidebar

- top: = Distancia desde la parte superior de la caja
- margin-left: = Cuadro de distancia desde el borde izquierdo
- width: = Ancho de la caja
- height: = Altura de la caja
- background-color = Color del fondo de la caja
- background-image:url(); = Fondo del escritorio (URL) pegar alguna imagen
- si se inserta una imagen tiene que tener la misma anchura que el cuadro
- color:#000000; = El color del texto de la caja
- font-size:13px; = El tamaño del texto de la caja
- border: 1px solid #C9C9C9 = El color del marco
- overflow:auto;} = Crear un cuadro desplegable


Espero Que les sirva
avatar
FeRGusADM
Admin
Admin

Mensajes : 73
Puntos : 3681
Fecha de inscripción : 05/09/2010
Edad : 21

Ver perfil de usuario http://quesorallado.mex.tl

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

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