AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

Le Deal du moment : -55%
Friteuse sans huile – PHILIPS – Airfryer ...
Voir le deal
49.99 €

    Bannière récalcitrante aux envies de grandeur

    FeliceFelicis
    FeliceFelicis
    FémininAge : 34Messages : 89

    Dim 9 Juin 2013 - 15:57

    BONJOUR À VOUS!

    Bon, j'espère en avoir attiré quelques un... c'est que les titres, ça n,a jamais été mon fort, uhuh!

    Alors, m'expliquer clairement sera une tâche ardue... pourvu que les screen aiderons pour le tout.

    1) J'utilise phpBB2 sur ce cher Forumactif

    2) J'utilise Opera comme navigateur, mais j'suis probablement la seule sur tout mon forum qui l'utilise, du coup tant que ça fonctionne bien sur chrome et Firefox, ça va!

    BON, nous y voilà!

    J'aimerais que ma bannière soit large. Je veux dire très très large. En fait, tout ce que je veux, c'est qu'elle soit la grosseur de ma page de navigateur, sans qu'elle n'affiche pour autant la «scroll bar» dans le bas de celle-ci et ce, peu importe la taille de mon écran!

    Voici mon problème:

    Bannière récalcitrante aux envies de grandeur Ce_que10

    Les forums suivant ont réussit à faire ce que je me casse le beigne à échouer depuis 12 mois...~

    Code:
     http://aisling.forumactif.com/
    Code:
     http://www.rictusempra.org/forum

    J'espère qu'une âme charitable pourra m'aider avec mon problème!! :bisou:

    (Si c'est le cas, n'ayez pas peur de développer BEAUCOUP, il m'arrive quelques fois d'être UN PEU empoté, surtout quand il s'agit de codage ~)

    MERCI D'AVANCE!!!

    FF ~
    Jadelina
    Jadelina
    FémininAge : 32Messages : 7899

    Dim 9 Juin 2013 - 16:16

    Bonjour !

    Je te redirige vers ce tutoriel, tu trouveras le moyen d'installer ta grande bannière sans qu'elle déforme toute la page ^^ L'astuce, c'est de la placer en tant que "fond" et non comme bannière dans le panneau d'administration, tu n'auras ainsi pas la barre de scroll (qui apparait logiquement si on met une création trop grande en tant que bannière, le corps du forum suit ça).

    Si tu as la moindre question, n'hésite pas ^^



    FeliceFelicis
    FeliceFelicis
    FémininAge : 34Messages : 89

    Dim 9 Juin 2013 - 16:58

    Je tente de mettre ça en pratique DÈS MAINTENANT !!

    Je suis désolé... il semblerait que ce tuto ce soit glisser loin de mes yeux!

    Quoi qu'il en soit merci (et si quelques choses ne fonctionne pas, j'irai chialer à toi 8D)

    Merci encore :heart:
    Jadelina
    Jadelina
    FémininAge : 32Messages : 7899

    Dim 9 Juin 2013 - 17:20

    Mais de rien ^^ C'est avec plaisir :)



    FeliceFelicis
    FeliceFelicis
    FémininAge : 34Messages : 89

    Dim 9 Juin 2013 - 20:35

    BON, j'ai une question pour toi !

    Comme j'ai maintenant une bannière BG ... il ne m'est plus possible d'avoir un BG.

    Du coup, je me suis dit: HEY, mais tu peux mettre un background dans le bodyline...!!!

    Sauf que voilà.... le bodyline va par dessus le background T_T Du coup ça cache ma bannière! Est-ce que c'est possible de genre... dire à l'image du Background d'être au dessus ou un truc du genre ? (Parce que si je met des margin-top ça me fait un IMMMMENCE espace D: )

    Pitiiiez T_T

    Jadelina
    Jadelina
    FémininAge : 32Messages : 7899

    Dim 9 Juin 2013 - 21:04

    Alors oui ! c'est tout à fait possible ^^ Comme tu as une bannière en fond, si tu veux installer un motif ou une texture... ou que je sais-je encore pour avoir autre chose qu'une simple couleur en fond, il y a le principe du background multiple :p

    Pour ça, rien de plus simple, il te suffit de mettre ce bout de code dans ta feuille CSS :

    Code:
    body
    {
    background-image: url(adresse1.jpg), url(adresse2.jpg);

    L'adresse 1 étant l'image que tu voudras en premier, qui passera au-dessus des autres, donc en l'occurrence ta bannière dans ce cas ^^ Le second url sera le fond que tu voudras installer.
    Par contre attention au principe du background multiple, car si tu veux mettons que le fond ne se répète pas (ou le contraire), il te faudra évidemment l'indiquer, mais bien dans l'ordre des images que tu as mises.

    Pour te donner un exemple, j'ai utilisé ce système (magique !) de background multiple pour l'une de mes commandes : lien du forum test

    Comme tu vois, il y a la bannière en haut, une texture en fond et un corps de page. Pour afficher les trois juste en utilisant le panneau d'administration de base c'était problématique x)

    Je te montre maintenant mon code pour illustrer ce que j'ai dit plus tôt :

    Code:
    body
    {
    background-image: url(http://img15.hostingpics.net/pics/667341Bannire02.jpg), url(http://img15.hostingpics.net/pics/926980skin203.jpg), url(http://img15.hostingpics.net/pics/827999fond.jpg);
    background-position: top center, top center, top left;
    background-repeat: no-repeat, repeat-y, repeat;
    background-color: #353b45;
    }

    En premier il y a donc la bannière, en second le corps, et en dernier la texture de fond. Ils s'empilent les uns sur les autres en fait, pour suivre l'ordre logique que je voulais. Ensuite pour les propriétés plus bas, comme le "background-position : top-center", celui-là étant le premier dans la liste, il s'applique à la bannière, le second à la seconde image... et ainsi de suite. Il faut garder l'ordre aussi là ^^

    En espérant avoir été suffisamment claire xD



    FeliceFelicis
    FeliceFelicis
    FémininAge : 34Messages : 89

    Dim 9 Juin 2013 - 21:23

    OMG.

    Est-ce que je peux t'épouser?

    Tu vas devenir ma meilleure amie 8D Ok ? OK!

    (bref, c'est ma manière de dire; MERCI ÇA FONCTIONNE!!) :love:
    Jadelina
    Jadelina
    FémininAge : 32Messages : 7899

    Lun 10 Juin 2013 - 13:18

    XD

    J'ai juste bien retenu les leçons d'un certain Capitaine :siffle: Ravie de savoir que ça fonctionne ! je vais mettre l'icône résolu à ton topic ^^

    Edit : ah ben il était déjà mis en fait xD *devrait aller se recoucher...*



    Contenu sponsorisé


      La date/heure actuelle est Lun 25 Nov 2024 - 5:04