Codes forum

[Maureen.]

Bonjour,

J'aimerais bien réaliser ceci:
Mais non pas que ça soit la barre de navigation, mais juste une navigation vers des topics de mon forum.


Ou quelque chose du même système qui est sur le coté du forum.

Merci.

[tupac]

Bonjour

De quel dimension voulez vous votre cadre?

[Maureen.]

J'aimerais cette taille ci:

172*410

Merci.

[tupac]

A vous de changer la couleur du fond et de la bordure.

Code:

  <div style="position: fixed; left: 30px; top: 30px;width: 172px;height:410px;padding: 4px;border : 2px solid #fff; background: #000;word-wrap:break-word;" >votre contenu ici</div>

[Maureen.]

Merci, mais ou dois/je mettre ce code ?

Et j'aimerais mettre des liens dedans comme ceci:

Spoiler:

[tupac]

Le code est a placer dans affichage => page d'accueil => généralité => contenu du message

Pour y introduire des liens faite comme ceci.

Code:

  <div style="position: fixed; left: 30px; top: 30px;width: 172px;height:410px;padding: 4px;border : 2px solid #fff; background: #000;  font-size: 15px; color: #fff;word-wrap:break-word;" ><a href="http://www.youtube.com/?gl=FR&hl=fr">You Tube</a><br><a href="http://www.youtube.com/?gl=FR&hl=fr">You Tube</a></div>

[Maureen.]

Merci beaucoup, j'ai réussi a mettre mes liens, mais en faite j'aimerais que ce cadres rentre je ne sais pas ou en faite comme pour la Chat Box je ne sais pas si vous voyez...

Comme ici sur le coté a gauche:
http://www.gurafikku.org/

Et aussi j'aimerais mettre plus de lien, mais je ne sais pas comment faire :/

Merci.

[tupac]

Vous voulez plutôt parler du cadre a droite qui s'encastre sur le côté.

[Maureen.]

Oui, c'est ça ^^

[tupac]

Pour commencer placer le code suivant dans votre page d'accueil: affichage => page d'accueil => généralité => contenu du message.

Code:

  <ul id="mes_menus">
 <li class="galerie1"><a target="_parent" href="ton lien"><font color=#ffffff size="3"><center><i><b>TITRE</b></i></center></font></a></li>
</ul>

Celui-la est a placer dans votre feuille de style donc: affichage => couleur => feuille de style css

Code:

ul#mes_menus {
text-align: center;
position: fixed;        /* On fixe les menus */
margin: 0px;            /* marge exterieur */
padding: 0px;            /* marge interieur */
top: 50px;            /* positionné à 50px du bas */
left: 0px;                    /* positionné à 0px du bord gauche */
list-style: none;            /* pas de style pour la liste */
z-index: 999;                  /* place les menus au dessus de tout le reste */
}
ul#mes_menus li {
width: 200px;                    /* largeur des menus */
margin-bottom: 10px;            /* marge inferieur */
}
ul#mes_menus li a {
text-align:justify;
display: block;                    /* defini le menu en blok */
margin-left: -2px;                /* margin exterieur negative gauche */
width: 200px;                          /* largeur */
height: 410px;                          /* hauteur */
background-color:#333333;          /* couleur de fond */
background-repeat:no-repeat;        /* repetition du fond */
background-position:center center;      /* position du fond */
-moz-border-radius:0px 9px 9px 0px;      /* angles arrondis */
-webkit-border-radius:0px 9px 9px 0px;      /* angles arrondis */
border-radius:0px 9px 9px 0px;                      /* angles arrondis */
border:2px solid #fff;                            /* bordure */
-moz-box-shadow: 0px 0px 5px #fff;          /* ombre portee */
-webkit-box-shadow: 0px 0px 5px #fff;      /* ombre portee */
box-shadow: 0px 0px 5px #fff;                /* ombre portee */
opacity: 0.7;                                          /* opacite */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);        /* opacite pour ie */
}
ul#mes_menus .galerie1 a{ background-image: url();}

et pour finir placer ce code dans votre template overall_header juste avant la balise </head>

Code:

<script type="text/javascript">
$(function() {
$('#mes_menus a').stop().animate({'marginLeft':'-180px'},500);
$('#mes_menus > li').hover(
function () {
$('a',$(this)).stop().animate({'marginLeft':'-2px'},500);
},
function () {
$('a',$(this)).stop().animate({'marginLeft':'-180px'},500);
}
);
});
</script>

Si vous avez des questions n'hésitez pas.

[Maureen.]

Voila, parfait, j'ai tout réussi, mais j'aimerais mettre ceci dedans:


http://easy-graph.forumgratuit.org/t1-le-reglement


http://easy-graph.forumgratuit.org/f3-qui-es-tu-etranger


http://easy-graph.forumgratuit.org/f5-first


http://easy-graph.forumgratuit.org/f22-tutoriels


http://easy-graph.forumgratuit.org/f30-les-jeux


http://easy-graph.forumgratuit.org/t208-sdm-7-juillet

J'aimerais que losrque l'on clique par exemple sur Le règlement, ça aille sur le lien en dessous.

Merci

[Maureen.]

Désolée du double post, mais j'ai éditer mon message de haut dessus.
Cordialement,

[Maureen.]

Up ?

[tupac]

Bonjour Maureen.

Je suis en train de chercher une solution pour que le code accepte les liens mais ne t'inquiète pas je suis toujours dessus

[Maureen.]

Merci beaucoup.
Je passerais de temps en temps sur le topic.

Bonne vacances

[tupac]

En attendant vous pouvez placer celui-la.

Spoiler:

[Maureen.]

Je le met sur le message de la page d'acceuil ?

[tupac]

C'est ça oui placer l'intégralité du code dans votre page d'accueil.