menu et bannière au dessus du forum

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu menu et bannière au dessus du forum

Message par Tawn62 le Dim 5 Fév 2017 - 10:08

Détails techniques


Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome, Internet Explorer, Opera, Safari, Autre
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis toujours
Lien du forum : http://cataclysme.forumactif.com/

Description du problème

Bonjour j'aimerai mettre ma bannière au dessus du forum (rectangle blanc) et réaliser un menu au dessus comme ceci (avec menu déroulant dans certain menu)
J'ai évidement chercher dans le forum, mais je n'ai pas trouvé ou alors les codes étaient trop compliqué à comprendre, je demande donc de l'aide.


Dernière édition par Tawn62 le Mer 8 Fév 2017 - 4:13, édité 2 fois
avatar

Tawn62
**

Masculin
Messages : 84
Inscrit(e) le : 05/09/2013

http://www.syras.net/
Tawn62 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: menu et bannière au dessus du forum

Message par Ajesto le Dim 5 Fév 2017 - 22:28

Bonjour,

J'aurais besoin du lien de votre forum pour adapter un menu ^^

Bien à vous,
Laiorm
avatar

Ajesto
****

Masculin
Messages : 309
Inscrit(e) le : 18/09/2016

http://codage-actif.forumactif.com/
Ajesto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: menu et bannière au dessus du forum

Message par Tawn62 le Lun 6 Fév 2017 - 4:40

Fait.
avatar

Tawn62
**

Masculin
Messages : 84
Inscrit(e) le : 05/09/2013

http://www.syras.net/
Tawn62 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: menu et bannière au dessus du forum

Message par Ajesto le Lun 6 Fév 2017 - 5:32

Bonjour,

Mettez dans votre CSS (PA > Affichage > Images & Couleurs > Couleurs > Onglet "Feuille de style CSS")
Code:
div.headerbar {
    margin-top: 14px!important;
}
.navbar ul.linklist.navlinks {
    position: absolute!important;
    top: 8px!important;
    left: 15%!important;
    width: 70%!important;
}

Laiorm
avatar

Ajesto
****

Masculin
Messages : 309
Inscrit(e) le : 18/09/2016

http://codage-actif.forumactif.com/
Ajesto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: menu et bannière au dessus du forum

Message par Tawn62 le Lun 6 Fév 2017 - 9:15

Merci! mais je voudrais qu'il soit en dehors du cadre du forum
avatar

Tawn62
**

Masculin
Messages : 84
Inscrit(e) le : 05/09/2013

http://www.syras.net/
Tawn62 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: menu et bannière au dessus du forum

Message par Ajesto le Lun 6 Fév 2017 - 22:26

Dans ce cas, mettez dans le CSS :

Code:
#wrap {
    margin-top: 50px;
}
.navbar ul.linklist.navlinks {
    position: absolute;
    width: 55%;
    left: 0;
    top: 10px;
    margin-left: 22.5%;
}

Laiorm
avatar

Ajesto
****

Masculin
Messages : 309
Inscrit(e) le : 18/09/2016

http://codage-actif.forumactif.com/
Ajesto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: menu et bannière au dessus du forum

Message par Tawn62 le Mar 7 Fév 2017 - 1:06

Merci Laiorm, mais ce n'est pas vraiment le rendu que je voudrais. Je me suis surement mal exprimé. Je voudrais une barre de navigation exactement de se style (merci à toi au passage Wink ) http://codage-actif.forumactif.com/t37-barre-de-navigation-flat-en-plusieurs-couleurs collé en haut du forum, en dehors du cadre blanc, comme tu ma fait mettre dans le CSS. Aussi, la bannière en dessous de la barre de navigation, au dessus (en dehors) du cadre blanc.
avatar

Tawn62
**

Masculin
Messages : 84
Inscrit(e) le : 05/09/2013

http://www.syras.net/
Tawn62 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: menu et bannière au dessus du forum

Message par Ajesto le Mar 7 Fév 2017 - 2:04

Dans ce cas, va dans ton PA > Affichage > Page d'accueil > En-tête & Navigation
L'option "Afficher seulement des images dans la barre des liens :" cochez "Non"

Je te ferais un petit CSS pour ton forum ^^
Juste tu pourrait aussi me dire la couleur voulu de la barre de navigation ?

Laiorm
avatar

Ajesto
****

Masculin
Messages : 309
Inscrit(e) le : 18/09/2016

http://codage-actif.forumactif.com/
Ajesto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: menu et bannière au dessus du forum

Message par Tawn62 le Mar 7 Fév 2017 - 11:45

Ne te prend pas la tête avec les couleurs, noir serait top.
avatar

Tawn62
**

Masculin
Messages : 84
Inscrit(e) le : 05/09/2013

http://www.syras.net/
Tawn62 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: menu et bannière au dessus du forum

