demande de bannière/logo

[Invité]

En bref...

Nature de la création : Bannière
Taille de la création (en pixels) : 100x100
Couleur de fond : [Vous devez être inscrit et connecté pour voir ce lien]

Image(s)

Lien(s) image(s) :

[Vous devez être inscrit et connecté pour voir ce lien]

Visualiser:

Texte

Texte à insérer : Go forum ton forum de discussion
Police à utiliser : N/A
Couleur police : [Vous devez être inscrit et connecté pour voir ce lien]

En détails...

Lien de mon forum Forumactif : [Vous devez être inscrit et connecté pour voir ce lien]
Commentaire(s) supplémentaire(s) : Bonjour, j'aimerai si possible personnaliser  l'entête (logo ou bannière) de mon forum car je la trouve basique et triste avec son fond uniforme.
Je n'ai pas de préférences particulières si ce n'est que de vous préciser que c'est pour un forum généraliste, qu'il faudrait rester dans une harmonie sobre, même, si bien entendu, les couleurs texte ou les petits détails peuvent être modulés par la suite, garder un fond plutôt foncé (bleu très foncé), Plus claire je crains que cela soit fade.

Je serai donc, pour rester dans une simplicité mais avec une touche de particularité propre au forum (police titre y compris) qui le démarquerait des autres. Je vous ai joint deux images avec des logos au choix. Merci par avance pour vos propositions, je reste disponible si vous avez besoin de plus de renseignements.

Je joins l'autre image logo ici, dans le générateur je n'ai pas réussi à mettre les deux.
[Vous devez être inscrit et connecté pour voir ce lien]

[Vous devez être inscrit et connecté pour voir cette image]

Votre commande a été vérifiée par un [Vous devez être inscrit et connecté pour voir ce lien] et est conforme au règlement. Elle peut dès à présent recevoir des propositions. Merci de ne pas modifier votre commande après l'insertion de ce message, et de bien vouloir être patient. N'hésitez pas à remonter votre commande (UP) une fois par tranche de 24h.

[papa pig]

Salut, voici une idée...

[Vous devez être inscrit et connecté pour voir ce lien]

[Invité]

Bonsoir papapig, merci beaucoup pour votre proposition mais ce n'est pas vraiment le style que je recherche car celui-ci n'est pas assez moderne et le mélange orangé/bleu ne convient pas. Néanmoins l'idée de la bulle n'est pas mauvaise, mais j'ai joint deux logos à insérer au choix.
Je vais attendre d'autres propositions.

[papa pig]

Quelque chose comme ça peut-être

[Vous devez être inscrit et connecté pour voir ce lien]

[Invité]

Bonjour, merci papa pig, je vais patienter pour d'autres propositions.

[papa pig]

Dernière proposition,
J'ai pris votre couleur de fond souhaitée, ce que je n'avais pas fait précédemment.
J'ai pris le deuxième logo, et une police très similaire à celle que vous utilisez actuellement.
J'ai repris l'idée du pattern de votre forum.
Et l'idée de la bulle qui vous plaisait.
Ensuite... Je passe la main !
Bye

[Vous devez être inscrit et connecté pour voir ce lien]

[Invité]

Merci infiniment pour votre patience et votre travail, oui, voilà c'est plus dans l'idée. je viens de tester et j'ai un soucis de dimension je pense. Tout est trouble surtout l'image du logo que j'avais joint. Et si possible, d'inverser, mettre les personnages à gauche et la bulle.titre.description à droite à cause de ma barre de navigation qui risque d'empiéter.

votre bannière en essai sur mon forum/rendu:

[Vous devez être inscrit et connecté pour voir cette image]

[papa pig]

OK, oui c'est normal, nous passons maintenant à la phase d'intégration.
Ce mode "avancé" d'intégration, plus fluide et "responsive", demande quelques manœuvres très simples.
Suivez mes explications :

1. Il faut déterminer où vous souhaitez le "logo"* : à gauche, au centre, ou à droite ?

[Vous devez être inscrit et connecté pour voir ce lien]

2. Insertion du logo dans le champ fond d'entête :

2. a. Image vide à la place du "Logo du forum"

Vous devrez d'abord insérer une image vide dans le champ Logo du forum :
Panneau d'administration > Affichage > Images et couleurs > Gestion des images (mode avancé) > "Logo du forum" :
Collez :

Code:

https://2img.net/i/fa/empty.gif

