création cadre + bouton sur la page d'accueil

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu création cadre + bouton sur la page d'accueil

Message par Nirwar Jeu 4 Aoû 2011 - 11:40

Bonjour,

J'ai déjà fait une vague recherche dans les archives, mais je n'ai trouvé qu'un topic qui serait susceptible de répondre à mes besoin, sauf que je ne comprend presque rien de ce qui y est présenté : https://forum.forumactif.com/t306806-cadre-personnalise-image-inserer-code-html-bouton?highlight=ajouter+cadre

Tout d'abord, laissez-moi vous expliquer ce que je cherche à faire :

Afin de fluidifier et accélérer la navigation sur le forum, je voudrais créer un cadre, dans lequel des boutons, images cliquables donc, renverraient vers différente partie du forum. Ce cadre doit donc être visible partout et bouger en même temps que la fenêtre. J'ai trouvé une solution, mais qui ne permet pas l'utilisation d'image cliquable, juste de lien, pratique mais peu esthétique. Voici donc la solution trouvée :

dans le template "overhall_header"
Code:

    <div id="menu">
            <ul>
            <a href="http://mostenfer-universe.forumgratuit.org/">
    <li><a href="http://mostenfer-universe.forumgratuit.org/c3-the-world"><img scr="http://i49.servimg.com/u/f49/14/19/10/90/the_wo10.png"ALT="The World"/></li>
    <li><a href="http://mostenfer-universe.forumgratuit.org/f9-riven"><img scr="http://i49.servimg.com/u/f49/14/19/10/90/riven10.png"ALT="Riven"/></li></a>
    <li><a href="http://mostenfer-universe.forumgratuit.org/f10-galohar"><img scr="http://i49.servimg.com/u/f49/14/19/10/90/galoha10.png"ALT="Galohar"/></li></a>
    <li><a href="http://mostenfer-universe.forumgratuit.org/f11-slynec"><img scr="http://i49.servimg.com/u/f49/14/19/10/90/slynec10.png"ALT="Slynec"/></li></a>
    </ul>
    </div>

dans le CSS
Code:

      #menu {
                    width: 525px;
                    position: fixed;
                    border: 1px solid #F3F3F3;
                    background-color: #707070;
                    color: #F3F3F3;
                    top: 0px;}

Forum en PhpBB2(subsilver), je navigue principalement sous firefox.

Merci de votre réponse


Dernière édition par Nirwar le Sam 6 Aoû 2011 - 2:00, édité 1 fois
avatar

Nirwar
Nouveau membre

Messages : 8
Inscrit(e) le : 31/07/2011

http://mostenfer-universe.forumgratuit.org
Nirwar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: création cadre + bouton sur la page d'accueil

Message par Nirwar Ven 5 Aoû 2011 - 9:44

Any solutions ?
avatar

Nirwar
Nouveau membre

Messages : 8
Inscrit(e) le : 31/07/2011

http://mostenfer-universe.forumgratuit.org
Nirwar a été remercié(e) par l'auteur de ce sujet.

Résolu Re: création cadre + bouton sur la page d'accueil

Message par Nirwar Sam 6 Aoû 2011 - 1:01

A chaque solution ses problèmes :

J'ai enfin trouvé une solution, en passant par un (ou une, je sais pas) iframe, après avoir généré une page html.

Le tout me permettant de créer un bouton cliquable que je place sur la page d'accueil dans un cadre créé en CSS.

Par contre, je suis obligé de l'ouvrir dans un autre onglet ou une autre fenêtre, sans quoi la page s'ouvre "dans le bouton", cependant ça m'arrange.

Voici tous les codes :

page HTML :
Titre : bouton-world
Voulez-vous utiliser le haut et le bas de page de votre forum ? : Non
Utiliser cette page en tant que page d'accueil ? : Non
Code:
<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>bouton</title>
    </head>

    <body style="margin:0px;">
<a href="http://mostenfer-universe.forumgratuit.org/c3-the-world" target="_blank"><img src="http://i49.servimg.com/u/f49/14/19/10/90/the_wo11.png" border="0"></a>
    </body>
    </html>

Dans le template overall_header :
Code:
<div id="menu">
<iframe src="http://mostenfer-universe.forumgratuit.org/h3-bouton-world.htm" name="bouton" width="72" height="22"  frameborder="0" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
</div>

Dans le CSS
Code:
          #menu {
                        width: 72px;
                        height: 22px;
                        left: 30px;
                        position: fixed;
                        border: 1px solid #F3F3F3;
                        background-color: transparent;
                        color: #F3F3F3;
                        top: 43px;}

exemple prit pour le seul bouton "The World", le cadre en CSS est nécessaire car sinon les boutons se mettent les uns derrières les autres et non pas les uns au dessus des autres.

Problème résolut donc Smile
avatar

Nirwar
Nouveau membre

Messages : 8
Inscrit(e) le : 31/07/2011

http://mostenfer-universe.forumgratuit.org
Nirwar a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum