Question modification CSS ?

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

En cours Question modification CSS ?

Message par Ezzmazz le Dim 20 Mai 2018 - 12:14

Détails techniques


Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://timtest.forumactif.com/

Description du problème

Bonjour,

Avec quelques amis, nous aimerions créer notre propore forum RP. Comme nous connaissons forumactif depuis longtemps de part le fait que nous participons à plusieurs forum RP fait avec cette plateforme, c'est tout naturellement que nous nous sommes inscrits ici.

Nos questions concernant la gestion du thème de notre forum que voici : http://timtest.forumactif.com/ ( il se nomme comme cela car ce n'est qu'un test pour le moment Wink ).

Nous aimerions savoir s'il était possible de mettre une bannière ( un peu moins grande en hauteur ) et un pied de page de la même largeur que le corps de la page qui est en blanc ? Si c'est possible, pourriez-vous m'indiquer comment faire ?

Nous aimerions également que le corps de la page ne soit pas blanc mais noir/gris avec une opacité, de sorte à laisser le fond de page passer légèrement à travers.


Merci d'avance pour votre aide !
avatar

Ezzmazz
Nouveau membre

Messages : 6
Inscrit(e) le : 20/05/2018

http://timtest.forumactif.com/
Ezzmazz a été remercié(e) par l'auteur de ce sujet.

En cours Re: Question modification CSS ?

Message par Garionix le Mar 22 Mai 2018 - 13:23

Salut ! Ah ! Quelqu'un qui veut se lancer dans un Forum de RP, ça fait plaisir à voir !

En revanche, je vois que le forum en question n'a pas la même apparence comme décrite plus tôt, le problème est réglé ?
avatar

Garionix
***

Messages : 113
Inscrit(e) le : 06/06/2016

http://www.pensionnat-ereno.com/
Garionix a été remercié(e) par l'auteur de ce sujet.

En cours Re: Question modification CSS ?

Message par Ezzmazz le Mar 22 Mai 2018 - 14:58

@Garionix a écrit:Salut ! Ah ! Quelqu'un qui veut se lancer dans un Forum de RP, ça fait plaisir à voir !

En revanche, je vois que le forum en question n'a pas la même apparence comme décrite plus tôt, le problème est réglé ?

Bonjour,

Tout d'abord, merci pour votre réponse !

On adore le RP et on aimerait pouvoir avoir notre propre forum, donc on se lance ! Very Happy

J'avais juste oublié de remettre le thème ModernBB. je viens de le remettre et donc non, le problème n'est pas réglé. J'aimerai savoir si avec le thème ModernBB je pouvais aligner la " bannière " du forum et le bas de page qui en gris, avec le corps blanc du forum ? Réduire de quelques pixel à droite et à gauche...

Merci d'avance ! Smile
avatar

Ezzmazz
Nouveau membre

Messages : 6
Inscrit(e) le : 20/05/2018

http://timtest.forumactif.com/
Ezzmazz a été remercié(e) par l'auteur de ce sujet.

En cours Re: Question modification CSS ?

Message par Garionix le Mer 23 Mai 2018 - 12:14

Et j'aime beaucoup voir des role playeur se lancer dans des forum rp Very Happy !

Pour le header, essai d'ajouter ce code dans ta fiche Css, si vous ne l'avez pas encore modifier par la fiche de style Css :

Code:

.headerbar{
margin: 0 auto !important;
    max-width: 1400px !important;
    padding: 24px 36px !important;
    width: 98% !important;
}

Dans le cas contraire, il vous suffit d'ajouter juste ce code dans les modifications déjà apportés :

Code:

margin: 0 auto !important;
    max-width: 1400px !important;
    padding: 24px 36px !important;
    width: 98% !important;

Ensuite, pour le bas de la page, je propose ceci, même principe que plus haut !

Pour la barre des statistiques, exemple "Nombre de message" ou "Utilisateur enregistré le plus récent".
Code:

.statistics{
    margin: 0 auto !important;
    max-width: 1400px !important;
    padding: 24px 36px !important;
    width: 98% !important;
}

Pour la barre contenant les liens de ForumActif ensuite :

Code:

#page-footer{
    margin: 0 auto !important;
    max-width: 1400px !important;
    padding: 24px 36px !important;
    width: 98% !important;
}

Voilà ! Normalement le code au complet cela donne ceci :

Code:

.headerbar{
    margin: 0 auto !important;
    max-width: 1400px !important;
    padding: 24px 36px !important;
    width: 98% !important;
}

.statistics{
    margin: 0 auto !important;
    max-width: 1400px !important;
    padding: 24px 36px !important;
    width: 98% !important;
}

#page-footer{
    margin: 0 auto !important;
    max-width: 1400px !important;
    padding: 24px 36px !important;
    width: 98% !important;
}

Si tout ce passe bien, on devrai obtenir ceci :




avatar

Garionix
***

