Annonce

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

Résolu Annonce

Message par FrenChHeaLeR le Lun 11 Avr 2011 - 12:48

Bonjour à tous,

J'aimerais savoir comment faire pour avoir ce genre d'annonce :

http://www.school-of-pub.net/

(Avec les 4 menus cliquables)

Pouvez-vous m'aider ?

Amicalement,
Bonne journée à vous !

FrenChHeaLeR
***

Masculin
Messages : 113
Inscrit(e) le : 26/01/2011

http://lastchaosfr-wiki.web-rpg.com
FrenChHeaLeR a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Annonce

Message par ewanmcgregor le Lun 11 Avr 2011 - 12:52

comme on peut le voir, ceci est un script utilisé que l'on met dans un message sur le forum
spoiler:
<html>
<head>
<title>SoP est sur twitter</title>
</head>

<body>
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 2,
interval: 6000,
width: 'auto',
height: 50,
theme: {
shell: {
background: '#A67F5B',
color: '#4F2C18'
},
tweets: {
background: '#FFF5C3',
color: '#4F2C18',
links: '#4D7F33'
}
},
features: {
scrollbar: false,
loop: false,
live: false,
hashtags: false,
timestamp: true,
avatars: false,
behavior: 'all'
}
}).render().setUser('School_Of_Pub').start();
</script>


</body>
</html>

ewanmcgregor
****

Masculin
Messages : 376
Inscrit(e) le : 04/01/2011

http://federationjedi.pro-forums.fr
ewanmcgregor a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Annonce

Message par FrenChHeaLeR le Lun 11 Avr 2011 - 13:41

Bonjour,

Merci, mais vous m'avez donnez un code qui permet d'afficher uniquement la première partie, et non pas de créer plusieurs "menus".

Amicalement.

FrenChHeaLeR
***

Masculin
Messages : 113
Inscrit(e) le : 26/01/2011

http://lastchaosfr-wiki.web-rpg.com
FrenChHeaLeR a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Annonce

Message par Invité le Lun 11 Avr 2011 - 14:00

Bonjour,

Le forum que vous donnez en exemple propose un tutoriel pour réaliser ce genre de message d'accueil (cf ici ).
J'ai proposé une autre façon de faire dans ce sujet: cadre dans la présentation .

Cordialement.

Invité
Invité


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

Résolu Re: Annonce

Message par FrenChHeaLeR le Lun 11 Avr 2011 - 14:21

Re,

J'ai suivi votre tutoriel, j'ai bien "Onglet 1,2,3,4",... Mais quand je vais sur "Onglet 2", rien ne se passe :/

FrenChHeaLeR
***

Masculin
Messages : 113
Inscrit(e) le : 26/01/2011

http://lastchaosfr-wiki.web-rpg.com
FrenChHeaLeR a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Annonce

Message par ewanmcgregor le Lun 11 Avr 2011 - 14:21

Avez vous correctement mis l'adresse de redirectiopn?

ewanmcgregor
****

Masculin
Messages : 376
Inscrit(e) le : 04/01/2011

http://federationjedi.pro-forums.fr
ewanmcgregor a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Annonce

Message par FrenChHeaLeR le Lun 11 Avr 2011 - 14:27

Le code CSS, où le met-on ?

FrenChHeaLeR
***

Masculin
Messages : 113
Inscrit(e) le : 26/01/2011

http://lastchaosfr-wiki.web-rpg.com
FrenChHeaLeR a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Annonce

Message par Invité le Lun 11 Avr 2011 - 14:32

Le code CSS peut se placer de 2 manières:
1.dans votre panneau d'admin' > affichage > couleurs - feuille de style CSS
ou
2. directement dans le message d'accueil de cette façon: <style> le CSS</style>

Cordialement.

Invité
Invité


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

Résolu Re: Annonce

Message par FrenChHeaLeR le Lun 11 Avr 2011 - 14:35

Alors,

Quand je passes sur les onglets, ça devient vert, mais rien ne bouge :/

Merci de m'aider Wink

FrenChHeaLeR
***

Masculin
Messages : 113
Inscrit(e) le : 26/01/2011

http://lastchaosfr-wiki.web-rpg.com
FrenChHeaLeR a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Annonce

Message par ewanmcgregor le Lun 11 Avr 2011 - 14:38

Ca marche très bien quand je clique dessus

ewanmcgregor
****

Masculin
Messages : 376
Inscrit(e) le : 04/01/2011

http://federationjedi.pro-forums.fr
ewanmcgregor a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Annonce

Message par Invité le Lun 11 Avr 2011 - 14:44

Pas d'inquiétude, on va y arriver Wink .

Premièrement, pourriez-vous me donner le lien du forum ou vous avez installer le code, s'il vous plait?
Puis dans un second temps, pourriez-vous me donner le contenu de votre message d'accueil?

Cordialement.

Invité
Invité


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

Résolu Re: Annonce

Message par FrenChHeaLeR le Lun 11 Avr 2011 - 15:00

http://test-forum-html.bbactif.com/

Code:
<script src="http://test-forum-html.bbactif.com/h1-test"></script><table><tr><td class="liste_onglets"><div id="mes_onglets">
    <span id="o_1" class="mon_onglet_selected" onclick="changeOnglet(this);">Onglet 1</span>
        <span id="o_2" class="mon_onglet" onclick="changeOnglet(this);">Onglet 2</span>
        <span id="o_3" class="mon_onglet" onclick="changeOnglet(this);">Onglet 3</span>
        <span id="o_4" class="mon_onglet" onclick="changeOnglet(this);">Onglet 4</span></td></tr>
<tr><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>

Merci Smile

FrenChHeaLeR
***

Masculin
Messages : 113
Inscrit(e) le : 26/01/2011

http://lastchaosfr-wiki.web-rpg.com
FrenChHeaLeR a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Annonce

Message par Invité le Lun 11 Avr 2011 - 15:04

Tout fonctionne bien, vos onglets changent au clic, Si vous souhaitez les changer au survol (juste en passant la souris dessus) votre message d'accueil doit être celui ci:
Code:
    <script src="http://test-forum-html.bbactif.com/h1-test"></script><table><tr><td class="liste_onglets"><div id="mes_onglets">
        <span id="o_1" class="mon_onglet_selected" onmouseover="changeOnglet(this);">Onglet 1</span>
            <span id="o_2" class="mon_onglet" onmouseover="changeOnglet(this);">Onglet 2</span>
            <span id="o_3" class="mon_onglet" onmouseover="changeOnglet(this);">Onglet 3</span>
            <span id="o_4" class="mon_onglet" onmouseover="changeOnglet(this);">Onglet 4</span></td></tr>
    <tr><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>

Cordialement.

Invité
Invité


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

Résolu Re: Annonce

Message par FrenChHeaLeR le Lun 11 Avr 2011 - 15:15

Merci beaucoup, ça marche !

PS : Je ne mets pas résolu, au cas où j'ai d'autres questions.

FrenChHeaLeR
***

Masculin
Messages : 113
Inscrit(e) le : 26/01/2011

http://lastchaosfr-wiki.web-rpg.com
FrenChHeaLeR a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Annonce

Message par Ea le Ven 15 Avr 2011 - 6:44

Bonjour,


Et bien au cas où vous avez d'autre questions ouvrez un sujet avec un lien vers celui-ci Wink

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23429
Inscrit(e) le : 04/04/2008

Ea 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