Message par Ajesto le Mar 7 Fév 2017 - 22:07

Met dans le CSS :

Code:
ul.linklist.navlinks {
    top: 0;
    left: 0;
    margin: 0!important;
    width: 100%!important;
    height: 50px;
    background-color: #313131; /* Fond */
}
.navbar a.mainmenu {
    height: 50px!important;
    display: inline-block!important;
    line-height: 49px!important;
    padding: 0 15px!important;
    background-color: transparent;
    margin-top: -22px;
    transition: all 100ms;
}
.navbar a.mainmenu:hover {
    background-color: rgba(0, 0, 0, 0.3) !important;
}

Voila Very Happy
avatar

Ajesto
****

Masculin
Messages : 309
Inscrit(e) le : 18/09/2016

http://codage-actif.forumactif.com/
Ajesto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: menu et bannière au dessus du forum

Message par Tawn62 le Mer 8 Fév 2017 - 3:32

Salut Laiorm, merci beaucoup de ton aide. Malheureusement le rendu n'est pas celui escompter. Confused
Ton CSS est top mais il me foire le forum et je n'arrive pas a le mettre collé en haut du forum

avatar

Tawn62
**

Masculin
Messages : 84
Inscrit(e) le : 05/09/2013

http://www.syras.net/
Tawn62 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: menu et bannière au dessus du forum

Message par Ajesto le Mer 8 Fév 2017 - 3:33

Remet ce que je t'ai donné, je vais le bidouiller directement sur la page ^^

Laiorm

EDIT : Mettez dans le CSS
Code:
ul.linklist.navlinks img {display: none;}
ul.linklist.navlinks {position: absolute;}
.navbar a.mainmenu {color: white;}
avatar

Ajesto
****

Masculin
Messages : 309
Inscrit(e) le : 18/09/2016

http://codage-actif.forumactif.com/
Ajesto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: menu et bannière au dessus du forum

Message par Tawn62 le Mer 8 Fév 2017 - 3:56

TOP ! mais ça cache la bannière Confused Je voudrais aussi la bannière en dehors du cadre blanc du forum si possible
avatar

Tawn62
**

Masculin
Messages : 84
Inscrit(e) le : 05/09/2013

http://www.syras.net/
Tawn62 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: menu et bannière au dessus du forum

Message par Ajesto le Mer 8 Fév 2017 - 4:01

Ajoutez ceci dans votre CSS :

Code:
a#logo {position: absolute;width: 100%;margin: 0;left: 0;top: 90px;}
div#wrap {margin-top: 363px!important;}
avatar

Ajesto
****

Masculin
Messages : 309
Inscrit(e) le : 18/09/2016

http://codage-actif.forumactif.com/
Ajesto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: menu et bannière au dessus du forum

Message par Tawn62 le Mer 8 Fév 2017 - 4:06

Je te remercie! J'ai un autre petit soucis, quand je créer un nouveau menu ça me déforme le menu

AVANT

APRES
avatar

Tawn62
**

Masculin
Messages : 84
Inscrit(e) le : 05/09/2013

http://www.syras.net/
Tawn62 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: menu et bannière au dessus du forum

Message par Ajesto le Mer 8 Fév 2017 - 4:07

J'ai pas accès au nouveau bouton, tu peut l'autoriser pour les invités ?
avatar

Ajesto
****

Masculin
Messages : 309
Inscrit(e) le : 18/09/2016

http://codage-actif.forumactif.com/
Ajesto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: menu et bannière au dessus du forum

Message par Tawn62 le Mer 8 Fév 2017 - 4:09

Fait
avatar

Tawn62
**

Masculin
Messages : 84
Inscrit(e) le : 05/09/2013

http://www.syras.net/
Tawn62 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: menu et bannière au dessus du forum

Message par Ajesto le Mer 8 Fév 2017 - 4:10

Merci, ajoute dans ton CSS :
Code:
.navbar a.mainmenu {top: 0;margin: 0;}
avatar

Ajesto
****

Masculin
Messages : 309
Inscrit(e) le : 18/09/2016

http://codage-actif.forumactif.com/
Ajesto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: menu et bannière au dessus du forum

Message par Tawn62 le Mer 8 Fév 2017 - 4:13

Au top! Je peux résoudre. Un grand merci à toi.
avatar

Tawn62
**

Masculin
Messages : 84
Inscrit(e) le : 05/09/2013

http://www.syras.net/
Tawn62 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: menu et bannière au dessus du forum

Message par Ajesto le Mer 8 Fév 2017 - 4:15

@Tawn62 a écrit:Au top! Je peux résoudre. Un grand merci à toi.

Aha de rien ^^
avatar

Ajesto
****

Masculin
Messages : 309
Inscrit(e) le : 18/09/2016

http://codage-actif.forumactif.com/
Ajesto a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum