Entrar

Enlaces

epilef · · Solicitar retirada
Hola a todos.

Mi duda es la siguiente:
Tengo la pagina principal de mi web creada, con los menus desplegables, parrafos, imagenes...
Pero ahora necesito continuar, es decir; que cuando entren en uno de los menus desplegables aparecca la informacion que deseo.
Un ejemplo; cuando entramos en la pagina CCTW i queremos ir al fora clicamos donde pone foro i la pagina nos envia al foro.
Pues bien eso es lo que necesito, que al clicar sobre uno de mis menus la pagina me mande a la pagina correspondiente.

Alguien puede decirme como conseguirlo.

Gracias :D

P.D: Espero averme explicado bien; si necesitais mas informacion decirmelo :D
pedrocuenca · · Solicitar retirada
Tienes que ir al archivo definir-menus, entras y te sale todos estos codigos, ahi tienes que poner el destino
donde pone seccion, pones el nombre que quieras que salga, y donde pone ruta pones a donde quieres ir por ejemplo
en seccion 1, podrías poner inicio, y en ruta index.html

'Inicio','index.html'

así todo

if (TransMenu.isSupported())
{
var ms=new TransMenuSet(TransMenu.direction.down,1,0, TransMenu.reference.bottomLeft);

var desplegable1 = ms.addMenu(document.getElementById('desplegable1'));
desplegable1.addItem('Seccion 1','ruta');
desplegable1.addItem('Seccion 2','ruta');
var desplegable1_0 = desplegable1.addMenu(desplegable1.items[1]);
desplegable1_0.addItem('Sub-Seccion 2.1','ruta');
desplegable1_0.addItem('Sub-Seccion 2.2','ruta');
desplegable1_0.addItem('Sub-Seccion 2.3','ruta');
desplegable1.addItem('Seccion 3','ruta');
desplegable1.addItem('Seccion 4','ruta');
desplegable1.addItem('Seccion 5','ruta');
var desplegable1_0 = desplegable1.addMenu(desplegable1.items[4]);
desplegable1_0.addItem('Sub-Seccion 5.1','ruta');
desplegable1_0.addItem('Sub-Seccion 5.2','ruta');



var desplegable2 = ms.addMenu(document.getElementById('desplegable2'));
desplegable2.addItem('Seccion 1','ruta');
desplegable2.addItem('Seccion 2','ruta');
var desplegable2_0 = desplegable2.addMenu(desplegable2.items[1]);
desplegable2_0.addItem('Sub-Seccion 2.1','ruta');
desplegable2_0.addItem('Sub-Seccion 2.2','ruta');
desplegable2_0.addItem('Sub-Seccion 2.3','ruta');
desplegable2.addItem('Seccion 3','ruta');
desplegable2.addItem('Seccion 4','ruta');
desplegable2.addItem('Seccion 5','ruta');
var desplegable2_0 = desplegable2.addMenu(desplegable2.items[4]);
desplegable2_0.addItem('Sub-Seccion 5.1','ruta');
desplegable2_0.addItem('Sub-Seccion 5.2','ruta');


var desplegable3 = ms.addMenu(document.getElementById('desplegable3'));
desplegable3.addItem('Seccion 1','ruta');
desplegable3.addItem('Seccion 2','ruta');
var desplegable3_0 = desplegable3.addMenu(desplegable3.items[1]);
desplegable3_0.addItem('Sub-Seccion 2.1','ruta');
desplegable3_0.addItem('Sub-Seccion 2.2','ruta');
desplegable3_0.addItem('Sub-Seccion 2.3','ruta');
desplegable3.addItem('Seccion 3','ruta');
desplegable3.addItem('Seccion 4','ruta');
desplegable3.addItem('Seccion 5','ruta');
var desplegable3_0 = desplegable3.addMenu(desplegable3.items[4]);
desplegable3_0.addItem('Sub-Seccion 5.1','ruta');
desplegable3_0.addItem('Sub-Seccion 5.2','ruta');

TransMenu.renderAll();
}


