Hola a todos!!!! Qué tal???
Estoy ahí, peleandome con mi medio web, en la que aun me queda mucho por hacer....
Me gustaría saber como puedo hacer algo parecido a la web de telecinco.es, en cuanto a los recuadros (no sé como se llaman en el mundo de la informática) que tiene a rojo y a azul??? Me gustaría hacer 6, 3 arriba y 3 abajo, de distintos colores...Os dejo aquí una imagen donde sale solo lo que me refiero.
[contenido no disponible]
Muchas gracias, bsiños a todos!!!
Hola,
creo que son divs sino me equivoco, utiliza un div central, y luego dentro usa tres que los divide en tre columnas, que a su vez cuentan de dos apartados, quizas pueda hacerte una plantilla, pero necesito algo de tiempo.
Adios
Hola!! Gracias por contestar. Sería genial lo de la plantilla por que yo no tengo muy claro como hacerlo. Si puedes, si no tampoco pasa nada.
Yo voy a cotillear en el codigo fuente de la pag de telecinco a ver si me entero de como lo hicieron.
Gracias de nuevo, bsiños
Hola,
bueno...depues de algo de trabaja..que por cierto no es ninguna molestia por la gente de CCTW, he conseguido una plantilla mas o menos normal para que tengas una idea general d elo que es y como es, luego tu puedes modificarla como quieras.
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Plantilla.</title>
<link href="estilos.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="pagina">
<div id="cabecera">
</div>
<div id="menu">
[url=""]Inicio[/url]
[url=""]apartado[/url]
[url=""]apartado[/url]
[url=""]apartado[/url]
[url=""]apartado[/url]
[url=""]apartado[/url]
</div>
<div id="contenido">
<div id="menus">
<h1>Titulo 1</h1>
<ul>
[*][url="#"]apartado[/url]
[*][url="#"]apartado[/url]
[*][url="#"]apartado[/url]
[*][url="#"]apartado[/url]
[*][url="#"]apartado[/url]
[/list]
</div>
<div id="menus">
<h1>Titulo 2</h1>
<ul>
[*][url="#"]apartado[/url]
[*][url="#"]apartado[/url]
[*][url="#"]apartado[/url]
[*][url="#"]apartado[/url]
[*][url="#"]apartado[/url]
[/list]
</div>
<div id="menus">
<h1>Titulo 3</h1>
<ul>
[*][url="#"]apartado[/url]
[*][url="#"]apartado[/url]
[*][url="#"]apartado[/url]
[*][url="#"]apartado[/url]
[*][url="#"]apartado[/url]
[/list]
</div>
<div id="menus2">
<h1>Titulo 4</h1>
<ul>
[*][url="#"]apartado[/url]
[*][url="#"]apartado[/url]
[*][url="#"]apartado[/url]
[*][url="#"]apartado[/url]
[*][url="#"]apartado[/url]
[/list]
</div>
<div id="menus2">
<h1>Titulo 5</h1>
<ul>
[*][url="#"]apartado[/url]
[*][url="#"]apartado[/url]
[*][url="#"]apartado[/url]
[*][url="#"]apartado[/url]
[*][url="#"]apartado[/url]
[/list]
</div>
<div id="menus2">
<h1>Titulo 6</h1>
<ul>
[*][url="#"]apartado[/url]
[*][url="#"]apartado[/url]
[*][url="#"]apartado[/url]
[*][url="#"]apartado[/url]
[*][url="#"]apartado[/url]
[/list]
</div>
</div>
</div>
</body>
</html>
y el estilos.css
#pagina {
background: #ffffff;
width: 1050;
height: 1000;
}
#cabecera {
background: #ffffff url(objetos/cabezera-fondo.jpg);
width: 1050;
height: 200;
}
#menu {
background: #fff000 url(objetos/menu-fondo.jpg);
width: 1050;
height: 50;
}
#contenido {
background: #ffffff;
width: 1050;
height: 600;
}
#menus {
background: #ff0000 url(objetos/img2.gif) no-repeat left bottom;
width: 300;
height: 300;
float: left;
margin: 20px;
margin-bottom: 10px;
}
#menus h1 {
background: url(objetos/img1.gif);
text-align: center;
}
#menus2 {
background: #ff00ff url(objetos/img2.gif) no-repeat left bottom;
width: 300;
height: 300;
float: left;
margin: 20px;
margin-bottom: 10px;
}
#menus2 h1 {
background: url(objetos/img3.gif);
text-align: center;
}
#menu a {
display: block;
float: left;
height: 32px;
padding: 8px 80px 0 19px;
background: url(objetos/img06.gif) no-repeat;
text-transform: lowercase;
text-decoration: none;
font-size: 16px;
font-weight: bold;
color: #000000;
}
#menus a {
text-transform: lowercase;
text-decoration: none;
display: block;
font-size: 16px;
font-weight: bold;
color: #000000;
}
#menus2 a {
text-transform: lowercase;
text-decoration: none;
display: block;
font-size: 16px;
font-weight: bold;
color: #000000;
}
Si no te gusta algo, dimelo que te lo cambio.
Adios
PD: tengo puesto en el css algunas imagenes que no he podido subir, si quieres puedes cambiarle o bien los nombres que aparecen o bien el nombre de las imagenes.
Hola!!! Muchisisisisisisimas gracias!!! Es genial, y super pronto lo has hecho, En serio, muchas gracias. Me encanta. Puse en la carpeta de objetos varias imagenes con los nombres que pusiste en la hoja de estilo, para ver como quedaba, y bueno, excepto que las imagenes que puse, no eran de lo más adecuadas en cuanto a colorido y formato, es justo lo que quería.
Lo único, si puedes y no te importa, que yo ya mire, y no me sale, es cambiar los colores de los apartaditos, yo pretendía poner el 1, 3 y 5 en deepskyblue (#00BFFF) y 2, 4 y 6 en darkorange (#FF8C00)... eso por ahora, que le estoy yo aqui dandole un monton de vueltas a la carpeta de experimentos... De hecho, hize un menú horizontal, que acabo de acoplar a esto que tu hiciste, pero no sé por que mi menu no acaba de quedar bien :? , pero bueno, eso lo pondré en otro tema, no me vayan a borrar este, por que el título no explica esto. (Edito: lo he puesto en el tema "problemas con menu horizontal")
Muchas gracias, bsiños
cricri escribió:Hola!!! Muchisisisisisisimas gracias!!! Es genial, y super pronto lo has hecho, En serio, muchas gracias. Me encanta. Puse en la carpeta de objetos varias imagenes con los nombres que pusiste en la hoja de estilo, para ver como quedaba, y bueno, excepto que las imagenes que puse, no eran de lo más adecuadas en cuanto a colorido y formato, es justo lo que quería.
Lo único, si puedes y no te importa, que yo ya mire, y no me sale, es cambiar los colores de los apartaditos, yo pretendía poner el 1, 3 y 5 en deepskyblue (#00BFFF) y 2, 4 y 6 en darkorange (#FF8C00)... eso por ahora, que le estoy yo aqui dandole un monton de vueltas a la carpeta de experimentos... De hecho, hize un menú horizontal, que acabo de acoplar a esto que tu hiciste, pero no sé por que mi menu no acaba de quedar bien :? , pero bueno, eso lo pondré en otro tema, no me vayan a borrar este, por que el título no explica esto. (Edito: lo he puesto en el tema "problemas con menu horizontal")
Muchas gracias, bsiños
Hola,
me alegro de que te guste.
No me importa ponerte los colores, pero si quieres, me dices para que quieres usar la pagina y te hago el diseño de las imagenes. Y no te preocupes no me importa para nada ayudarte!
Adios
PD: los colores de QUE, quieres cambiarlos, del h1, del los aprataditos, del fondo?¿? podrias explicarte un pelin...gracias!!
