Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje15-03-2014, 18:14 (UTC)    
Título del mensaje: como adapto mi plantilla?

hice mi diseño css bueno aun no lo termino pero no se adaptarlo, alguien me ayuda?

este es el codigo html:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="description" content="Encuentra todo sobre la información de los mas novedosos videojuegos. Todo Lo Que Necesitas.">
<meta name="keywords" content="blogemilio, videojuegos, juegos, playstation, xbox">
<link rel="stylesheet" type="text/css" href="estilos.css"/>
<title>blogemilio</title>
</head>
<body>
<header>
<div id="subheader">
<div id="logotipo"><p><a href="#">Blogemilio</a></p></div>
<nav>
<ul>
<li><a href="#">inicio</a></li>
<li><a href="#">contacto</a></li>
<li><a href="#">servicios</a></li>
</ul>
</nav>
</div>
</header>
<section id="wrap">
<section id="many">
<section id="bienvenidos">
<section id="bien">Bienvenidos A Mi Web</section>
<section id="contenido">
<p>En gravida placerat nulla, sed pellentesque nunc consequat a. Aliquam en ñeque en lectus pharetra malesuada sed et diam. Quisque leo tempor pharetra, porta imperdiet nisi feugiat sed. Vestibulum hendrerit sit amet nisl mollis eu. Proin malesuada ornare ultrices. Vel Etiam dolor dapibus, et condimentum metus. Aliquam volutpat erat. Aenean tortor accumsan pellentesque, sit amet scelerisque viverra leo vitae. Nunc rutrum scelerisque ñeque et volutpat. Cras Mattis, justo sed tempor faucibus, tortor enim dapibus nisl, et ullamcorper mi lorem eros de identificación. Aenean no ñeque dignissim. Phasellus eu augue ullamcorper. Mecenas suscipit pharetra ut semper tortor. Curabitur vitae Identificación quam felis tincidunt lacinia et sed justo. Sed lectus lectus, lobortis Identificación felis vitae, porttitor imperdiet nulla.</p>
<p>En gravida placerat nulla, sed pellentesque nunc consequat a. Aliquam en ñeque en lectus pharetra malesuada sed et diam. Quisque leo tempor pharetra, porta imperdiet nisi feugiat sed. Vestibulum hendrerit sit amet nisl mollis eu. Proin malesuada ornare ultrices. Vel Etiam dolor dapibus, et condimentum metus. Aliquam volutpat erat. Aenean tortor accumsan pellentesque, sit amet scelerisque viverra leo vitae. Nunc rutrum scelerisque ñeque et volutpat. Cras Mattis, justo sed tempor faucibus, tortor enim dapibus nisl, et ullamcorper mi lorem eros de identificación. Aenean no ñeque dignissim. Phasellus eu augue ullamcorper. Mecenas suscipit pharetra ut semper tortor. Curabitur vitae Identificación quam felis tincidunt lacinia et sed justo. Sed lectus lectus, lobortis Identificación felis vitae, porttitor imperdiet nulla.</p>
<p>En gravida placerat nulla, sed pellentesque nunc consequat a. Aliquam en ñeque en lectus pharetra malesuada sed et diam. Quisque leo tempor pharetra, porta imperdiet nisi feugiat sed. Vestibulum hendrerit sit amet nisl mollis eu. Proin malesuada ornare ultrices. Vel Etiam dolor dapibus, et condimentum metus. Aliquam volutpat erat. Aenean tortor accumsan pellentesque, sit amet scelerisque viverra leo vitae. Nunc rutrum scelerisque ñeque et volutpat. Cras Mattis, justo sed tempor faucibus, tortor enim dapibus nisl, et ullamcorper mi lorem eros de identificación. Aenean no ñeque dignissim. Phasellus eu augue ullamcorper. Mecenas suscipit pharetra ut semper tortor. Curabitur vitae Identificación quam felis tincidunt lacinia et sed justo. Sed lectus lectus, lobortis Identificación felis vitae, porttitor imperdiet nulla.</p>
<p>En gravida placerat nulla, sed pellentesque nunc consequat a. Aliquam en ñeque en lectus pharetra malesuada sed et diam. Quisque leo tempor pharetra, porta imperdiet nisi feugiat sed. Vestibulum hendrerit sit amet nisl mollis eu. Proin malesuada ornare ultrices. Vel Etiam dolor dapibus, et condimentum metus. Aliquam volutpat erat. Aenean tortor accumsan pellentesque, sit amet scelerisque viverra leo vitae. Nunc rutrum scelerisque ñeque et volutpat. Cras Mattis, justo sed tempor faucibus, tortor enim dapibus nisl, et ullamcorper mi lorem eros de identificación. Aenean no ñeque dignissim. Phasellus eu augue ullamcorper. Mecenas suscipit pharetra ut semper tortor. Curabitur vitae Identificación quam felis tincidunt lacinia et sed justo. Sed lectus lectus, lobortis Identificación felis vitae, porttitor imperdiet nulla.</p>
</section>
</section>
</section>
<body style="background:#A9B0A9">
</body>
</html>



