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 : https://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 ♥

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

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

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>

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

Sam 19 Aoû - 11:40

De rien p'tite pomme !
J'archive ♥