Annonce et tableau à onglets Bouton_activeAnnonce et tableau à onglets Bouton_hoverAnnonce et tableau à onglets Fb-hoverAnnonce et tableau à onglets Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Annonce et tableau à onglets EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Annonce et tableau à onglets EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Annonce et tableau à onglets EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Annonce et tableau à onglets EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Annonce et tableau à onglets EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Annonce et tableau à onglets EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Annonce et tableau à onglets EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Annonce et tableau à onglets EmptySam 11 Fév 2023, 06:04 par Krager

-38%
Le deal à ne pas rater :
Ecran PC gaming 23,8″ – ACER KG241Y P3bip à 99,99€
99.99 € 159.99 €
Voir le deal

Partagez
 

Annonce et tableau à onglets

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://onverraplustardladressexd.com/
Kanami-Kawaii
Kanami-Kawaii
{ Membre }
{ Membre }

Féminin Messages : 87



Annonce et tableau à onglets Empty
Bonjour bonjour pour les matinaux ! Razz


Voilà, alors je voulais savoir si il était possible de déplacer le bloc Annonce du forum (celui qui sert à donner les nouvelles du forum etc, pas les sujets d'annonces).

Car l'annonce se place sur la page d'accueil, en dessous de la barre de navigation comme ceci : https://i.servimg.com/u/f64/14/64/81/47/annonc10.jpg

Et ce que j'aimerais savoir, c'est si il est possible de déplacer l'annonce entre la PA et la première catégorie, restante sur toutes les pages en plus de la page d'accueil, comme sur ce schéma de mon forum : https://i.servimg.com/u/f64/14/64/81/47/annonc11.jpg


Faut-il faire une modification de template ? Surement oui, mais je ne sais pas trop quel genre de modif' il faut faire.


Mettons-nous maintenant au cas du "Malheureusement, il est impossible de faire cela" ... Bon, c'est pas grave, je vais pas en mourir hein Rolling Eyes

Donc j'ai une autre question : j'ai trouvé comme modifié le background de mon annonce. Par contre, comment peut-on supprimé le cadre autour de l'annonce comme sur le premier screen ? Si on ne peut l'enlever, peut-on en changer sa couleur ?
J'ai tenté de faire border: none ou un truc du genre (comme aussi border: taille, type et couleur) mais ça ne marche pas, et crée un cadre à l'intérieur du cadre de l'annonce (et c'est pas l'effet recherché ^^")


Et enfin, question pas très importante mais je la pose quand même : est-il possible de mettre un tableau à onglet dans un message sur un forum au lieu de la PA ? Car j'ai beau essayer, ça ne marche pas, le tableau n'est pas affiché, juste l'image des onglets (qui ne s'ouvrent pas d'ailleurs). Alors je me demandais si c'était possible. (en clair, voilà ce que ça me fait dans un message sur mon fofo test : https://i.servimg.com/u/f64/14/64/81/47/screen14.jpg).

Code du tableau :

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Un système d'onglet en javascript</title>
    <script type="text/javascript">
        //<!--
                function change_onglet(name)
                {
                        document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
                        document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
                        document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                        document.getElementById('contenu_onglet_'+name).style.display = 'block';
                        anc_onglet = name;
                }
        //-->
        </script>
</head>
<body>
        <div class="systeme_onglets">
        <div class="onglets">
<span class="onglet_0 onglet" id="onglet_accueil" onclick="javascript:change_onglet('accueil');">Accueil</span>
            <span class="onglet_0 onglet" id="onglet_contexte" onclick="javascript:change_onglet('contexte');">Contexte</span>
            <span class="onglet_0 onglet" id="onglet_postes_vacants" onclick="javascript:change_onglet('postes_vacants');">Postes vacants</span>
            <span class="onglet_0 onglet" id="onglet_staff" onclick="javascript:change_onglet('staff');">Staff</span>
        </div>
        <div class="contenu_onglets">
            <div class="contenu_onglet" id="contenu_onglet_accueil">
<table><tr colspan="2"><td>Menu~</td><td>Partenaires</td></tr>
<tr><td>Bienvenue.</td></tr></table>
            </div>
            <div class="contenu_onglet" id="contenu_onglet_contexte">
                <table><tr><td>Contexte</td><td>Légers règlements concernant le contexte</td></tr></table>
            </div>
            <div class="contenu_onglet" id="contenu_onglet_postes_vacants">
ndijokocko
            </div>
            <div class="contenu_onglet" id="contenu_onglet_staff">
contenuuuuuuuuu
            </div>
        </div>
    </div>
    <script type="text/javascript">
        //<!--
                var anc_onglet = 'accueil';
                change_onglet(anc_onglet);
        //-->
        </script>
</body>
</html>

Et puis je viens de me souvenirs d'un truc... (dernier c'est promis T_T) Comment fait-on pour que quand on passe la souris sur l'onglet il s'ouvre sans qu'on est besoin de cliquer ? Car j'ai vu sur beaucoup de forum que c'est possible mais je ne trouve pas comment faire malgré quelques recherches ><

J'ai beaucoup de questions, désolé... Mais c'est les dernières que j'ai à poser =)


Merci beaucoup d'avances pour vos réponses ! Very Happy
MessageSujet: Annonce et tableau à onglets   Annonce et tableau à onglets EmptyMar 22 Juin 2010, 01:13
Revenir en haut Aller en bas
http://www.illusionimaginative.net/
.Little Lady
.Little Lady
{ Membre actif }
{ Membre actif }

Féminin Messages : 564



Annonce et tableau à onglets Empty
Bonjour,

Je ne peux répondre qu'à ta dernière question. Pour cela, il faut que tu remplaces tous les onclick par onmouseover.

.Little C
MessageSujet: Re: Annonce et tableau à onglets   Annonce et tableau à onglets EmptyMar 22 Juin 2010, 06:37
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Annonce et tableau à onglets Empty
    (Beuuuuuuuhhhhhhhh la pas douée qui clique sur la croix quand y faut pas... C'est reparti pour tout réexpliquer... T-T)

    Tout d'abord bonjour,

    Pour ton 1er problème, il te faut trouver ce code dans ton template overall_header_new :

    Code:
                <!-- BEGIN switch_ticker -->
                <div align="center"><div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
                   <table width="30%" border="0" cellspacing="1" cellpadding="0" class="forumline">
                      <tr>
                         <td {CLASS_TABLE_TYPE} align="left" class="row1">
                            <div id="fa_ticker_container">
                               <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                                  <div class="fa_ticker_content">
                                     <!-- BEGIN ticker_row -->
                                     <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                     <!-- END ticker_row -->
                                  </div>
                               </div>
                            </div>
                         </td>
                      </tr>
                   </table>
                </div>
             </div>
                <!-- END switch_ticker -->

    Copie-le sur le bloc-note histoire de pas le perdre, efface-le de ton template overall_header_new, enregistre, publie. Rend-toi dans ton template index_body, trouve ce code-là :

    Code:
    <!-- BEGIN message_admin_index -->
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <!-- BEGIN message_admin_titre -->
      <tr>
          <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
      </tr>
      <!-- END message_admin_titre -->
      <!-- BEGIN message_admin_txt -->
      <tr>
          <td class="row1" rowspan="3" align="center" valign="middle">
          <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
          </td>
      </tr>
      <!-- END message_admin_txt -->
    </table>
    <!-- END message_admin_index -->

    Et colle le code que tu as gardé dans ton bloc-note, juste après. Enregistre, publie.


    Pour qu'il n'y ait pas de bordure à ton annonce, il faut qu'il n'y ait pas de "border" dans la class "forumline". Par défaut dans le template, il n'y a pas de bordure.


    Et pour que le tableau fonctionne dans un message, il faut l'introduire dans une iframe. Copie/colle le code de ton tableau dans une page HTML de ton forum, lorsqu'elle est créée copies-en l'adresse dans ce code-là, que tu insères dans ton message :

    Code:
    <iframe src="adresse de la page html" frameborder="0" width="480" height="600" scrolling="no" overflow="visible"></iframe>

    Sache qu'il faut également introduire ton code CSS dans ta page html, pour que ça fonctionne.


    Voilà, en espérant avoir répondu à tes questions ^^
MessageSujet: Re: Annonce et tableau à onglets   Annonce et tableau à onglets EmptyMar 22 Juin 2010, 08:29
Revenir en haut Aller en bas
http://onverraplustardladressexd.com/
Kanami-Kawaii
Kanami-Kawaii
{ Membre }
{ Membre }

Féminin Messages : 87



Annonce et tableau à onglets Empty
Oua rapide OwO"


Merci beaucoup Little Lady et Kaiji, c'est parfaitement ce que je voulais savoir sur tout ça. L'annonce est là où je voulais qu'elle soit, les onglet s'ouvre au survol, le tableau entre tranquillement dans le message et les bordures de l'annonces ne sont plus là.

C'est bon, vous pouvez classer =)
MessageSujet: Re: Annonce et tableau à onglets   Annonce et tableau à onglets EmptyMar 22 Juin 2010, 16:56
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Annonce et tableau à onglets Empty
    De rien ^^ Je classe !
MessageSujet: Re: Annonce et tableau à onglets   Annonce et tableau à onglets EmptyMar 22 Juin 2010, 18:05
Revenir en haut Aller en bas
Contenu sponsorisé




Annonce et tableau à onglets Empty
MessageSujet: Re: Annonce et tableau à onglets   Annonce et tableau à onglets Empty
Revenir en haut Aller en bas
 

Annonce et tableau à onglets

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Inclusion d'un header et d'un tableau à onglets dans le premier onglet d'une navigation à onglets
» Tableau
» Tableau
» Tableau
» Mon tableau.

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit