La pomme et son overall_header

    le Ven 18 Aoû - 13:46

  • Bonjour ma petite citrouille ♥

    Alors je suis bien embêtée et j'aurai besoin de tes talents pour m'aider à réaliser une jolie barre de navigation toute simpliste si le coeur t'en dit évidemment :3

    Forum : www
    Version : PHPBB2
    Taille du forum : 900 pixels en largeur
    Elément(s) demandé(s) : Navigation
    Maquette : http://i.imgur.com/U3O7aZa.png
    Description (peut remplacer la maquette ou la compléter) : Alours j'aimerai un truc tout sobre, un fond blanc et le texte avec un petit effet d'ombre d'une autre couleur que je mettrai ci-dessous. Toutefois si tu es prise d'une envie de créativité, je te laisse champ libre du moment que ce soit tout simpliste et que ça colle aux couleurs du fofo :3
    Couleurs (si pas de maquette graphique) :
    Pour le marron : #d2a789
    Pour le vert : #5b6d5f
    Pour le bleu : #e3ebec
    Et le blanc c'est le classique #fff
    Polices à utiliser : Oswald https://fonts.google.com/specimen/Oswald
    Images à utiliser : Et bien ce qui est cool avec ma commande c'est qu'il n'y en a pas
    Acceptez-vous que le code finisse en LS ? Avec grand plaisir si ça peut aider du monde
    Mode de rendu : via le sujet :3
    Autre chose à ajouter ? Un immense merci à toi :)

    Merci beaucoup ♥



    le Ven 18 Aoû - 17:47

  • Pouet !

    J'ai fais quelque chose comme ça : www.

    J'ai triché sur les couleurs, pardon u.u J'ai volé ton header aussi pour me faire une idée, patapé XD La police de ta maquette ressemble plus à du Bangers par contre :O J'ai du mal avec tes teintes, je suis pas convaincue du résultat mais je pense qu'au pire tu pourras ajuster toi-même quitte à ce que je te guide dans les emplacements au besoin.

    Je sais pas si c'est ce que tu souhaitais, dis-moi :slurf:




    le Sam 19 Aoû - 8:55

  • C'est tout parfait :D
    La police de la maquette n'est pas à prendre en compte je ne peux pas installer de police sur le pc du boulot xD
    Très bon travail en tout cas :3



    le Sam 19 Aoû - 11:32

  • Ah bah t'es pas exigeante XD Je pense que la Bangers peut rendre pas mal :3

    Du coup pour le CSS :
    Code:
    #navigation {
      font-family: 'Oswald', sans-serif;
      width: 100%;
      text-align: center;
      background-color: #fff;
      font-size: 18px;
      margin-top: 3%;
      padding: 0;
    }

    #navigation a {
      font-size: 18px;
      color: #5b6e5f;
      display: inline-block;
      text-shadow: 1px 1px #e3ebec;
      padding: 1%;
      text-transform: uppercase;
    }

    #navigation img {
      display: none;
    }

    #navigation a:hover {
      background: #d2a789;
      color: #fff;
      text-shadow: 1px 1px #5b6e5f;
    }

    Et dans le overall_header tu remplaces ça (lignes 268 à 272) :
    Code:
    <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
                        <tr>
                            <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
                        </tr>
                    </table>

    Par :
    Code:
    <div id="navigation">{GENERATED_NAV_BAR}</div>



    le Sam 19 Aoû - 11:37

  • C'est tout installé et merci beaucoup le rendu est top je voulais un truc tout simpliste et c'est exactement ce qu'il fallait mille mercis à toi :3
    Je te crédite de ce pas



    le Sam 19 Aoû - 11:40

  • De rien p'tite pomme !
    J'archive ♥




      La date/heure actuelle est Ven 22 Sep - 4:37