[SOLUCIONADO] Cargar contenido de menú en un solo index.html

[ceaped]

Buenos días

Tengo un menú:

Código HTML:

<nav>
    <li class="parent"><a href="contenido_1.swf">Botón 1</a></li>
    <li class="parent"><a href="contenido_2.swf">Botón 2</a></li>
    <li class="parent"><a href="contenido_3.swf">Botón 3</a></li>
    <li class="parent"><a href="contenido_4.swf">Botón 5</a></li>
        <li class="parent"><a href="contenido_5.swf">Botón 5</a></li>
</nav>
 

Y así estarían mis archivos:

Código Javascript:

<object type="application/x-shockwave-flash" width="700" height="800" data="contenido_1.swf">
<param name="movie" value="contenido_1.swf">
</object>
 
<object type="application/x-shockwave-flash" width="700" height="800" data="contenido_2.swf">
<param name="movie" value="contenido_2.swf">
</object>
 
<object type="application/x-shockwave-flash" width="700" height="800" data="contenido_3.swf">
<param name="movie" value="contenido_3.swf">
</object>
 
.
.
.
Etc
 

Gracias por su ayuda

[AngelKrak]

o.O no entendi bn, que es lo que quieres hacer? porque ahi nomas vi el menu y archivos Flash o.O

[ceaped]

Hola AngelKrak
Ya lo hice de esta manera. Navegación por pestañas:

Código HTML:

<nav>
    <li  id="uno"><a href="contenido_1.swf">Botón 1</a></li>
    <li  id="dos"><a href="contenido_2.swf">Botón 2</a></li>
    <li  id="tres"><a href="contenido_3.swf">Botón 3</a></li>
    <li  id="cuatro"><a href="contenido_4.swf">Botón 5</a></li>
    <li  id="icno"><a href="contenido_5.swf">Botón 5</a></li>
</nav>
 

Código HTML:

<section class="sintexto" id="pestana1">
contenido 1
</section>
 
<section class="sintexto" id="pestana2">
contenido 2
</section>
 

Código CSS:

#pestanas {
    margin: 10px auto;
    min-height: 250px;
    width: 300px;
}
.sintexto {
    visibility:hidden;
}
 
#pestana1:target, #pestana2:target {
    width: 700px;
    height: auto;
    display: block;
    margin: 115px 0 0 200px;    
    position: absolute;
    visibility: visible;
    top: 1px;
    z-index: 2;
}
 
#uno, #dos, #tres, #cuatro, #cinco, #seis, #siete, #ocho, #nueve, #diez {
    font-family: 'Roboto Slab';
    font-size: 1em;
    color: #FFFFFF;
    line-height: 35px;
    text-align: left;
    text-decoration: none;
}
 

Por si a alguien le puede servir.

Gracias por tu ayuda

[AngelKrak]

sigo sin entender que es lo que querias pero bueno, bien por ti ;) y el de <section> no son para menus >_<

[ceaped]

Hola AngelKrak
Lo que pretendo es no crear por cada contenido (contenido 1, contenido 2...etc) un .html, entonces lo hice por pestañas.
Si claro <section> no es para menú...;) se me fue.

Suerte y gracias por tu ayuda

Nota: si sabes de una mejor opción para no duplicar por cada archivo un .html bienvenida.

[AngelKrak]

jajaja que rara que a estas alturas sigas haciendo tu web en Flash habiendo HTML jajaja XD, ya tienes tu web subida? kiero ver cmo kedo jajajaja xD

[GemliosG]

Bueno cada uno hace lo que puede con su conocimiento. Pero siempre es mejor mejorar.

[fede5426]

Iniciado por GemliosG

Bueno cada uno hace lo que puede con su conocimiento. Pero siempre es mejor mejorar.

Lo mejor es enfocar el conocimiento en lo que está vigente ahora ;)

No diria que está mal hacer una web en flash, cada uno a su bola.. pero en cuanto a SEO flash no es una opción, y si es por los efectos HTML5 CSS3 y Javascript ya permiten hacer lo mismo que flash.

En fin, ceaped como consejo, actualizate.. aprende las nuevas tecnologías, te va a favorecer.

[GemliosG]

yo se que siempre es bueno mejorar Mirame a mí. Solo hace uno mes que entré en el foro y he aprendido muchas cosas. yo no digo que e quede estancado, solo digo que es bueno que se supero, pero siempre recuerde sus bases.

[ceaped]

Upsss jajaja...no se donde fue la confusión, pero bueno a esto es a lo que me refería, nada de Flash.

https://css-tricks.com/examples/SmoothPageScroll/

Espero que se aclare el asunto...jejeje...;)

[AngelKrak]

haaaa jajajja el OnePage ._.

[fede5426]

Eso no es one page, es smooth scroll.. Con anclas.

La confusion fue porque tenes contenidos ".swf".. Se desvio un poquito del tema principal jaja si ya lo conseguiste marcalo como solucionado ceaped.

Saludos