Messages : 113
Inscrit(e) le : 06/06/2016

http://www.pensionnat-ereno.com/
Garionix a été remercié(e) par l'auteur de ce sujet.

En cours Re: Question modification CSS ?

Message par Ezzmazz le Mer 23 Mai 2018 - 13:45

Aaaah, merci !! C'est exactement ce que je voulais ! Je vais tester ça !

Je reviens vers toi dès que ça sera mit en place !


Merci beaucoup ! Smile


EDIT : ça fonctionne niquel ! Merci ! Very Happy

J'ai ajouté un height pour modifier la hauteur du header et j'ai pu changer un block de couleur. Je commence à toucher un peu au CSS, donc je vais pouvoir bidouiller un peu ! J'ai encore deux ou trois questions, si tu me le permets :

1- J'aimerai utiliser la police " Nova flat " sur mon fourm... Mais du coup, il faut l'importer et je ne sais pas comment faire... Je ne peux pas utiliser @font-face puisque je n'ai pas de dossier " CSS " dans lequel mettre les différents formats de fichier de police...

2- Ensuite, lors de l'affichage d'un post, mon avatar est à droite, dans un cercle... Autant qu'il soit à droite ne me gêne pas trop, même si je préfère le voir à gauche, mais en revanche, le fait qu'il soit dans un cercle, je n'aime pas trop... Est-il possible d'enlever le cercle pour laisser apparaitre l'avatar au complet ?

