Entrar

Como puedo hacer esta pagina?

Mikel L · · Solicitar retirada
Buenas! soy nuevo aqui.. tengouna pagina hecha gracias a foroportal..( http://iruzun.foroportal.es ) pero quier tener la mia propia y no se muy bien como hacerla.. he seguido el manual y tal de comocreartuweb.com pero aun asi no me aclaro.. creo que quiero mucho y rapido.. y esto requiere mucho tiempo ya que son muchas claves que añadir...


por otra parte.. me gustaria que me ayudarais (como si fuera un niño de 3 años y tonto) a conseguir esto:

[contenido no disponible]


la parte amarilla kiero ke se mueva (le he pegado una barra de desplazamiento pa ke lo aparente :P ) los botones de la izkierda ke sean enlaces y las tres palabras de abajo tambien, tambien el logo de IRUZUN.

la parte de los enlaces creo ke lo tengo dominado.. pero no se como hacer que tenga esa apariencia y ke lo amarillo se desplace...:S

muchas gracias!

Edito: los botones de la izkierda me gustaria ke fueran desplegables... pero sin usar flash a poder ser... y en la barra verde de arriba (debajo del logo de IRUZUN) pondria tb algun enlace o menu desplegable.
Yaneth · · Solicitar retirada
Hola

seguro que podrás lograr eso y mucho más

pero para empezar, necesitas seguir el curso paso a paso,

y sin desviarte, así, si tienes alguún problema podremos ayudarte mejor

cuando lo termines, ya sabrás algo de codigos,

y entonces, podremos ayudarte para que hagas tu página tal y como la quieres

saludos
Mikel L · · Solicitar retirada
ya lo hice... y tengohecha la pagina esa de muestra.. lo dela plantilla.. el index estilo-general... pero no se como hacer ke lo uniko ke se mueva sea la zona amarilla..:S me he saltado algun paso?
Yaneth · · Solicitar retirada
para lograr eso

lo debes hacer frames o marcos

aunque no los recomiendan mucho ya que es una página dentro de otra

saludos
Mikel L · · Solicitar retirada
si! con html-kit

tambien tengo el NVU y el dream... pero como la guia paso a paso esta con ese.. po me lo baje
Yaneth · · Solicitar retirada
ok, eso de los marcos yo lo he hecho con drem

tengo la version 3.0

mira para que te des una idea trataré de explicartelo

supongamos que tienes un documento

en el insertas los marcos

un ejemplo sería un marco arriba (baner)
un marco izquierda (menu)
uno marco derecho (contenido)

entonces necesitas una página (la que contiene todos los marcos)
y tres páginas más (1 por cada marco)

trataré de hacerte una prueba para que lo veas
Yaneth · · Solicitar retirada
Aunque me puse a buscar, y hay una opción para ponerle la barra

a una div

sin que te metan en lios de marcos ni páginas adicionales

mira por ejemplo

en la div que le vas a poner la barra supongamos que la llamamos contenido

entonces en el documento le pones

<div id="contenido">Esta div tiene la barra de desplazamiento hacia abajo
</div>

y en la hoja de estilos le pones asi:

#contenido {background-color: yellow; width: 400px; heigth: 200px; Overflow: scroll}


así si te saldrán las barras esas que quieres

has la prueba y nos comentas como te fué

saludos
Mikel L · · Solicitar retirada
Pues como puedes ver.. va mal.. pone las flechitas.. pero la zona amarilla se agranda cuanto mas texto me meto... ademas.. ha despleazado la parte roja (el menu)...


[contenido no disponible]
Yaneth · · Solicitar retirada
hola

mira copia y pega aqui el codigo del documento .html
y de la hoja de estilos

para verlo

ok?
Mikel L · · Solicitar retirada
<DOCTYPE>

<html>
<head>
<link>

<title>Iruzun Eskaut Gia Talde Laikoa</title>
</head>
<body>
<div>
<div>aqui pondre el logo de Iruzun</div>
<div>
		 <div>
		 
		 <ul>[*]Foro[*]<a>Iruzun </a>[*]<a>Iruzun </a>[*]<a>Iruzun </a>[*]Manual[*]Musica[*]Opcion (e)[/list]
		 		 </div>
		 
Barra de Navegación
</div>

<div><a>Iruzun </a>Esta será la zona principal de la web







NO SE KE

</div>
<div>Este es el pié de página</div>
</div>
</body>
</html>




body {text-align: center}


#cabecera {background-color: green }
#navegacion {background-color: gray }

#contenido {background-color: yellow; width: 800px; heigth: 1000px; Overflow: scroll} 

#menu {background-color: red; width: 225px ; float:left ; text-align:left }
#menu li {list-style:none ; margin: 4px 0px 4px 10px}

#pie               {background-color: brown  }

#global {width:800px ; margin: 4px auto }


* {margin:0px ; padding:0px ; border: 0px}

#menu a {color: black; font-size:none ; text-decoration: none ; display:block }
#menu a:link {}
#menu a:visited {}
#menu a:hover {color: red; font-size:none ; text-decoration: underline ; background-color: silver}}
#menu a:active {}

a {color: black; font-size:none ; text-decoration: none ; display:block }
a:link {}
a:visited {}
a:hover {color: red; font-size:none ; text-decoration: underline }
a:active {}
Yaneth · · Solicitar retirada
tienes que activa la casilla de abajo
antes de mandar el mensaje
que dice

deshabilitar html en este mensaje

de lo contrario no sale completo

saludos
Mikel L · · Solicitar retirada
a ver ahora

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">

<title>Iruzun Eskaut Gia Talde Laikoa</title>
</head>
<body>
<div id="global">
<div id="cabecera">aqui pondre el logo de Iruzun</div>
<div id="navegacion">
		 <div id="menu">
		 
		 <ul>[*]Foro[*][url="https://www.iruzun.foroportal.es"]Iruzun [/url][*][url="https://www.iruzun.foroportal.es"]Iruzun [/url][*][url="https://www.iruzun.foroportal.es"]Iruzun [/url][*]Manual[*]Musica[*]Opcion (e)[/list]
		 		 </div>
		 
Barra de Navegación
</div>

<div id="contenido">

[url="https://www.iruzun.foroportal.es"]Iruzun [/url]Esta será la zona principal de la web</p>









NO SE KE</p>

</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>


body {text-align: center}


#cabecera {background-color: green }
#navegacion {background-color: gray }

#contenido {background-color: yellow; width: 800px; heigth: 1000px; Overflow: scroll} 
#contenido p {padding: 5px 10px 5px 10px}

#menu {background-color: red; width: 225px ; float:left ; text-align:left }
#menu li {list-style:none ; margin: 4px 0px 4px 10px}

#pie               {background-color: brown  }

#global {width:800px ; margin: 4px auto }


* {margin:0px ; padding:0px ; border: 0px}

#menu a {color: black; font-size:none ; text-decoration: none ; display:block }
#menu a:link {}
#menu a:visited {}
#menu a:hover {color: red; font-size:none ; text-decoration: underline ; background-color: silver}}
#menu a:active {}

a {color: black; font-size:none ; text-decoration: none ; display:block }
a:link {}
a:visited {}
a:hover {color: red; font-size:none ; text-decoration: underline }
a:active {}


p {text-align: justify}
Yaneth · · Solicitar retirada
Hola

ya te cheque los codigos ya hay algunos fallitos

primero ajustaremos para que la div contenido no se baje

tu div global (mide 800px de ancho)

es decir todo lo que pongams está dentro de esta verdad?

ok, entonces la div del menu mide 225px de ancho

si a 800px le restamos los 225 del menu nos queda un espacio de 575px

y tu le has dado a la div contenido 800px de ancho, por eso se baja

solo tienes que modificarle el ancho a 572px (por eso de los margenes)

y se ajustará en su lugar

tambien le has dado un alto de 1000px es muchisimo pero el problema no es ese mas bien que has cambiado una letra de lugar

tu tienes esto:
#contenido {background-color: yellow; width: 800px; heigth: 1000px; Overflow: scroll}

con las correcciones tendrás algo como esto:

#contenido {background-color: yellow; width: 572px; height: 100px; Overflow: scroll}

ponlo así y verás la diferencia:

te he puesto 100px de alto como verás es muy poquito, solo lo puse para que veas que funcionan las barras

pero lo puedes ir aumentando poco a poco, hasta que quedes conforme

saludos
Yaneth · · Solicitar retirada
perdon se me olvidaba algo

esta linea tiene que estar arriba de todo


* {margin:0px ; padding:0px ; border: 0px}

para que no te anule los margenes que vayas aplicando despues

saludos
Yaneth · · Solicitar retirada
y si en vez de ponerle

Overflow: scroll

le pones

Overflow: auto

solo te pondrá la barra que necesitas (hacia abajo)

saludos
Mikel L · · Solicitar retirada
bueno parece que la cosa ha mejorado un poco pero aun desplaza la parte amarilla debajo del menu. puede ser por la barra scroll? (puede kitarse la barra de desplazamiento de abajo y dejar solo la de la derecha?)

y como soluciono lo del desplazamiento del bloke amarillo?
Yaneth · · Solicitar retirada
hola

solo tienes que modificar esta linea en la hoja de estilos:

#contenido {background-color: yellow; width: 800px; heigth: 1000px; Overflow: scroll}

ve jugando con las medidas (reduciendolo hasta que se acomode en su lugar)

y para que se borre la barra de abajo y solo quede la de la derecha

en vez de esto:
Overflow: scroll

pones esto:

Overflow: auto

saludos