Entrar

Una idea de plantilla.

adrimat08 · · Solicitar retirada
buna pagina te recomindo ek pongas una columna central para meter el textoy y lo demas entre medias(kizas yeb agrandar pagiana o suprimir una columna)
-lo demas muy bueno
pd: comenta la mi si puede esta en la firma
loboten · · Solicitar retirada
Gracias, por contestarme.
Tu página esta bien, pero te falta aun mucho trabajo.
Yo he metido muchas horas, para hacer lo que has visto,
siendo un novato en esto.
Quizas tengas razon y la página principal este muy recargada.
P.D.: Se agradecen todas las sugerencias.
adrimat08 · · Solicitar retirada
le recomindo usar una columna central no esta con mozila o internet explore.
pd: mi pagina esta sindo cambida completamente
loboten · · Solicitar retirada
Ya me va gustando más, el nuevo.
Perdona solo habia visto el antiguo.
Gracias.
adrimat08 · · Solicitar retirada
aki van
estilo css:

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ;
text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ;
text-align: center}
body {text-align: center }
#global {width:800px ; margin:4px auto }

#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion { background-image: url(objetos/fondo_menu.gif) ; background-color: white ; backcground-image:url(objetos/menu.jpg); border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 85 }
#contenido {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; background-image: url( objetos/fondo-menu.JPG ) ; BACKGROUND-REPEAT: repeat-y }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 5px}
#menu { BACKGROUND-REPEAT: repeat-y ; background-image: url(objetos/fondo_menu1.gif) ; width: 125px ; float:left ;
text-align:left ; margin: 0px 0px 0px 0px ; height:700px }

background-position: bottom ; text-align: justify ;
padding-bottom:5px }
#menu1 {width: 150px ; float: right ;
text-align: right ; margin: x ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ; text-align: justify ;
padding-bottom:5px }
#menu1 li {list-style:none ; margin: 4px 8px 4px 6px }
#menu1 h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior.gif) }
#menu li {list-style:none ; margin: 4px 4px 4px 4px }
#menu h1 {background-image: url(objetos/fondo_menuh1.gif) ; text-decoration:none ; font-size:12px ; padding-top:4px ; }
#pie { background-color: white ;
border-left: black 1px solid ;
border-right: black 1px solid ;
border-top: black 1px solid ;
height: 60px ;
}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}
#pieuno {; float:left ; width:150px ;
border-right: black 1px solid }
#piedos {background-color: green ; float:left ; width:498px ; background-color: silver }
#pietres { ; float:left ; width:100px ;
border-left: black 1px solid }
#pie li {list-style: none; font-size: 12px }
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
#menu li {list-style: none; font-size: 12px }
#menu a {font-size: 1.3em ;color: white ; text-decoration:none ; display: block }
#menu a:link {}
#menu a:visited {}
#menu a:hover {color: white ; text-decoration:underline ; background-color: transparent }
#menu a:active {}
body {background-color: #FF0000 ;background-image: url(objetos/fondo-ps3.JPG)}
#navegacion a {color: white ; text-decoration:none ; display: block }
#navegacion a:link {}
#navegacion a:visited {}
#navegacion a:hover { background-color: blue }
#navegacion a:active {}
#pere a {color: red; text-decoration:none ; display: block }
#pere a:link {}
#pere a:visited {}
#pere a:hover { background-color: transparent ; ont.size: 1.4em }
#pere a:active {}
#navegacion1 a {color: orange ; text-decoration:none ; display: block }
#navegacion1 a:link {}
#navegacion1 a:visited {}
#navegacion1 a:hover { ; background-color: white}
#navegacion1 a:active {}
#menu1 li {list-style: none; font-size: 12px }
#menu1 a {color: red; text-decoration:none ; display: block }
#menu1 a:link {}
#menu1 a:visited {}
#menu1 a:hover {color:black ; text-decoration:underline ; background-color: white }
#menu1 a:active {}
#navegacion2 { ; background-color:black ; border: black 1px solid ; height:20px}
#navegacion2 li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion2 ul { margin-left: 65 }
#navegacion2 a {font-size: 1.2em ; color: white ; text-decoration:none ; display: block }
#navegacion2 a:link {}
#navegacion2 a:visited {}
#navegacion2 a:hover { ; background-color: black }
#navegacion2 a:active {}
#navegacion3 a {color: orange ; text-decoration:none ; display: block }
#navegacion3 a:link {}
#navegacion3 a:visited {}
#navegacion3 a:hover { ; background-color: transparent }
#navegacion3 a:active {}

#menu3 a {color: red; text-decoration:none ; display: block }
#menu3 a:link {}
#menu3 a:visited {}
#menu3 a:hover {color:black ; text-decoration:underline ; background-color: white }
#menu3 a:active {}
#menu3 {width: 1px ; float:left ;
text-align:center ; margin: 3px 3px 3px 3px ;
background-position: bottom ; text-align: justify ;
padding-bottom:0px ; border-left: black 4px solid ;
border-right: black 4px solid ;
border-top: black 4px solid ; border-bottom : black 4px solid }
#menu3 li {list-style:none ; margin: 100px 0px 0px 0px }
#menu3 h1 {text-decoration:none ; font-size:0px ; padding-top:0px ; margin-left: 65
}
html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<meta content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<html>
<head>

