Codes forum

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

Résolu Codes forum

Message par Maureen. le Jeu 14 Juil 2011 - 14:57

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.

Maureen.
**

Féminin
Messages : 97
Inscrit(e) le : 13/04/2011

http://easy-graph.forumgratuit.org/
Maureen. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes forum

Message par tupac le Jeu 14 Juil 2011 - 15:06

Bonjour

De quel dimension voulez vous votre cadre?

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes forum

Message par Maureen. le Jeu 14 Juil 2011 - 15:14

J'aimerais cette taille ci:

172*410

Merci.

Maureen.
**

Féminin
Messages : 97
Inscrit(e) le : 13/04/2011

http://easy-graph.forumgratuit.org/
Maureen. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes forum

Message par tupac le Jeu 14 Juil 2011 - 15:31

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>

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes forum

Message par Maureen. le Jeu 14 Juil 2011 - 15:53

Merci, mais ou dois/je mettre ce code ?

Et j'aimerais mettre des liens dedans comme ceci:

Spoiler:

Maureen.
**

Féminin
Messages : 97
Inscrit(e) le : 13/04/2011

http://easy-graph.forumgratuit.org/
Maureen. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes forum

Message par tupac le Jeu 14 Juil 2011 - 16:13

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>

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes forum

Message par Maureen. le Jeu 14 Juil 2011 - 16:23

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 :/ Embarassed

Merci.

Maureen.
**

Féminin
Messages : 97
Inscrit(e) le : 13/04/2011

http://easy-graph.forumgratuit.org/
Maureen. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes forum

Message par tupac le Jeu 14 Juil 2011 - 16:46

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

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes forum

Message par Maureen. le Jeu 14 Juil 2011 - 16:55

Oui, c'est ça ^^

Maureen.
**

Féminin
Messages : 97
Inscrit(e) le : 13/04/2011

http://easy-graph.forumgratuit.org/
Maureen. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes forum

Message par tupac le Jeu 14 Juil 2011 - 17:06

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.

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes forum

Message par Maureen. le Jeu 14 Juil 2011 - 17:15

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



Dernière édition par Maureen. le Ven 15 Juil 2011 - 14:24, édité 1 fois

Maureen.
**

Féminin
Messages : 97
Inscrit(e) le : 13/04/2011

http://easy-graph.forumgratuit.org/
Maureen. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes forum

Message par Maureen. le Jeu 14 Juil 2011 - 19:57

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

Maureen.
**

Féminin
Messages : 97
Inscrit(e) le : 13/04/2011

http://easy-graph.forumgratuit.org/
Maureen. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes forum

Message par Maureen. le Ven 15 Juil 2011 - 14:24

Up ? Siffleur

Maureen.
**

Féminin
Messages : 97
Inscrit(e) le : 13/04/2011

http://easy-graph.forumgratuit.org/
Maureen. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes forum

Message par tupac le Ven 15 Juil 2011 - 17:45

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 thumleft

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes forum

Message par Maureen. le Ven 15 Juil 2011 - 20:34

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

Bonne vacances Very Happy

Maureen.
**

Féminin
Messages : 97
Inscrit(e) le : 13/04/2011

http://easy-graph.forumgratuit.org/
Maureen. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes forum

Message par tupac le Sam 16 Juil 2011 - 22:07

En attendant vous pouvez placer celui-la.

Spoiler:
Code:
<style>
#menu_gauche {
  position: fixed;        /* fixe le menu */
  bottom: 10px;        /* place le menu a 10px du bas */
  left: -185px;          /* largeur de la partie caché du menu */
  width: 190px;        /* largeur menu */
  height: 300px;        /* hauteur menu */
  background: #000 url(http://hariboow.free.fr/upload/images/ae.png);  /*image de 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 */
}
#menu_gauche:hover {
left: -2px;                          /* largeur de la partie caché du menu ouvert */
}
</style>

  <div id="menu_gauche" style="padding-right: 15px;">
<li>
<center><br>
<a href="http://easy-graph.forumgratuit.org/t1-le-reglement"><img src="http://hariboow.free.fr/upload/images/z1fgf.png"></a><br><br>

<a href="http://easy-graph.forumgratuit.org/f3-qui-es-tu-etranger"><img src="http://hariboow.free.fr/upload/images/zadqd.png"></a><br><br>

<a href="http://easy-graph.forumgratuit.org/f5-first"><img src="http://hariboow.free.fr/upload/images/zbyyy.png"></a><br><br>

<a href="http://easy-graph.forumgratuit.org/f22-tutoriels"><img src="http://hariboow.free.fr/upload/images/zclel.png"></a><br><br>

<a href="http://easy-graph.forumgratuit.org/f30-les-jeux"><img src="http://hariboow.free.fr/upload/images/zddsd.png"></a><br><br>

<a href="http://easy-graph.forumgratuit.org/t208-sdm-7-juillet"><img src="http://hariboow.free.fr/upload/images/zenln.png"></a><br>
</center>
</li>

</div>

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes forum

Message par Maureen. le Dim 17 Juil 2011 - 0:20

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

Maureen.
**

Féminin
Messages : 97
Inscrit(e) le : 13/04/2011

http://easy-graph.forumgratuit.org/
Maureen. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Codes forum

Message par tupac le Dim 17 Juil 2011 - 0:57

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

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

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


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