Cherche le code HTML de ...
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Re: Cherche le code HTML de ...
C'est le message d'accueil
Re: Cherche le code HTML de ...
J'ai compris le truc !!
Bon tenez le code HTML que j'ai trouver en utilisant code source sur la page où se trouve ce que je cherche !
SVP qui peut m'aider ?
EDIT : /!\c'est pas le bon code/!\
Bon tenez le code HTML que j'ai trouver en utilisant code source sur la page où se trouve ce que je cherche !
- Code:
<div style="height:3px"></div><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"><tr><td class="row1" rowspan="3" align="center" valign="middle"><div class="gensmall"><div id="headerposition">
<p id="headerliensutiles" >
<a id="lien1" href="http://graph-style.forumn.biz/la-charte-infos-f1/reglement-du-forum-obligatoire-t1.htm"></a>
<a id="lien2" href="http://graph-style.forumn.biz/la-charte-infos-f1/guide-information-sur-le-forum-tres-important-t4619.htm"></a>
<a id="lien3" href="http://graph-style.forumn.biz/la-presentation-f3/fiche-de-presentation-t2.htm"></a>
<a id="lien4" href="http://graph-style.forumn.biz/examen-d-entree-profs-f8/passer-vos-examens-t5.htm"></a>
<a id="lien5" href="http://graph-style.forumn.biz/demandes-partenaires-f47/les-partenaires-de-graph-style-t139.htm"></a>
</p>
<p id="headerpsdmagazine">
<span><a href="http://psdmag.org/fr/magazine/1564-photomontage-ideal" title="Découvrez Psd.photoshop gratuitement !"><img src="http://nsa25.casimages.com/img/2011/02/13/110213035651938808.png" alt="Découvrez Psd.photoshop gratuitement !" /></a></span>
<br>Numéro 02.2011
Téléchargez le gratuitement
<a href="http://graph-style.forumn.biz/psd-magazine-photoshop-h1.htm">En savoir plus ?</a></p>
<p id="headerpresentationgs">
<img src="http://www.famfamfam.com/lab/icons/silk/icons/comment_edit.png" /> Graph Style est un forum de graphisme proposant une multitude de services. Vous pouvez passer commandes de toutes sortes de choses et la possibilité de faire une formation pour améliorer ou stabiliser votre niveau. Des ressources et de nombreux tutoriaux sont à votre disposition pour que vous progressiez à votre rythme. Pour animer le tout, nous vous proposons des jeux, des concours et du flood bien sûr !
<br>{<a href="http://graph-style.forumn.biz/la-charte-infos-f1/guide-information-sur-le-forum-tres-important-t4619.htm" title="Guide et Informations du Forum">Lire la suite</a>}
</p>
<p id="headerdernieresnews">
<strong>12/02/2011 :</strong> Nouveau thème du forum par Evange. {<a href="http://graph-style.forumn.biz/t26793-12-02-nouveau-theme#348813">Plus</a>}
<img src="http://nsm03.casimages.com/img/2010/06/05/1006050319251056326169120.png" alt="---------------" width="448px" height="3px" />
<strong>20/12/2010 :</strong> Nouvelles possibilités dans les commandes {<a href="http://graph-style.forumn.biz/t25752-20-12-plus-de-possibilites-dans-les-commandes#335804">Plus</a>}
<img src="http://nsm03.casimages.com/img/2010/06/05/1006050319251056326169120.png" alt="---------------" width="448px" height="3px" />
<strong>19/12/2010 :</strong> Nouveau thème du forum par Evange.<br>Anniversaire du forum (3 ans) {<a href="http://graph-style.forumn.biz/t25714-19-12-le-forum-a-3-ans#335374">Plus</a>}
<img src="http://nsm03.casimages.com/img/2010/06/05/1006050319251056326169120.png" alt="---------------" width="448px" height="3px" />
<strong>16/12/2010 :</strong> Mise en place des candidatures illustrateurs & correcteurs. {<a href="http://www.graph-style.biz/candidatures-f11/postes-disponibles-infos-et-formulaires-t21396.htm#276800">Plus</a>}
<img src="http://nsm03.casimages.com/img/2010/06/05/1006050319251056326169120.png" alt="---------------" width="448px" height="3px" />
<strong>31/10/2010 :</strong> Mise en place des cours collectifs. {<a href="http://graph-style.forumn.biz/t24895-31-10-on-vous-offre-toujours-plus#323891">Plus</a>}
<img src="http://nsm03.casimages.com/img/2010/06/05/1006050319251056326169120.png" alt="---------------" width="448px" height="3px" />
<strong>27/10/2010 :</strong> Nouveau thème du forum par Sayia. {<a href="http://graph-style.forumn.biz/t24783-27-10-nouveau-theme#322708">Plus</a>}
<img src="http://nsm03.casimages.com/img/2010/06/05/1006050319251056326169120.png" alt="---------------" width="448px" height="3px" />
<strong>15/10/2010 :</strong> L'équipe administrative d'agrandit avec Lynis et Yrch. {<a href="http://graph-style.forumn.biz/t24565-15-10-l-equipe-administrative-s-agrandit#320199">Plus</a>}
<img src="http://nsm03.casimages.com/img/2010/06/05/1006050319251056326169120.png" alt="---------------" width="448px" height="3px" />
<strong>29/09/2010 :</strong> Nouveau thème du forum par Amyris. {<a href="http://graph-style.forumn.biz/t24347-29-09-nouveau-theme#317668">Plus</a>}
<p id="headerdreamteam">
<a href="http://graph-style.forumn.biz/profile.forum?mode=viewprofile&u=1" title="Evange"><img src="http://a.imageshack.us/img375/7219/evange.png" alt="Evange" /></a>
<a href="http://graph-style.forumn.biz/profile.forum?mode=viewprofile&u=330" title="Kimi"><img src="http://img839.imageshack.us/img839/3865/kimi.png" alt="Kimi" /></a>
<a href="http://graph-style.forumn.biz/profile.forum?mode=viewprofile&u=1552" title="Aëlys"><img src="http://a.imageshack.us/img822/3075/aelys.png" alt="Aëlys" /></a>
<a href="http://graph-style.forumn.biz/profile.forum?mode=viewprofile&u=1502" title="Lynis"><img src="http://nsm03.casimages.com/img/2010/06/07/1006070523541056326182915.png" alt="Lynis" /></a>
<a href="http://www.graph-style.biz/profile.forum?mode=viewprofile&u=3042" title="Yrch"><img src="http://nsa19.casimages.com/img/2010/10/27/101027034326968568.png" alt="Yrch" /></a>
<a href="http://www.graph-style.biz/u885" title="H-ugo"><img src="http://nsa26.casimages.com/img/2011/03/08/110308091059407627.png" alt="H-ugo" /></a>
<a href="http://graph-style.forumn.biz/profile.forum?mode=viewprofile&u=1502" title="Lynis"><img src="http://nsm03.casimages.com/img/2010/06/07/1006070523541056326182915.png" alt="Lynis" /></a>
<a href="http://www.graph-style.biz/u2921" title="Tsukiyo"><img src="http://nsa26.casimages.com/img/2011/03/01/110301050238874272.png" alt="Tsukiyo" /></a>
<a href="http://www.graph-style.biz/profile.forum?mode=viewprofile&u=1875" title="Antrox*"><img src="http://nsa20.casimages.com/img/2010/09/21/100921085622881988.png" alt="Antrox*" /></a>
<a href="http://www.graph-style.biz/u2088-grob" title="Grob'"><img src="http://nsa20.casimages.com/img/2010/12/16/101216075237265937.png" alt="Grob'*" /></a>
</p>
<p id="headerlacremedunet">
<br>
</p>
<p id="headergraphhebdo">
<img src="http://halieut.roazhon.inra.fr/istam/PICS/icone_journal.png" style="float: right;" />
Graph Style est fier de vous présenter en grande exclusivité le magnifique, merveilleux, prestigieux, extraordinaire (et surtout tellement modeste) journal du forum : Graph Hebdo ! *clap clap* <span>{<a href="http://graph-hebdo.xana.fr" title="Lien vers Graph-Hebdo">Lire le journal</a>}</span></p>
<p id="headerrecompenses">
<a href="http://damn-time.forumactif.com/index.htm" title="Forum de Violine : Damn Time"><img src="http://img207.imageshack.us/img207/7639/13148383.png" alt="Damn Time" /><br><br>
<a href="http://power-manga.forumactif.com/forum.htm" title="Forum d'Asuka : Power Manga"><img src="http://s2.noelshack.com/old/up/101129113312670756-0331cf5e83.png" alt="Power Manga" /></a>
</p>
</div>
SVP qui peut m'aider ?
EDIT : /!\c'est pas le bon code/!\
Dernière édition par Melisa25 le Dim 20 Mar 2011 - 16:43, édité 1 fois
Re: Cherche le code HTML de ...
124 Vues mais aucun messages
Re: Cherche le code HTML de ...
Bonjour, avez-vous demandé à l'administrateur comment il a fait cet effet ?
Vous a t-il autorisé à publier son code source ?
Vous a t-il autorisé à publier son code source ?
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: Cherche le code HTML de ...
Oui j'ai demandé mais elle m'a dit qu'elle en sait pas mais que si elle trouve elle me le dirait ! Y'a un instant elle vient de me dire qu'elle n'a rien trouver en faite elle avait trouvé toutes les informations sur un forum css actif quelques choses comme ça qui à fermer
Re: Cherche le code HTML de ...
C'est ce code que j'ai trouvé dans source de page :
- Code:
<table>
<td rowspan="5" width="430">
<div class="systeme_onglets">
<div class="contenu_onglets">
<div class="contenu_onglet" id="contenu_onglet_1">
CONTENUE ONGLET 1
</div>
<div class="contenu_onglet" id="contenu_onglet_2">
CONTENUE ONGLET 2
</div>
<div class="contenu_onglet" id="contenu_onglet_3">
CONTENU ONGLET 3
</div>
</div>
</div>
</td>
<td width="170" align="center" valign="top"><img src="URL IMAGE" /></td>
</tr>
<tr>
<div class="onglets">
<td id="news" align="center" height="40"><span class="onglet_1 onglet" id="onglet_1" onmouseover="javascript:change_onglet('1');">
NOM DE LONGLET</span></td>
</div>
</tr>
<tr>
<div class="onglets">
<td id="staff" align="center" height="40"><span class="onglet_0 onglet" id="onglet_2" onmouseover="javascript:change_onglet('2');">
NOM DE LONGLET</span></td>
</div>
</tr>
<tr>
<div class="onglets">
<td id="credits" align="center" height="40"><span class="onglet_0 onglet" id="onglet_3" onmouseover="javascript:change_onglet('3');">
NOM DE LONGLET</span></td>
</div>
</tr>
<tr>
<td align="center" valign="bottom"><img src="URL IMAGE" /></td>
</tr>
</table>
<script type="text/javascript">
//<!--
var anc_onglet = '1';
change_onglet(anc_onglet);
//-->
</script>
</table>
Re: Cherche le code HTML de ...
Avez-vous la fonction change_onglet dans votre forum ?
Suivez les indications ICI, cela vous aidera sans doute.
Suivez les indications ICI, cela vous aidera sans doute.
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: Cherche le code HTML de ...
Service @++
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: Cherche le code HTML de ...
C'est pas ça ...
Mais bon je laisse tomber !
Juste une dernière question est-ce que ça
http://shared-development.clanteam.com/onglets.php
on peut l'utiliser pour Le message accueil ?
Mais bon je laisse tomber !
Juste une dernière question est-ce que ça
http://shared-development.clanteam.com/onglets.php
on peut l'utiliser pour Le message accueil ?
Re: Cherche le code HTML de ...
Comment en fait pour que les onglets sont sur le côté en vertical et qu'on en survol un onglet c'est juste le panneau qui change et qu'on en passe la souris sur le panneau rien ne se passe !
C'est compliquer d'expliquer alors tenez l'adresse du forum http://100pour100filles.actifforum.com/
C'est compliquer d'expliquer alors tenez l'adresse du forum http://100pour100filles.actifforum.com/
Re: Cherche le code HTML de ...
Tu donnes la réponse ici en disant que tu peux aider la personne, mais tu ne sais pas te servir du code ? Bizarre enfin bon.
Sache que le code utilisé sur le forum exemple est le même que dans les tutos d'Isolde que tu as envoyé, donc tu peux reprendre l'exemple, après il suffit de mettre les onglets dans un tableau de trois lignes.
Tu saurais faire ça ?
As-tu déjà essayé, dans un premier temps, de créer des onglets, avec les codes donnés par Isolde (qui pullulent, je dois dire, sur ce forum) ?
Sache que le code utilisé sur le forum exemple est le même que dans les tutos d'Isolde que tu as envoyé, donc tu peux reprendre l'exemple, après il suffit de mettre les onglets dans un tableau de trois lignes.
Tu saurais faire ça ?
As-tu déjà essayé, dans un premier temps, de créer des onglets, avec les codes donnés par Isolde (qui pullulent, je dois dire, sur ce forum) ?
Re: Cherche le code HTML de ...
C'est normal on ne cherche pas la même chose .
Mais je vois pas comment je ferais avec les codes données par Isolde
Mais je vois pas comment je ferais avec les codes données par Isolde
Re: Cherche le code HTML de ...
Bonjour,
Ça fonctionne vraiment avec le même code? C'est là que je vois que j'ai tout à apprendre parce que j'y arrive pas! J'ai obtenu un truc approchant en utilisant en effet un tableau, mais en bidouillant le script et le CSS ...
Le code à placer dans le message d'accueil:
La partie CSS:
J'ai vu au plus simple en personnalisation, car ce n'est qu'une ébauche ... un essai qui doit comporter de grosses fautes. Ça fonctionne mais c'est à améliorer...
Cordialement.
Ça fonctionne vraiment avec le même code? C'est là que je vois que j'ai tout à apprendre parce que j'y arrive pas! J'ai obtenu un truc approchant en utilisant en effet un tableau, mais en bidouillant le script et le CSS ...
Le code à placer dans le message d'accueil:
- Code:
<script> function changeOnglet(_this){
var getOnglets = document.getElementById('mes_onglets').getElementsByTagName('div');
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><table><tr><td><div id="mes_onglets">
<div id="o_1" class="mon_onglet_selected" onmouseover="changeOnglet(this);">Onglet 1</div><br />
<div id="o_2" class="mon_onglet" onmouseover="changeOnglet(this);">Onglet 2</div><br />
<div id="o_3" class="mon_onglet" onmouseover="changeOnglet(this);">Onglet 3</div><br />
<div id="o_4" class="mon_onglet" onmouseover="changeOnglet(this);">Onglet 4</div></td><td>
<div class="clear"><div id="mes_contenus">
<div id="co_1" class="mon_contenu">Mon contenu 1</div>
<div id="co_2" class="mon_contenu" style="display: none;">Mon contenu 2</div>
<div id="co_3" class="mon_contenu" style="display: none;">Mon contenu 3</div>
<div id="co_4" class="mon_contenu" style="display: none;">Mon contenu 4</div>
</div></div></div></td></tr></table>
La partie CSS:
- Code:
.mon_onglet{
padding: 2px;
margin: 5px;
color: #000;
background: #ffffff;
border: 1px solid #ff0000;
}
.mon_onglet:hover{
background: #b8efa1;
}
.mon_onglet_selected{
padding: 2px;
margin: 5px;
color: #000;
background: #ffffff;
border: 1px solid #ff0000;
}
.clear{
clear: both;
}
.mon_contenu{
color: #000;
background: #ffffff;
border: 1px solid #ff0000;
padding: 10px;
height: 120px;}
#mes_contenus, #mes_onglets{
height: 100%;
width:100%;}
J'ai vu au plus simple en personnalisation, car ce n'est qu'une ébauche ... un essai qui doit comporter de grosses fautes. Ça fonctionne mais c'est à améliorer...
Cordialement.
Invité- Invité
Re: Cherche le code HTML de ...
Melisa25 a écrit:Bonjour,
je cherche le code HTML de ceci :
En faite, quand on passe la souris sur News ou Staff ou Crédits des images ou des textes apparaissent au centre (où il y a News). Le cadre tout en haut, et dernier Sujets.
Si vous pouvez m'aider même si vous savez que le code d'une seule des parties !
Melisa25 a écrit:C'est pas ça ...
Mais bon je laisse tomber !
Juste une dernière question est-ce que ça
http://shared-development.clanteam.com/onglets.php
on peut l'utiliser pour Le message accueil ?
Melisa25 a écrit:Comment en fait pour que les onglets sont sur le côté en vertical et qu'on en survol un onglet c'est juste le panneau qui change et qu'on en passe la souris sur le panneau rien ne se passe !
C'est compliquer d'expliquer alors tenez l'adresse du forum http://100pour100filles.actifforum.com/
Tu parles d'onglets à ce que je comprends ...
Melisa25 a écrit:C'est normal on ne cherche pas la même chose .
Mais je vois pas comment je ferais avec les codes données par Isolde
... donc si techniquement c'est la même chose.
On peut créer une Page d'Accueil à onglet, enfin il faudrait que tu nous dises ce que tu veux exactement, parce que je ne suis pas du genre à lâcher le code d'un forum exemple comme ça, même si techniquement je suis apte à le faire. Je préfère faire les PA sur commandes, mais qui restent personnels. Pas de copie de PA.
Alors, explique ce que tu veux exactement.
Ah Isolde j'avais pas vu ta réponse.
En parlant de même code, c'est une façon de parler pour dire qu'elle peut arriver au même résultat que le forum exemple en passant par les codes onglets dans tes tutos.
Re: Cherche le code HTML de ...
Merci Isolde !!
Lixyr Yrna, je vais essayer de faire quelque chose avec les codes de Isolde mais si j'y arrive pas je verrais bien !
Merci comme même ...
Sujet Résolu
Lixyr Yrna, je vais essayer de faire quelque chose avec les codes de Isolde mais si j'y arrive pas je verrais bien !
Merci comme même ...
Sujet Résolu
Re: Cherche le code HTML de ...
Isolde comment en met les onglet de l'autre côté ?
Re: Cherche le code HTML de ...
Je suppose qu'on change les onglets de cotés en inversant les cellules du tableau. Donc en mettant le code ci dessous a la fin et non au début:
Cordialement.
- Code:
<td><div id="mes_onglets">
<div id="o_1" class="mon_onglet_selected" onmouseover="changeOnglet(this);">Onglet 1</div>
<div id="o_2" class="mon_onglet" onmouseover="changeOnglet(this);">Onglet 2</div>
<div id="o_3" class="mon_onglet" onmouseover="changeOnglet(this);">Onglet 3</div>
<div id="o_4" class="mon_onglet" onmouseover="changeOnglet(this);">Onglet 4</div></td>
Cordialement.
Invité- Invité
Re: Cherche le code HTML de ...
Pourquoi les onglet ne sont en colonnes c'est ça qui me dérange sinon le contenu il me va
Re: Cherche le code HTML de ...
C'est parce que les "<br />" ont sauté quand j'ia édité mon messages ... mettez un <br /> après chaque </div> .
Cordialement.
Cordialement.
Invité- Invité
Re: Cherche le code HTML de ...
Sa marche pas
Sujets similaires
» Récupérer un code HTML dans une page de code source HTML
» Cherche un code
» Mon code HTML ne veut pas fonctionner sur mon gestionnaire de pages HTML
» Code HTML dans l'éditeur HTML mais il ne marche pas.
» Invision - Cherche code pour le mot : Archives
» Cherche un code
» Mon code HTML ne veut pas fonctionner sur mon gestionnaire de pages HTML
» Code HTML dans l'éditeur HTML mais il ne marche pas.
» Invision - Cherche code pour le mot : Archives
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum