Bannière plus grande que le forum. Bouton_activeBannière plus grande que le forum. Bouton_hoverBannière plus grande que le forum. Fb-hoverBannière plus grande que le forum. 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
Bannière plus grande que le forum. EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Bannière plus grande que le forum. EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Bannière plus grande que le forum. EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Bannière plus grande que le forum. EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Bannière plus grande que le forum. EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Bannière plus grande que le forum. EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Bannière plus grande que le forum. EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Bannière plus grande que le forum. EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -38%
Ecran PC gaming 23,8″ – ACER KG241Y P3bip ...
Voir le deal
99.99 €

Partagez
 

Bannière plus grande que le forum.

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://gintama.forumactif.com/
Gintoki
{ Membre }
{ Membre }

Masculin Messages : 128



Bannière plus grande que le forum. Empty
Bonjour bonjour! Voilà, je me baladais et par le plus grand des hasard je suis tombé sur ce forum qui possédait une bannière bien plus large que la largeur de son forum.

Ici /!\ l'image est grande @_@



Spoiler:


Lorsque j'essaye de mettre une bannière plus grande: le forum grandit avec. Comment faire pour que la taille de la bannière puisse être plus grande?

Merci de votre attention Wink


Dernière édition par Gintoki le Lun 24 Mai 2010, 07:16, édité 1 fois
MessageSujet: Bannière plus grande que le forum.   Bannière plus grande que le forum. EmptyLun 17 Mai 2010, 16:49
Revenir en haut Aller en bas
♦ Lady of Spade
♦ Lady of Spade
{ Membre }
{ Membre }

Féminin Messages : 217



Bannière plus grande que le forum. Empty
C'est très simple, il s'agit d'une "ruse" graphique qui n'a rien avoir avec le CSS ou le HTML.
La bannière à tout simplement été incrustée dans l'image de fond, un wallpaper 2 en 1 si tu veux Wink. Si tu essaie de de faire clic droit et afficher l'image de fond, tu verras que les deux sont indissociables.
MessageSujet: Re: Bannière plus grande que le forum.   Bannière plus grande que le forum. EmptyLun 17 Mai 2010, 16:56
Revenir en haut Aller en bas
http://gintama.forumactif.com/
Gintoki
{ Membre }
{ Membre }

Masculin Messages : 128



Bannière plus grande que le forum. Empty
Merci!
ça fait du bien d'avoir une réponse aussi rapidement Wink

Je sais qu'il y a possibilité de mettre la bannière en background mais dans ce forum c'est différent =O
C'est belle et bien la bannière qui est plus grande que le forum.
Je pense qu'il faut que je donne le lien pour le montrer car sinon on aura pas vraiment idée de ce que je veux dire:
Spoiler:

Merci pour votre attention Wink
MessageSujet: Re: Bannière plus grande que le forum.   Bannière plus grande que le forum. EmptyLun 17 Mai 2010, 17:00
Revenir en haut Aller en bas
http://ensomnia.co.nr
Sui
Sui
{ Membre actif }
{ Membre actif }

Féminin Messages : 346



Bannière plus grande que le forum. Empty
En fait, c'est seulement un code css. Tu dois aller dans "gestion des images" ensuite, mettre une bannière transparente.

Ensuite, tu créé ta bannière à la résolution de ton écran d'ordinateur, mais seulement la largeur de ton écran pas la longueur. (:

Puis, tu places tout ça dans un code.
Code:
body {
background-repeat: no-repeat;
background-attachment: fixed;
background-color: #000000;
background-position: center;
}
MessageSujet: Re: Bannière plus grande que le forum.   Bannière plus grande que le forum. EmptyLun 17 Mai 2010, 20:51
Revenir en haut Aller en bas
http://gintama.forumactif.com/
Gintoki
{ Membre }
{ Membre }

Masculin Messages : 128



Bannière plus grande que le forum. Empty
Merci pour la réponse rapide Wink,

mais c'est pour un background ça, non?

Je veux vraiment que ça puisse être une bannière. =O

Et pas l'astuce du background Wink
MessageSujet: Re: Bannière plus grande que le forum.   Bannière plus grande que le forum. EmptyMar 18 Mai 2010, 14:47
Revenir en haut Aller en bas
♦ Lady of Spade
♦ Lady of Spade
{ Membre }
{ Membre }

Féminin Messages : 217



Bannière plus grande que le forum. Empty
Ce sera une bannière puisque tu auras mis ton image de background à partir de là où sont gérées les images de ton thème (affichage > gestion des images)
Smile
MessageSujet: Re: Bannière plus grande que le forum.   Bannière plus grande que le forum. EmptyMar 18 Mai 2010, 17:27
Revenir en haut Aller en bas
http://zonescript.forumactif.fr
VPeybernes
{ Membre actif }
{ Membre actif }

Masculin Messages : 563



Bannière plus grande que le forum. Empty
Bonsoir.

Il y à deux solution :
- En CSS, mettre le positionnement de la bannière en absolu et redescendre tout le corp du forum de la hauteur de la bannière.
- En HTML, sortir la bannière du corps du forum pour la mettre au dessus, dans le template overall_header_new.

Personnellement je préfère la seconde méthode. Elle agis sur la structure même du forum, ce qui évite les conflits.
MessageSujet: Re: Bannière plus grande que le forum.   Bannière plus grande que le forum. EmptyMar 18 Mai 2010, 17:32
Revenir en haut Aller en bas
http://gintama.forumactif.com/
Gintoki
{ Membre }
{ Membre }

Masculin Messages : 128



Bannière plus grande que le forum. Empty
Merci encore pour ces réponses ^^

La deuxième me plairait mieux aussi mais j'avoue ne pas vraiment comprendre @_@
Je vois où est le template pas de problèmes mais je ne vois pas comment je dois m'y prendre.
En fait c'est carrément pour la partie de la phrase "sortir la bannière du corps du forum" que je suis dépassé (c'est à dire une grande partie xD)

Oserais-je abuser de votre gentillesse? ^^
MessageSujet: Re: Bannière plus grande que le forum.   Bannière plus grande que le forum. EmptyMar 18 Mai 2010, 19:59
Revenir en haut Aller en bas
http://zonescript.forumactif.fr
VPeybernes
{ Membre actif }
{ Membre actif }

Masculin Messages : 563



Bannière plus grande que le forum. Empty
En fournissant le contenue du template overall_header_new...
MessageSujet: Re: Bannière plus grande que le forum.   Bannière plus grande que le forum. EmptyMar 18 Mai 2010, 21:09
Revenir en haut Aller en bas
http://gintama.forumactif.com/
Gintoki
{ Membre }
{ Membre }

Masculin Messages : 128



Bannière plus grande que le forum. Empty
Non ne vous inquiétez pas, c'est juste en m'expliquant un peu plus la marche à suivre. J'aimerais comprendre ce que je fais, voilà tout. ^^
Je ne voudrais pas faire du copié et collé. =3 Après tout, les demandes sont fermées.

En tout cas merci de votre aide. Je sais au moins où ça se passe XD
Et pour moi: c'est déjà énorme. ^^
MessageSujet: Re: Bannière plus grande que le forum.   Bannière plus grande que le forum. EmptyMer 19 Mai 2010, 02:41
Revenir en haut Aller en bas
http://zonescript.forumactif.fr
VPeybernes
{ Membre actif }
{ Membre actif }

Masculin Messages : 563



Bannière plus grande que le forum. Empty
Oui mais je vais quand même avoir besoin du template pour t'expliquer. Car vu ce que tu nous dis de ton niveau. Si je te dit de retrouver la fonction de génération de la bannière, et de la sortir du tableau de corps du forum pour la mettre au dessus, je suis pas sûr que tu y arrive tout seul.

Il faut donc que je te montre.
MessageSujet: Re: Bannière plus grande que le forum.   Bannière plus grande que le forum. EmptyMer 19 Mai 2010, 09:17
Revenir en haut Aller en bas
http://gintama.forumactif.com/
Gintoki
{ Membre }
{ Membre }

Masculin Messages : 128



Bannière plus grande que le forum. Empty
@_@ J'avoue... Je suis désolé de vous donner tant de travail >_<

Merci encore et toujours pour votre aide. ^^
MessageSujet: Re: Bannière plus grande que le forum.   Bannière plus grande que le forum. EmptyMer 19 Mai 2010, 17:21
Revenir en haut Aller en bas
http://zonescript.forumactif.fr
VPeybernes
{ Membre actif }
{ Membre actif }

Masculin Messages : 563



Bannière plus grande que le forum. Empty
Ton niveau est affiché sur ton profil, je savais à quoi m'attendre en te répondant. Si j'avais pas voulu t'aider à cause de ça, je n'aurai pas mis les pied ici. Wink

Par contre tu n'as toujours pas mis ton template...
MessageSujet: Re: Bannière plus grande que le forum.   Bannière plus grande que le forum. EmptyMer 19 Mai 2010, 21:39
Revenir en haut Aller en bas
http://gintama.forumactif.com/
Gintoki
{ Membre }
{ Membre }

Masculin Messages : 128



Bannière plus grande que le forum. Empty
Merci beaucoup =3 (on le dit jamais assez ^^)

C'est celui de base. =3
Alors voilà:

Spoiler:
MessageSujet: Re: Bannière plus grande que le forum.   Bannière plus grande que le forum. EmptyJeu 20 Mai 2010, 13:02
Revenir en haut Aller en bas
http://zonescript.forumactif.fr
VPeybernes
{ Membre actif }
{ Membre actif }

Masculin Messages : 563



Bannière plus grande que le forum. Empty
Merci d"utiliser les balise code pour mettre du code.
Sinon il n'est pas lisible
MessageSujet: Re: Bannière plus grande que le forum.   Bannière plus grande que le forum. EmptyJeu 20 Mai 2010, 17:10
Revenir en haut Aller en bas
http://gintama.forumactif.com/
Gintoki
{ Membre }
{ Membre }

Masculin Messages : 128



Bannière plus grande que le forum. Empty
O.o Pardon j'oubliais -_- Désolé...

Spoiler:
MessageSujet: Re: Bannière plus grande que le forum.   Bannière plus grande que le forum. EmptySam 22 Mai 2010, 08:05
Revenir en haut Aller en bas
http://zonescript.forumactif.fr
VPeybernes
{ Membre actif }
{ Membre actif }

Masculin Messages : 563



Bannière plus grande que le forum. Empty
Parfait.

Je te donne le code à mettre à la place de ton template et je t'explique en suivant :
Spoiler:

Voici quelques repère :

La bannière :
Code:
<a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
La fonction qui génère l'en-tête :
Code:
<table width="100%" cellspacing="0" cellpadding="0" border="0">
              <tr>
                  <!-- BEGIN switch_logo_left -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <td align="center" width="100%" valign="middle">
                    <div class="maintitle">{MAIN_SITENAME}</div>
                    <br />
                    <span class="gen">{SITE_DEscriptION}<br />  </span>
                  </td>
                  <!-- END switch_logo_left -->

                  <!-- BEGIN switch_logo_center -->
                  <td align="center" width="100%" valign="middle">
                    <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a><br />
                    <div class="maintitle">{MAIN_SITENAME}</div>
                    <br />
                    <span class="gen">{SITE_DEscriptION}</span>
                  </td>
                  <!-- END switch_logo_center -->

                  <!-- BEGIN switch_logo_right -->
                  <td align="center" width="100%" valign="middle">
                    <div class="maintitle">{MAIN_SITENAME}</div>
                    <br />
                    <span class="gen">{SITE_DEscriptION}<br />  </span>
                  </td>
                  <td>
                    <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                  </td>
                  <!-- END switch_logo_right -->
              </tr>
            </table>
Avec les 3 position de logo, le titre et la description du forum.

Le début du corps du forum :
Code:
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
        <td class="bodyline">

J'ai donc supprimer la bannière de la fonction qui génère l'en-tête (les 3 fois) et je l'ai placé juste avant le corps du forum. Puis je l'ai centrée :
Code:
<center><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></center>
  <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
        <td class="bodyline">
            <table width="100%" cellspacing="0" cellpadding="0" border="0">
              <tr>
                  <!-- BEGIN switch_logo_left -->
                 
                  <td align="center" width="100%" valign="middle">
                    <div class="maintitle">{MAIN_SITENAME}</div>
                    <br />
                    <span class="gen">{SITE_DEscriptION}<br />  </span>
                  </td>
                  <!-- END switch_logo_left -->

                  <!-- BEGIN switch_logo_center -->
                  <td align="center" width="100%" valign="middle">
                    <div class="maintitle">{MAIN_SITENAME}</div>
                    <br />
                    <span class="gen">{SITE_DEscriptION}</span>
                  </td>
                  <!-- END switch_logo_center -->

                  <!-- BEGIN switch_logo_right -->
                  <td align="center" width="100%" valign="middle">
                    <div class="maintitle">{MAIN_SITENAME}</div>
                    <br />
                    <span class="gen">{SITE_DEscriptION}<br />  </span>
                  </td>
                  <!-- END switch_logo_right -->
              </tr>
            </table>
MessageSujet: Re: Bannière plus grande que le forum.   Bannière plus grande que le forum. EmptySam 22 Mai 2010, 09:27
Revenir en haut Aller en bas
http://gintama.forumactif.com/
Gintoki
{ Membre }
{ Membre }

Masculin Messages : 128



Bannière plus grande que le forum. Empty
=O J'ai tout compris ^^

C'est super bien expliqué! Je vous remercierais jamais assez!

Problème résolu.
MessageSujet: Re: Bannière plus grande que le forum.   Bannière plus grande que le forum. EmptyLun 24 Mai 2010, 07:16
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Bannière plus grande que le forum. Empty
    Je classe =)
MessageSujet: Re: Bannière plus grande que le forum.   Bannière plus grande que le forum. EmptyLun 24 Mai 2010, 15:53
Revenir en haut Aller en bas
Contenu sponsorisé




Bannière plus grande que le forum. Empty
MessageSujet: Re: Bannière plus grande que le forum.   Bannière plus grande que le forum. Empty
Revenir en haut Aller en bas
 

Bannière plus grande que le forum.

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

 Sujets similaires

-
» Bannière au dessus du forum
» Coller la bannière au contour du forum.
» Bannière contre cadre du forum
» Pas de séparation entre bannière et corps du forum
» couleurs sur tout le forum = bannière cachée

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