Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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
avatar

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.
avatar

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
avatar

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>
avatar

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 ?
avatar

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.
avatar

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