<title>henow-consolas</title>
<link rel="stylesheet" href="estilo-.css" type="text/css" media="all">
</head>
<body>

<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>


<div id="publicidad">Bienvenidos a mi Web creada gracias a adrimat08</div>



</script>
</div>
<div id="navegacion">
<ul>
  • psp
  • ps2
  • ps3
  • pc
  • nds
  • wii
  • xbos 360

    </div>
    <div id="contenido">

    <a href="http://www.AWSurveys.com/HomeMain.cfm?RefID=adrimat08">[contenido no disponible]</div>
    </a>



    <div id="contenido">
    <div id="menu">
    <h1>menu</h1>
    <ul>
  • portada
  • Ultimas noticias

    <h1>juegos</h1>
    <ul>
  • top 10 juegos
  • ultimos anlisis
  • Proximos juegos
    <h1>otros</h1>
    <ul>
  • como ganar dineero
  • registrte
  • loing
  • ayudar
  • ganar dinero
  • pagina R.D.0
  • Grafitis
    </div>

    <div id="contenido">
    <h1>insertar publicdad</h1>
    <h2> anuncio superior</h2>



    Este es el anuncio de mayor peso visual y exposición. Se ubica a un lado del título y tiene un tamaño de 400×124 pixeles.

    Precio: 15€.</p>
    <div id="menu3">
    <a href="http://www.AWSurveys.com/HomeMain.cfm?RefID=adrimat08">[contenido no disponible]</div>
    </a></div>
    <div id="contenido">
    <h2>anuncio mediano</h2>



    Una de las soluciones clásicas, y efectivas, para anunciarse. Se ubica entre el contenido de la pagina y tiene un tamaño de 323×294 pixeles.

    Precio: 9€</p>
    <h2>anuncio lateral</h2>



    Este anuncio es el más vistoso y llamativo. Se ubica en el lateral de la pagina y tiene un tamaño de 130×600 pixeles.

    Precio: 15€</p>
    <h2>Adaptacion publicitaria</h2>



    Nos envia su proposicion publicitaria de tamaño y posicion y le realizamos un presupuesto.

    Precio:Dependiendo de las caracteristicas.</p>
    <h3>envinoslo a : [correo eliminado]</h3>








    <div id="pere"><p class="pere" >GAnar dinero clik aqui.acme el favor de registrate asi todos ganamos</p></div>
    </div>
    <div id="pie">
    <div id="pieuno">
    <ul>
  • Foro Ejemplo
  • <a class="enlaceuno" href="#">Contactos
    </a>


  • </div>

    <div id="piedos">hoy es :<script type="text/javascript">
    var ahora = new Date()
    dias = new Array("Domingo", "Lunes", "Martes", "Miércoles", "Jueves",
    "Viernes", "Sabado");
    document.write(dias[ahora.getDay()])
    </script> del <script type="text/javascript">
    var ahora = new Date()
    document.write(ahora.getDate())
    document.write(".")
    document.write(ahora.getMonth() + 1)
    document.write(".")
    document.write(ahora.getFullYear())
    </script>

    </div>

    <div id="pietres">
    <ul>
  • Directorio
  • poner publicidad
  • Copyright © 2009 </a>

    </div>

    <div id="curva-inferior"></div>
    </div>





    </body>
    </html>
    • loboten · · Solicitar retirada
    Perdona, en que pueda reviso lo tuyo.
    He comprado un dominio con telefonica España y no te cuento
    lo que he sufrido, para que me funcione.
    Yo tenia el IE8, me dicen que tengo que instalar el IE7 ó IE6, porque
    no me dejaba alojar mi página web. También que el fichero principal
    tiene que ser index.htm, envez de index.html "De locura", te pongo el
    enlace y por favor dime si se ve todo completo y bien.
    Gracias.
    http://www.aratele.com/
    P.D.: A mi en IE7 el cabezero y el panel de navegación se ven separados,
    en Mozilla se ven bien.
    adrimat08 · · Solicitar retirada
    ya la vi se ve bien y normal
    haora te ayuda con la columna central podrias mirar aver ke tal ya mejore la pagina 2 de mi perfil a mucho mejor echale un vistacillo
    adrimat08 · · Solicitar retirada
    cre ke si el pones el tamño necesario te entrar con esto
    FONT-WEIGHT:
    o si no acindo esto con als 3 columnas
    estilo.css
    #cuerpo-izq {clear:both ; FLOAT: left; WIDTH: 132px ; BACKGROUND-color: black }
    #cuerpo-izq .caja H1 {text-indent:0px; FONT-SIZE: 14px ; MARGIN-BOTTOM: 5px; BACKGROUND-color: #FECC03; BACKGROUND-IMAGE: url(objetos/cuadro-menu-curva-sup-clip.gif); PADDING: 15px 9px 4px 9px; BACKGROUND-POSITION: left top; FONT-WEIGHT: bold; MARGIN: 0px ; LINE-HEIGHT: 13px; TEXT-ALIGN: left; COLOR: BLACK}
    #cuerpo-izq .caja {BACKGROUND-POSITION: left bottom; ; PADDING-BOTTOM: 5px; MARGIN: 0px 3px 3px; OVERFLOW: hidden; WIDTH: auto; BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: left}
    #cuerpo-izq .caja P {MARGIN: 6px; FONT-SIZE:10px; text-indent:5px}
    #cuerpo-izq .caja DIV {PADDING: 3px 3px 3px 3px; ; BACKGROUND-REPEAT: repeat-x}
    #cuerpo-izq .caja A {DISPLAY: block; BACKGROUND-POSITION: 0px 2px; PADDING-LEFT: 13px; ; MARGIN-LEFT: 0px; LINE-HEIGHT: 14px; BACKGROUND-REPEAT: no-repeat}
    #cuerpo-izq .caja A.sub{BACKGROUND-POSITION: 10px 2px; PADDING-LEFT: 22px; MARGIN-LEFT: 0px; LINE-HEIGHT: 14px; BACKGROUND-REPEAT: no-repeat}
    #cuerpo-izq .caja-google{MARGIN: 3px 5px 0px; OVERFLOW: hidden; WIDTH: auto; BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: left}
    #cuerpo-izq .caja-sin {PADDING: 0px; MARGIN: 3px 3px 5px 3px;; OVERFLOW: hidden; WIDTH: auto; BACKGROUND-REPEAT: no-repeat}
    #cuerpo-izq .caja-sin A {PADDING: 3px 3px 3px 3px; MARGIN: 0px; DISPLAY: block; LINE-HEIGHT: 12px; TEXT-ALIGN: center}

    aki un ejmplo en html:
    <DIV id="contenido">

    <DIV id="contenido-curva-superior"></DIV>

    <DIV id="banners">
    <DIV id="banner1">[contenido no disponible]</DIV>
    <DIV id="banner2"></DIV>
    </DIV>

    <DIV id="lenguetas">
    <h1>Descripci&oacute;n de la p&aacute;gina. Pon aqu&iacute; un breve resumen con palabras clave.</h1>
    </DIV>

    <DIV id="cuerpo">
    <DIV id="cuerpo-izq">
    <DIV class="cabecera-lateral"></DIV>
    <DIV class="icontenido">
    <DIV class="columna-lateral">

    <A href="seccion-01/introducion.html">
    <H1>Título Secci&oacute;n 1:</H1>


    Explica aqu&iacute; de qu&eacute; va esta secci&oacute;n. No olvides incluir palabras clave en esta descripci&oacute;n, pero procura que quede coherente.
    </A >

    <A href="seccion-02/introducion.html">
    <H1>Título Secci&oacute;n 2:</H1>


    Explica aqu&iacute; de qu&eacute; va esta secci&oacute;n. No olvides incluir palabras clave en esta descripci&oacute;n, pero procura que quede coherente.
    </A >

    <A href="seccion-03/introducion.html">
    <H1>Título Secci&oacute;n 3:</H1>


    Explica aqu&iacute; de qu&eacute; va esta secci&oacute;n. No olvides incluir palabras clave en esta descripci&oacute;n, pero procura que quede coherente.
    </A >

    <A href="seccion-04/introducion.html">
    <H1>Título Secci&oacute;n 4:</H1>


    Explica aqu&iacute; de qu&eacute; va esta secci&oacute;n. No olvides incluir palabras clave en esta descripci&oacute;n, pero procura que quede coherente.
    </A >

    <A href="seccion-05/introducion.html">
    <H1>Título Secci&oacute;n 5:</H1>


    Explica aqu&iacute; de qu&eacute; va esta secci&oacute;n. No olvides incluir palabras clave en esta descripci&oacute;n, pero procura que quede coherente.
    </A >
    espero ke te sirva
    .::-saludos-::.
    adrimat08 · · Solicitar retirada
    estado mirando y al columna central en ie explore esta descolocada y en mozilla esta bien centrada y pefecta
    loboten · · Solicitar retirada
    Gracias, por tu ayuda.
    Te esta quedando muy bien la página web. ¡Pero! como a mi.
    Ahora tengo el IE8. El pie de tu página se queda cortado un poco al
    final y con una deformacion en la parte Dcha del menu central.
    Sin embargo en Mozilla se ve todo bien.
    ---------------------------------------------
    En mi página, como ya me contentaste. Sale el menu central desplazado
    con IE8 y con Mozilla bien. Pero ¡Ojo!, no en todos los ordenadores.
    Yo uso Dreamweaver CS4 y comprobandolo con los dos se ve bien.
    Seguire intentando resolverlo, ya te contare. Y si te puedo ayudar dimelo.