[color="red"] y este es el codigo css [/color]

/*---ESTILOSGENERALES---*/
a{
text-decoration:none;

}

a:hover{
background:#0091A4;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

header{
width:100%;
background: #4c4c4c; /* Old browsers */
background: -moz-linear-gradient(top, #4c4c4c 0%, #595959 12%, #666666 25%, #474747 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(12%,#595959), color-stop(25%,#666666), color-stop(39%,#474747), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* IE10+ */
background: linear-gradient(to bottom, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
float:left;
}

#subheader{
width:100%;
float:left;
}

#logotipo{
color:#fff;
font-size:27px;
font-family:arial;
width:300px;
float:left;
margin-left:15px;
}

#logotipo a{
color:#fff;
}

header #subheader nav{
width:700px;
float:left;
padding:10px 0px;
text-align:right;
margin-right:-150px;
}


header #subheader nav ul li{
display:inline;
}

header #subheader nav ul li a{
color:#fff;
font-family:arial;
}

#bienvenidos{
width:99.8%;
float:left;
background: #b5bdc8; /* Old browsers */
background: -moz-linear-gradient(top, #b5bdc8 0%, #828c95 36%, #28343b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bdc8), color-stop(36%,#828c95), color-stop(100%,#28343b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b5bdc8 0%,#828c95 36%,#28343b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b5bdc8 0%,#828c95 36%,#28343b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #b5bdc8 0%,#828c95 36%,#28343b 100%); /* IE10+ */
background: linear-gradient(to bottom, #b5bdc8 0%,#828c95 36%,#28343b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */
padding:1px;
margin-top:3px;
border-radius:3px;
color:#fff;
font-family:arial;
font-size:13px;
}

#bienvenidos #bien{
font-family:arial;
font-size:22px;
text-align:center;
}

alguien me ayuda adaptarlo a css-design y que se quite el menu determinado del diseño
o me dice como hacerlo?[/b]
Mensaje17-03-2014, 08:46 (UTC)    
Título del mensaje: Re: como adapto mi plantilla?

hola, al codigo le faltan bastantes cosas, como por ejemplo, la caja del menu...
y varios atributos de seccion.. y le sobran otras muchas.

para comenzar, el diseño que debes elejir es css desing (en editar diseño), para poner una plantilla totalmente personalizada..
y me haria falta ver una captura o imagen de como seria la plantilla, para ver como quieres el menu... si es escojida de una web de plantillas seria mejor presentar donde, para verificar que es licencia free.
______________

>las cuestiones de problemas con webs se atienden en el foro.
>Ticket a: ayuda@paginawebgratis.es -- Reportes a: support-es@webme.com
Mensaje17-03-2014, 19:26 (UTC)    
Título del mensaje: mi plantilla

gracias por tu respuesta.

pero ahora estoy creando otra plantilla, la estoy diseñando con photoshop, pero la quiero sin box, los tengo que poner afuerzas?
Mensaje19-03-2014, 08:27 (UTC)    
Título del mensaje: Re: mi plantilla

blogemilio escribió:
gracias por tu respuesta.

pero ahora estoy creando otra plantilla, la estoy diseñando con photoshop, pero la quiero sin box, los tengo que poner afuerzas?

hola, no tiene porqué.... si lo haces con el css desing, puedes quitarlos...
los demas diseños si o si, debe alojar un box al menos, debido a que contiene la caja de publicidad.
______________

>las cuestiones de problemas con webs se atienden en el foro.
>Ticket a: ayuda@paginawebgratis.es -- Reportes a: support-es@webme.com
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group