Commande de code =)

Date d'inscription : 30/09/2011

Rappel du premier message :

Bonjour =)
je n'ai pas vu de formulaire donc bon .... je le fais sans xDDD
Je voudrais commander deux codes =)

Le premier ~
avoir un bouton sur le bord de l'écran du forum comme, voila le logo:
Commande de code =) - Page 2 Rgoeg41x

et quand on clique dessus l'image s'agrandis dans un glissement.
pour le voir en entier avec le message que voici:
Commande de code =) - Page 2 Jdwema8q

Le deuxième ~
Avoir plusieurs logo (dans mon cas, les logos du Staff) qui défile mais comme les partenaires sur la PA de Blood Waya. c'est a dire 4 par 4. ou 3 par 3.
Pas obligatoirement le même code, mais juste avoir 3 logo qui apparait, puis 3 autre logo.

Merci d'avance,
Rei'

Date d'inscription : 30/09/2011

Cela donne ceci:
http://themereira.forumgratuit.org/h1-widges

Messages : 606 Date d'inscription : 27/09/2011 Age : 25

Et bien chez moi, ça marche bien. Tu as bien entré le code ?

Date d'inscription : 30/09/2011

j'ai entré ceci:

Code:: <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<script type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/rejquery-132.js"></script>
<style>
div#conteneur {
position: fixed;
margin: 0px;
padding: 0px;
top: 50px;
left: 0px;
list-style: none;
z-index:9999;
}

div#conteneur ul {
width: 100px;
margin-bottom: 4px;
margin-left: -40px;
/margin-left: 0px;
background-color: transparent;
}

div#conteneur ul li{
background-color: #37A2E9;
display:block;
width: 90px;
height: 95px;
background-repeat:no-repeat;
background-position:center center;
border:1px solid #37A2E9;
padding: 5px;
}

div#conteneur li .lien_bas{
background-color: #37A2E9;
border:1px solid #37A2E9;
font-family: Arial;
font-style: italic;
font-size: 10px;
padding: 2px;
vertical-align: center;
margin-top: 2px;
/margin-top: 7px;
}

.lien_bas a{
text-decoration: none;
color: white !important;
outline: none;
}

.lien_bas a:hover{
color: black !important;
}
</style>

<div id="conteneur">

<ul>
<li>
<a target="_blank" href="lien" title="Le forum" alt="Forum" >
<img src="http://series-geek.com/templates/series-geek/images/banner_8.png" border="0"></a>

<div class="lien_bas">
Vient faire recenser ton forum avec LG. <a href="lien">Voir ici</a></a>
</div>
</li>
</ul>

</div>
<script type="text/javascript">
$(function() {
$('#conteneur li').stop().animate({'marginLeft':'-75px'},1000);
$('#conteneur > ul').hover(
function () {
$('li',$(this)).stop().animate({'marginLeft':'-2px'},200);
},
function () {
$('li',$(this)).stop().animate({'marginLeft':'-75px'},200);
}
);
});
</script>

Messages : 606 Date d'inscription : 27/09/2011 Age : 25

Alors en effet, j'avais un autre code qui faisait fonctionné.
Tu copie ce code dans : Affichage > Généralité.

Code:: <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<script type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/rejquery-132.js"></script>
<style>
div#conteneur {
position: fixed;
margin: 0px;
padding: 0px;
top: 50px;
left: 0px;
list-style: none;
z-index:9999;
}

div#conteneur ul {
width: 100px;
margin-bottom: 4px;
margin-left: -40px;
/margin-left: 0px;
background-color: transparent;
}

div#conteneur ul li{
background-color: #37A2E9;
display:block;
width: 90px;
height: 95px;
background-repeat:no-repeat;
background-position:center center;
border:1px solid #37A2E9;
padding: 5px;
}

div#conteneur li .lien_bas{
background-color: #37A2E9;
border:1px solid #37A2E9;
font-family: Arial;
font-style: italic;
font-size: 10px;
padding: 2px;
vertical-align: center;
margin-top: 2px;
/margin-top: 7px;
}

.lien_bas a{
text-decoration: none;
color: white !important;
outline: none;
}

.lien_bas a:hover{
color: black !important;
}
</style>

<div id="conteneur">

<ul>
<li>
<a target="_blank" href="lien" title="Le forum" alt="Forum" >
<img src="http://series-geek.com/templates/series-geek/images/banner_8.png" border="0"></a>

<div class="lien_bas">
Vien faire recenser ton forum avec LG. <a href="lien">Voir ici</a></a>
</div>
</li>
</ul>
</div>

Et celui ci dans une nouvelle page javascript > Module > Gestion des codes javascript.
Tu coches sur toutes les pages. Tu oublies pas donner un titre !
et tu mets :

Code:: $(function() {
$('#conteneur li').stop().animate({'marginLeft':'-100px'},1000);
$('#conteneur > ul').hover(
function () {
$('li',$(this)).stop().animate({'marginLeft':'-10px'},200);
},
function () {
$('li',$(this)).stop().animate({'marginLeft':'-100px'},200);
}
);
});

Voilà !
ça te fait ça : http://bricbrac.forumgratuit.org/

Date d'inscription : 30/09/2011

Kikou =)
avant de l'installer ^^ dans l'essaie que tu m'a montrer, il faudrais en faite:
au bout de l'onglet cette image seulement :
Commande de code =) - Page 2 Rgoeg41x

et c'est en passant la souris dessus que l'on voit tout le contenu.

Messages : 606 Date d'inscription : 27/09/2011 Age : 25

Coucou,
Alors je vais essayer ^^
Merci d'attendre.

Date d'inscription : 30/09/2011

Ok =)
je peu avoir des nouvelles ? ^^

Messages : 197 Date d'inscription : 27/01/2012 Age : 28

J'archive?

» Recherche d'un code
» Besoin d'un 'ti code ! ^^
» Un QELL codé :S [Roxy.][4]
» Recherche un code simple [terminé]
» [Résolut] Petit soucis de code...qui me déprime.

Commande de code =)

Commande de code =)

Sujets similaires

Sujets similaires