3- Dans le dernier block du forum, là où on voit le nombre d'utilsateur en ligne etc... J'aimerai que la ligne noir soit rouge ( #B1292C ) mais je ne trouve pas de balise " hr " scratch

4- Enfn, j'aimerais changer l'opacité de la page, le fond blanc, mais quand je mets un opacity sur l'id="wrap", c'est l'ensemble de la page qui devient transparent, pas juste le fond blanc... Pourriez-vous m'indiquer comment faire ?


Est-il possible d'avoir de l'aide là dessus ? Merci d'avance ! Smile
avatar

Ezzmazz
Nouveau membre

Messages : 6
Inscrit(e) le : 20/05/2018

http://timtest.forumactif.com/
Ezzmazz a été remercié(e) par l'auteur de ce sujet.

En cours Re: Question modification CSS ?

Message par Garionix le Mer 23 Mai 2018 - 16:18

Super ! Alors on va procéder par étape ! Pour importer déjà la police "Nova Flat" voici le code dont on aura besoin :

Code:

<link href="https://fonts.googleapis.com/css?family=Nova+Flat" rel="stylesheet">

Pour toutes ces modifications souhaités, pour la plupart il faut faire quelques choses qui fâche... Se rendre dans les templates du Forum !
Pour s'y rendre, je le précise au cas où :

Panneau d'administration > Affichage > (descendre en bas à gauche de la page) et trouver la partie Template, pour cliquer sur "Général". Une fois sur la liste des templates du Forum, il faut trouver le template : Overall_header et cliquer dessus.

Il va falloir mettre le code dans ce template, personnellement je met le code après le titre. Après ce code déjà présent dans le template :

Code:
<head>
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>

Cliquer sur enregistrer, puis publier le template en cliquant sur le petit logo vert qui va se rajouter sur la ligne "Overalll_header".

Après, il ne reste plus qu'à ajouter ce code css là où vous souhaitez que la police "Nova Flat" soit appliquée.

Code:

Font-family: Nova Flat;

J'attend la confirmation si cela fonctionne pour passer à la suite Wink
avatar

Garionix
***

Messages : 113
Inscrit(e) le : 06/06/2016

http://www.pensionnat-ereno.com/
Garionix a été remercié(e) par l'auteur de ce sujet.

En cours Re: Question modification CSS ?

Message par Ezzmazz le Mer 23 Mai 2018 - 21:27

Ça marche niquel pour la police !

Merci beaucoup ! Smile
avatar

Ezzmazz
Nouveau membre

Messages : 6
Inscrit(e) le : 20/05/2018

http://timtest.forumactif.com/
Ezzmazz a été remercié(e) par l'auteur de ce sujet.

En cours Re: Question modification CSS ?

Message par Garionix le Mer 23 Mai 2018 - 21:42

Parfait ! Ensuite pour l'avatar lors de l'affichage d'un post il est possible de le faire apparaître à gauche, mais cela requiert une manipulation de template plus complexe, que je pourrai coder assez rapidement, si tu t'en sens la motivation !

Déjà, pour enlever le cercle, il suffit de mettre ça dans la feuille de style Css :

Code:

.postprofile-avatar img{
border-radius: 0px !important;

Par la suite, pour mettre la block où nous pouvons voir le nombre d'utilisateur en ligne, il faut ajouter dans votre balise Css ceci :

Code:
background-color: #B1292C !important;

En gros :

Code:
.block{
background-color: #B1292C !important;
}

Et enfin, pour terminer, l'opacité de la page. Je vais expliquer !

Plusieurs éléments du forum contiennent par défaut le mots clés (class) "Wrap" alors toute modification apporté à Wrap s'appliquent sur tout les éléments portant le mots clés. Donc, le Css a besoin de plus d'indication, de précision ou bien d'un moyen détourné plus... Radical.

Dans notre situation, nous allons faire a plus rapide et aller directement au cadre contenant le corps. Le premier cadre

Code:

.conteneur_minwidth_IE{
opacity: 0.5;
}

Si cela ne fonctionne pas, ajoutez "!important". Tu as déjà dû le voir dans les codes que j'ai donné plus tôt. Il nous sert à forcer le code à s'activer, on coupe donc la priorité d'un code qui était déjà là et déjà actif.

avatar

Garionix
***

Messages : 113
Inscrit(e) le : 06/06/2016

http://www.pensionnat-ereno.com/
Garionix a été remercié(e) par l'auteur de ce sujet.

En cours Re: Question modification CSS ?

Message par Ezzmazz le Mer 23 Mai 2018 - 21:59

Ah, super ! Tout fonctionne parfaitement !

Du coup j'ai ajouté : height: 360px; et width: 180px; dans le .postprofile-avatar img pour avoir la taille de mon avatar ! Smile

@Garionix a écrit:Parfait ! Ensuite pour l'avatar lors de l'affichage d'un post il est possible de le faire apparaître à gauche, mais cela requiert une manipulation de template plus complexe, que je pourrai coder assez rapidement, si tu t'en sens la motivation

Si ça ne te prends pas trop de temps, j'suis motivé ! Cool


Merci beaucoup pour ton aide !!
avatar

Ezzmazz
Nouveau membre

Messages : 6
Inscrit(e) le : 20/05/2018

http://timtest.forumactif.com/
Ezzmazz a été remercié(e) par l'auteur de ce sujet.

En cours Re: Question modification CSS ?

Message par Garionix le Mer 23 Mai 2018 - 22:03

Parfait ! Je m'occupe de ça rapidement.

Ah et je viens de me rendre compte que tu veux vraiment juste le fond de page en transparent ! Je vais te donner le code couleur à mettre dans les modifications de couleurs de forumactif :

#e9ebed91

Là où tu voulais que ce qui est en blanc soit transparent.

-EDIT-

J'ai trouvé plus simple :

Code:

.postprofile{
float: left !important;
}
avatar

Garionix
***

Messages : 113
Inscrit(e) le : 06/06/2016

http://www.pensionnat-ereno.com/
Garionix a été remercié(e) par l'auteur de ce sujet.

En cours Re: Question modification CSS ?

Message par Ezzmazz le Mer 23 Mai 2018 - 22:24

@Garionix a écrit:Parfait ! Je m'occupe de ça rapidement.

Ah et je viens de me rendre compte que tu veux vraiment juste le fond de page en transparent ! Je vais te donner le code couleur à mettre dans les modifications de couleurs de forumactif :

#e9ebed91

Là où tu voulais que ce qui est en blanc soit transparent.

-EDIT-

J'ai trouvé plus simple :

Code:

.postprofile{
float: left !important;
}

ça marche, merci beaucoup !

Derrière question et je vous laisse tranquille pour bidouiller tout seul : dans le bas de la page, j'aimerai supprimer le lien " Accueil " et pouvoir centrer " Forum gratuit | ©️ phpBB | Forum gratuit d'entraide | Statistiques | Contact | Signaler un abus "

Dois-je faire
Code:
#rightside
{
margin-left: Xem;
}

?
avatar

Ezzmazz
Nouveau membre

Messages : 6
Inscrit(e) le : 20/05/2018

http://timtest.forumactif.com/
Ezzmazz a été remercié(e) par l'auteur de ce sujet.

En cours Re: Question modification CSS ?

Message par Garionix le Mer 23 Mai 2018 - 22:54

Pour ça il y a différent moyens de faire, uniquement par Css c'est ceci :

Code:

.footer-home{
display: none;
}

.rightside{
    right: 25%;
    position: relative;
}

Ou bien par template pour le supprimer directement. Le plus simple est bien entendu par Css.

Les résultats des deux moyens sont presque les même, la différence est que de le supprimer par le template enlève un tout petit peu de donnés de la page. x)
avatar

Garionix
***

Messages : 113
Inscrit(e) le : 06/06/2016

http://www.pensionnat-ereno.com/
Garionix a été remercié(e) par l'auteur de ce sujet.

En cours Re: Question modification CSS ?

Message par Chacha le Ven 1 Juin 2018 - 9:41

Bonjour,

Attention, cela fait 8 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 56782
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

En cours Re: Question modification CSS ?

Message par Chacha le Sam 2 Juin 2018 - 10:08

Bonjour,

Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 9 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement !

Ce sujet est déplacé à la corbeille, merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum.
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 56782
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha 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