AccueilFAQRechercherMembresGroupesS'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.


    Personnaliser le bas de la page

    Partagez
    avatar
    reshiram44
    MasculinAge : 19Messages : 371

    le Dim 26 Nov 2017 - 12:47

    Ma demande



    Bonjour, j'aurai besoin d'aide pour personnaliser le bas de la page où il y a écrit Forum gratuit | © phpBB | Forum gratuit d'entraide | Statistiques | Contact | Signaler un abus


    Version de votre forum : PHPBB2




    Autres précisions ?


    Ce que je souhaite c'est mettre un fond ce couleur derrière ceci Forum gratuit | © phpBB | Forum gratuit d'entraide | Statistiques | Contact | Signaler un abus voire rajouter d'autres éléments, liens en bas de cette pages et personnaliser le texte c'est à dire mettre en blanc et enlever le surlignage. Merci pour celui ou celle qui voudra bien m'aider



    Dernière édition par reshiram44 le Lun 11 Déc 2017 - 19:40, édité 1 fois



    avatar
    reshiram44
    MasculinAge : 19Messages : 371

    le Mar 28 Nov 2017 - 21:10

    up



    avatar
    reshiram44
    MasculinAge : 19Messages : 371

    le Jeu 30 Nov 2017 - 21:48

    up



    avatar
    reshiram44
    MasculinAge : 19Messages : 371

    le Mar 5 Déc 2017 - 18:32

    up



    avatar
    Nihil Scar Winspeare
    Messages : 4882

    le Mar 5 Déc 2017 - 20:50

    Coucou !

    Je ne suis pas sûre d'avoir compris tout ce que tu veux faire, mais tu peux déjà commencer à personnaliser en ajoutant du CSS dans ce genre :

    Code:
    #page-footer {
      background: #000000;
      padding: 5px;
    }

    #page-footer a {
      color: #ffffff;
      text-decoration: none;
    }
    avatar
    reshiram44
    MasculinAge : 19Messages : 371

    le Mer 6 Déc 2017 - 12:40

    Merci, d'avoir répondu à mon problème ^^
    donc j'ai installé ici le code : http://leschapeauxtesteurs.forumactif.com/

    donc c'est bien ça ce que je voulais mais j’aimerais que le bandeau noir n'est ni d'espace à gauche/à droite ni en dessous. Et je voulais savoir si on pouvais rajouté en dessous/au dessus une ligne pour les crédits si possible ?



    avatar
    reshiram44
    MasculinAge : 19Messages : 371

    le Dim 10 Déc 2017 - 18:55

    up



    avatar
    Nihil Scar Winspeare
    Messages : 4882

    le Dim 10 Déc 2017 - 20:27

    Pour qu'il colle au bord, on va rajouter des marges négatives. Normalement c'est à utiliser avec précaution, il y a souvent une meilleure alternative, mais là c'est le plus simple :)

    On a donc maintenant ceci :
    Code:
    #page-footer {
      background: #000;
      padding: 5px;
      margin-left: -10px;
      margin-right: -10px;
      margin-bottom: -10px;
    }

    Pour ajouter du texte en dessous, il faut aller dans le template "overall_footer_end"
    Tu peux rajouter le code de ton choix après cette ligne là :
    Code:
    <!-- END html_validation -->
    avatar
    reshiram44
    MasculinAge : 19Messages : 371

    le Lun 11 Déc 2017 - 10:50

    Ok, merci et du coup comment je peux changer la couleur du texte par exemple en blanc ainsi que la police d'écriture ?



    avatar
    Nihil Scar Winspeare
    Messages : 4882

    le Lun 11 Déc 2017 - 15:25

    Dans le CSS :
    Code:
    #page-footer {
      background: #000;
      padding: 5px;
      margin-left: -10px;
      margin-right: -10px;
      margin-bottom: -10px;
    }

    Tu peux par exemple ajouter :
    Code:
    color: #ffffff;
    font-family: Arial, sans-serif;
    avatar
    reshiram44
    MasculinAge : 19Messages : 371

    le Lun 11 Déc 2017 - 17:24

    Le problème c'est entre Forum gratuit | © phpBB les copyright et la barre verticale ne veut pas blanchir.



    avatar
    Nihil Scar Winspeare
    Messages : 4882

    le Lun 11 Déc 2017 - 19:06

    Effectivement, avec le fond noir j'avais totalement oublié leur existence :toto:

    CSS à ajouter :
    Code:
    #page-footer .gen, #page-footer .gensmall {
      color: inherit;
    }

    J'ai mis comme valeur "inherit", c'est à dire qu'il prendra la couleur de l'élément autour de lui ^^, mais si tu veux mettre une autre couleur tu peux totalement.
    avatar
    reshiram44
    MasculinAge : 19Messages : 371

    le Lun 11 Déc 2017 - 19:40

    Merci énormément pour ton aide je suis ravi. ^^
    Je met ce sujet comme résolu.



    Contenu sponsorisé


      La date/heure actuelle est Mar 16 Jan 2018 - 14:44