Espero haberme explicado
pedrocuenca · · Solicitar retirada
Si lo tuvieras subido a un servidor todo sería más facil, cualquier consulta sería rápida, porque de este modo lo vemos practicamente, y podemos entrar en la hoja de estilos, y ver los codigos de la plantilla.

Si no tienes aún un hosting, pidelo y súbelo, ya veras que todo será más facil, y si lo tienes no esperes.

Lo digo para mayor eficiencia, no por otra cosa

Un saludo de Pedro
epilef · · Solicitar retirada
Gracias por tu ayuda.

Si tengo un hosting.
Mi url es unioncultural.mywebcommuniy.org
Visitala si quieres i me dices cosas.

Se puede ver la hoja de estilos de una pagina cualquiera?
Es decir, yo podria ver la hoja de estilos de CCTW? Si es asi como?

Gracias :D

P.D: Mi pagina es sencilla, es la primera que hago. :oops: :oops:
pedrocuenca · · Solicitar retirada
Tu pagina me está gustado y nada más has hecho que empezar, tiene vida, colores que es lo que me gusta, harás una pagina muy bonita.
mira yo he puesto en el navagador tu direccion:
http://unioncultural.mywebcommunity.org/estilo-general.css
y me salieron tus estilos, solamente tienes que mirar que ruta tiene de estilos en la plantilla dentro del <head>


Si en explorer no te salen los estilos miralo por firefox,

Es que yo tengo el dreamweaver, y cuando lo solicito en explorer se abre ese programa, en cambio en firefox no.

saludos
pedrocuenca · · Solicitar retirada
Epilef mira esta pagina que he hecho para ti, ahora me tengo que ir, pero esta noche vuelvo

http://claraeisman.mywebcommunity.org

verás que he copiado todo tu pagina tanto el index como los estilos,
he puesto una imagen a la derecha, puedes ponerla al centro o la izquierda mira el codigo fuente y el de estilos ya te lo pongo aqui por si acaso, mira donde pone #angel, puedes poner float:center, float:right o
float:left, como quieras, igualmente tambien puedes poner una faleria de fotos para que se vaya cambiando, es facil pero puedes empezar ponerlas fijas, si miras mi perfil está mi correo escribeme que ya te dire



* {margin:0px ; padding:0px ; border: 0px}
* {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;background-color:#87CEFA}
#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:ivory;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;color:green;text-decoration:underline }
#navegacion {background-color: gray;border: black 1px solid;height:20px}
#navegacion li {float:left;list-style:none;margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color: orange;border-left: black 1px solid ; border-right: black 1px solid }
#contenido p {padding: 5px 10px 5px 10px;text-indent: 15px}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left;margin-right: 10px;margin:3px 10px 3px 3px;background-image: url(objetos/menu-parte-inferior.gif);background-position: bottom;padding-bottom:5px }
#menu li {list-style:none ; margin:4px 8px 4px 6px}
#menu h1 {text-decoration:none ; font-size:12px;background-image: url(objetos/menu-curva-superior.gif);padding-top:12px}
#pie {border-left: black 1px solid ; border-right: black 1px solid ;border-top: black 1px solid ; height: 65px;background-color:beige }
#pie li {list-style: none;font-size: 12px }



#angel{float:right}



#pieuno {float:left ; width:150px }
#piedos {float:left ; width:498px}
#pietres {float:left ; width:150px }
#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 {color:blue;text-decoration:none}
a:visited {color:black;text-decoration:none}
a:hover {color:red;text-decoration:underline;background-color: silver}
a:active {color:green;text-decoration:underline}
#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 {}
pedrocuenca · · Solicitar retirada
Epilef, piensa que yo puse la etiqueta
repetidas veces para extender el contenido, pero lo normal es poner texto.

Pero bueno si no quieres poner texto pones

#angel{float:right, margin:0px5px10px0px}

por ejemplo, tienes que probar, la primera medida es el margen superior, la segunda medida es el margen de la derecha, la tercera medida es el margen de abajo, y la cuarta, el margen de la izquierda

también puedes probar con

#angel{float:right, padding:0px5px10px0px}

ya lo tienes cogido por ...