2.b. Insertion du nouveau logo

[Vous devez être inscrit et connecté pour voir ce lien]
Télécharger cette image (clic droit & enregistrer sous) et l'uploader, récupérer l'url directe de l'image
et la coller dans :
Panneau d'administration > Affichage > Images et couleurs > Gestion des images (mode avancé) > Image du fond de l'entête :

2.c. Affichage du Titre du forum

Dans :
Panneau d'administration > Affichage > Page d'accueil > Entête & Navigation > "Afficher le titre du forum" : cocher Non

3. Propriétés CSS

[Vous devez être inscrit et connecté pour voir ce lien]
Télécharger cette image (clic droit & enregistrer sous) et l'uploader, récupérer l'url directe de l'image
et la coller à la place de url_de_l'image_ici.png dans le code ci-dessous, code qui sera à coller dans :
Panneau d'administration > Affichage > Images et Couleurs > Couleurs > [onglet] Feuille de style CSS

Code:

.headerbar {
  height: 267px !important;
  background-repeat: no-repeat;
  background-position: center left;
  background-color: transparent !important;
  background-size: auto !important;
}
#page-header {
  height: 267px !important;
  background-image: url("url_de_l'image_ici.png");
  background-color: #0b0725;
}
#site-desc p {
  display: none;
}

* NB : si vous souhaitez le logo à gauche, laissez ce code comme tel.
si vous souhaitez au centre, supprimez ci-dessus le "left".
si vous le souhaitez à droite, remplacez simplement "left" par "right".

Cordialement,
Papa pig

[Invité]

J'ai suivi à la lettre vos indications, ca ne va pas du tout. Regardez, ca empiète sur ma barre de navigation et c'est coupé en bas + c'est toujours aussi trouble.  Désolée de vous embêter mais ce n'est pas possible....

[Vous devez être inscrit et connecté pour voir cette image]

[papa pig]

OK, dans la feuille de style CSS, remplacez le morceau de code :

Code:

.headerbar {
height: 267px !important;
background-repeat: no-repeat;
background-position: center left;
}

par :

Code:

.headerbar {
height: 267px !important;
background-repeat: no-repeat;
background-position: center left;
background-size: auto !important;
}

[Invité]

Ah oui, c'est bon de mon côté, c'est mieux en plus petit. Encore merci à vous pour l'aide et le travail apportés.

[papa pig]

J'avais oublié qu'il faut bien inscrire la couleur dominante aussi ici :
Panneau d'administration > Affichage > Couleurs > Les couleurs de fond > Couleur de fond de l'en-tête : [Vous devez être inscrit et connecté pour voir ce lien]

[Invité]

J'avais oublié qu'il faut bien inscrire la couleur dominante aussi ici :
Panneau d'administration > Affichage > Couleurs > Les couleurs de fond > Couleur de fond de l'en-tête : [Vous devez être inscrit et connecté pour voir ce lien]

ok merci

[papa pig]

De rien,

Voici le code normalement définitif pour votre rendu, car je pense que vous n'avez pas vu que j'avais édité le code initial :

Code:

.headerbar {
  height: 267px !important;
  background-repeat: no-repeat;
  background-position: center left;
  background-color: transparent !important;
  background-size: auto !important;
}
#page-header {
  height: 267px !important;
  background-image: url("url_de_l'image_ici.png");
  background-color: #0b0725;
}
#site-desc p {
  display: none;
}

[Invité]

De rien,

Voici le code normalement définitif pour votre rendu, car je pense que vous n'avez pas vu que j'avais édité le code initial :

Code:

.headerbar {
  height: 267px !important;
  background-repeat: no-repeat;
  background-position: center left;
  background-color: transparent !important;
  background-size: auto !important;
}
#page-header {
  height: 267px !important;
  background-image: url("url_de_l'image_ici.png");
  background-color: #0b0725;
}
#site-desc p {
  display: none;
}

Je suis une speed encore merci à vous.

[papa pig]

Pour info, ça peut vous servir pour harmoniser vos autres travaux, la police utilisée est Architects Daughter : [Vous devez être inscrit et connecté pour voir ce lien]
Bonne continuation

[Invité]

Pour info, ça peut vous servir pour harmoniser vos autres travaux, la police utilisée est Architects Daughter : [Vous devez être inscrit et connecté pour voir ce lien]
Bonne continuation

Bonne continuation à vous également.