Affichage des partenaires

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

  • 0

Résolu Affichage des partenaires

Message par kimeko le Sam 23 Juil 2011 - 19:00

Bonjour j'ai fait un tableau que je vais afficher en tant que message sur la page d'accueil et je souhaiterai afficher les partenaires comme ici :


Pouvez vous m'aider svp ?


Dernière édition par kimeko le Mer 27 Juil 2011 - 13:58, édité 2 fois

kimeko
**

Féminin
Messages : 72
Inscrit(e) le : 01/03/2011

http://edenoftheeast.openu2.com/
kimeko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage des partenaires

Message par Invité le Mar 26 Juil 2011 - 21:26

Bonsoir,

Les partenaires sont affichés dans des tableaux. Les titres sont sûrement ajoutés à l'aide de div possédant une class CSS pour le style.
Code:
<div class="nom de la class des titres">TITRE 1<div>
<table><tr><td>partenaire 1</td></tr></table>
Ajoutez autant de cellules (<td> ... </td>) qu'il y a de partenaires.

Pour chaque partenaire le lien est inséré sous un image à l'aide de ce code:
Code:
<a href=" lien du partenaire"><img src="image du partenaire" /></a>

Cordialement.

Invité
Invité


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

Résolu Re: Affichage des partenaires

Message par kimeko le Mer 27 Juil 2011 - 13:06

up

kimeko
**

Féminin
Messages : 72
Inscrit(e) le : 01/03/2011

http://edenoftheeast.openu2.com/
kimeko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage des partenaires

Message par kimeko le Mer 27 Juil 2011 - 13:12

je n'y arrive pas sa ne fonctionne pas
voila mon code pouvez vous me dire ce qui n'est pas bon svp ?

Code:
<center>
<script>function changeOnglet(_this){
var getOnglets = document.getElementById('mes_onglets').getElementsByTagName('li');
for(var i = 0; i < getOnglets.length; i++){
if(getOnglets[i].id){
if(getOnglets[i].id == _this.id){
getOnglets[i].className = 'mon_onglet_selected';
document.getElementById('c' + _this.id).style.display = 'block';
}
else{
getOnglets[i].className = 'mon_onglet';
document.getElementById('c' + getOnglets[i].id).style.display = 'none';
}
}
}
}</script>
<style>
ul, li{
list-style: none;
}
.mon_onglet{
float: left;
background: url(http://i44.servimg.com/u/f44/16/24/46/65/talach16.jpg);
text-decoration: none!important;
padding: 5px;
marging-left: 10px;
margin-right: 10px;
color:#646B82;
font-weight: bold;
border: 2px solid #A6A4A4;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.mon_onglet:hover{
background: url(http://i44.servimg.com/u/f44/16/24/46/65/talach16.jpg);
}
.mon_onglet_selected{
float: left;
background: url(http://i44.servimg.com/u/f44/16/24/46/65/talach16.jpg);
text-decoration: none!important;
padding: 5px;
marging-left: 10px;
margin-right: 10px;
color:#646B82;
font-weight: bold;
border: 2px solid #A6A4A4;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0px 0px 5px #A6A4A4;
-webkit-box-shadow: 0px 0px 5px #A6A4A4;
box-shadow: 0px 0px 5px#A6A4A4;
}
.mon_contenu{
color: #666;
background: url(http://i44.servimg.com/u/f44/16/24/46/65/talach16.jpg);
border: 2px solid #A6A4A4;
padding: 10px;
margin: -1px;
height: 248px;
-moz-box-shadow: 0px 0px 5px #A6A4A4;
-webkit-box-shadow: 0px 0px 5px #A6A4A4;
box-shadow: 0px 0px 5px#A6A4A4;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
#mes_contenus, #mes_onglets{
width: 99%;
border-radius: 10px;
}

</style><div id="mes_onglets">
<ul><li id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Accueil</li>
<li id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Staff</li>
<li id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Partenaires</li><div class="clear"><div id="mes_contenus"><div id="co_1" class="mon_contenu"><a href="http://www.servimg.com/image_preview.php?i=514&u=15372529" class="postlink" target="_blank" rel="nofollow"><img src="http://i47.servimg.com/u/f47/15/37/25/29/ban_ec12.jpg" border="0" alt="" /></a></div><div id="co_2" class="mon_contenu" style="display: none;"></div><div id="co_3" class="mon_contenu" style="display: none;"><div class="nom de la class des titres">Partenaires du forum<div>
    <table><tr><td>partenaire 1</td></tr></table>    <td>    <a href=" http://edenoftheeast.openu2.com/forum/"><img src="<a href="http://www.servimg.com/image_preview.php?i=515&u=15372529" class="postlink" target="_blank" rel="nofollow"><img src="http://i47.servimg.com/u/f47/15/37/25/29/boutom10.png" border="0" alt="" /></a>" /></a></td></div>
</div></div></ul></div></td></tr></table></center>

kimeko
**

Féminin
Messages : 72
Inscrit(e) le : 01/03/2011

http://edenoftheeast.openu2.com/
kimeko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage des partenaires

Message par kimeko le Mer 27 Juil 2011 - 13:23

ah non c'est bon j'ai réussi encore merci beaucoup de votre aide ^^
juste pour le css je doit le place ou svp ?

kimeko
**

Féminin
Messages : 72
Inscrit(e) le : 01/03/2011

http://edenoftheeast.openu2.com/
kimeko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Affichage des partenaires

Message par Invité le Mer 27 Juil 2011 - 15:20

Bonjour,

Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné.

Je vous invite à lire :

A bientôt sur ForumActif Smile
Pensez à utiliser le bouton :editer: à l'avenir Wink .

Pour la partie CSS, placez-la dans votre feuille de style: Panneau d'admin' > affichage > couleur > Feuille de style CSS, et validez. Vous pouvez aussi mettre votre CSS dans votre code, juste avant la balise </style>.

Cordialement.

Invité
Invité


Invité 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