Problème de CSS !

[FADCVF]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Safari
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 21/02/2021
Lien du forum : https://snorkeling-passion.forumactif.com

Description du problème

Bonjour

SUITE …Agrandir 'Nom du site' et 'Description'

J'avais marqué résolu mais je n'avais pas vu que… pour cette demande

https://forum.forumactif.com/t404925-agrandir-nom-du-site-et-description-du-site#3376614

Sans être connecté, titre et sous-titre  sont  agrandis  en cliquant  :
- ‘Acceuil’ —>  oui
- ‘Portail’   —> oui MAIS ‘Portail’ apparaît  à la droite du nom du site ! ! !
- ’S’enregistrer’ ou ‘Connexion’ seul le nom du site n’est plus agrandi ! ! !

En étant connecté en cliquant  :
- idem ci-dessus … plus
- ‘Membres’  ou ‘Groupes’ ou ‘Profil’ ou ‘Messagerie’ seul le nom du site n’est plus agrandi ! ! !

Pourriez-vous 'SVP' apporter une solution à ces anomalies ?




D'avance merci.
Salutations.
Bonne journée

[FADCVF]

Personne

[FADCVF]

Bonjour,

C'est 'Self' qui m'avait donné cet  "CSS"
https://forum.forumactif.com/t404925-agrandir-nom-du-site-et-description-du-site?nid=24#3376634

Les anomalies sont toujours présentes.

Pourriez-vous les solutionner?

D'avance merci.
Bonnes journée

[Invité]

Hello FADCVF,

effectivement, il faut donc remplacer la c.s.s que mon ami Maxime t'a donnée:

Code:

    
#site-title h1, #logo-desc p{
       font-size: 2em;
    }


Par celle-ci:

Code:


#site-title,
#site-title h1,
#logo-desc p,
#logo-desc b
{
font-size: 28px!important;
line-height:28px!important;
}


oui MAIS ‘Portail’ apparaît  à la droite du nom du site ! ! !

C'est normal cher ami .


a++

[FADCVF]

Bonsoir ‘Milouze14’  

Content d’être vote ami  

Merci je n’avais jamais remarqué que « ‘Portail’ apparaissait  à la droite du nom du site » avant ma demande d’agrandissement… 

Avec le ou la ’CSS’ ci-dessous,





‘Nom du site’ taille OK  seulement en ‘Accueil et ‘Portail’. Il est réduit pour calendrier etc
Mais ‘Description du site’ est aussi grand que ‘Nom du site’ …  
Alors qu’à origine, avant la demande d’agrandissement, la CSS de base fixait…1.2em et 1.1em !

« CSS de base »

a.forumtitle {
color: #105289;
font-family: Arial,Helvetica,sans-serif;
font-size: 1.2em;
font-weight: bold;
text-decoration: none;
}
…
opictitle {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 1.1em;
font-weight: bold;
color: #105289;
text-decoration: none;

Pourriez-vous corriger la taille de la ‘Description du site’ dans les proportions ci-dessus ’SVP’ ?

D’avance merci.
Bon WE
A ++

[chattigre]

Bonjour,
Ce qui est plus qu'étrange c'est que je détecte bien le CSS que je vous ai donné mais qu'il est n'est pas actif chez moi sous Firefox alors que quand je le teste il fonctionne...

Actuellement, la bannière entre-t-elle correctement dans le cadre pour vous ? (pas de barre de défilement horizontal ?)

Je laisse Milouze vous répondre pour le reste

[Invité]

Re,

Content d’être vote ami

C'est déjà une bonne nouvelle .

Alors avec le style donné par chattigre, on ne doit pas voir le nom du forum!!

Tu peux donner le contenu de ta feuille de style (entre les balises code stp ) car cela sent la boulette .

La balise code:



Édit: je confirme que ta c.s.s contient une erreur.

a++

[chattigre]

Bonjour,
Comme je l'ai dit dans un précédent sujet...

Il me semble que vous aviez demandé à le masquer pour coller avec une précédente bannière ?
Quoi qu’il en soit, supprimez les lignes 7 8 et 9 de votre CSS (d’après la capture de votre précédent message)

D'après une capture correspondant à ce code sur ces lignes

En effet on retrouve cette demande ici : https://forum.forumactif.com/t404512-decoration-de-mon-forum-banniere#3373500

Ce qui est étrange comme je le disais c'est que ce code est toujours dans votre CSS, que je le vois à l'inspection de la feuille, mais qu'il n'a (plus) aucun effet !

Effectivement le contenu du CSS serait le bienvenu pour faire un peu le ménage ^^

Autre chose :

L'option "forcer le CSS de base de votre forum" doit être sur non ...

Attention de bien cliquer sur  à chaque modification
Bonne soirée

[FADCVF]

Bonsoir "Chattigre" & "Milouze14",
Merci pour vos réponses.
Je reprendrai tout ça demain car je suis un peu saturé
Bonne soirée
Salutations

[FADCVF]

Bonjour,
Ce qui est plus qu'étrange c'est que je détecte bien le CSS que je vous ai donné mais qu'il est n'est pas actif chez moi sous Firefox alors que quand je le teste il fonctionne...

Actuellement, la bannière entre-t-elle correctement dans le cadre pour vous ? (pas de barre de défilement horizontal ?)

Je laisse Milouze vous répondre pour le reste

Oui elle est bien centrée mais seulement si je choisis le 'bouton vert' du Mac pour Full screen

[FADCVF]

Bonjour,
Comme je l'ai dit dans un précédent sujet...

Il me semble que vous aviez demandé à le masquer pour coller avec une précédente bannière ?
Quoi qu’il en soit, supprimez les lignes 7 8 et 9 de votre CSS (d’après la capture de votre précédent message)

D'après une capture correspondant à ce code sur ces lignes

En effet on retrouve cette demande ici : https://forum.forumactif.com/t404512-decoration-de-mon-forum-banniere#3373500

Ce qui est étrange comme je le disais c'est que ce code est toujours dans votre CSS, que je le vois à l'inspection de la feuille, mais qu'il n'a (plus) aucun effet !

Effectivement le contenu du CSS serait le bienvenu pour faire un peu le ménage ^^

Autre chose :

L'option "forcer le CSS de base de votre forum" doit être sur non ...

Attention de bien cliquer sur   à chaque modification
Bonne soirée

Bonjour 'Chattigre'

Dans la Bannière de la fin décembre (faite par 'Tony*', comme il avait mis le 'Nom du site' ( Snorkeling Passion dans sa bannière) j'avais alors demandé de ne pas le reproduire sous celle-ci et de ne garder que la 'Description du site'.

et "forcer le CSS de base de votre forum" doit être sur non" oui il est sur non.

Merci pour votre message.
cordialement

[chattigre]

Bonjour,
Comme je l'ai dit dans un précédent sujet...

Il me semble que vous aviez demandé à le masquer pour coller avec une précédente bannière ?
Quoi qu’il en soit, supprimez les lignes 7 8 et 9 de votre CSS (d’après la capture de votre précédent message)

D'après une capture correspondant à ce code sur ces lignes

En effet on retrouve cette demande ici : https://forum.forumactif.com/t404512-decoration-de-mon-forum-banniere#3373500

Ce qui est étrange comme je le disais c'est que ce code est toujours dans votre CSS, que je le vois à l'inspection de la feuille, mais qu'il n'a (plus) aucun effet !

Effectivement le contenu du CSS serait le bienvenu pour faire un peu le ménage ^^

Autre chose :

L'option "forcer le CSS de base de votre forum" doit être sur non ...

Attention de bien cliquer sur   à chaque modification
Bonne soirée

C'est bien ce que je pensais, il y a quelque chose d'anormal dans votre CSS.

Comme demandé par Milouze et moi-même (voir ci-dessus), il nous faudrait l'intégralité de votre CSS personnalisé (pas le CSS de base ) entre balises [code ] et [/code ]
Car actuellement il est rempli mais pas entièrement appliqué, c'est qu'il y a un souci...

Bonne journée

[FADCVF]

@ 'Chattigre' et 'Milouze14'

Code:


    
      #site-title,
      #site-title h1,
      #logo-desc p,
      #logo-desc b
      {
      font-size: 28px!important;
      line-height:28px!important;
      }
         .headerbar {
              background-image: none;
          }
          #site-title, #site-title h1 {
              display: none;
          }
          
       
          #logo-desc #logo img {
              max-width: 100%;
              padding: 0;
              margin: 0;
          }
#logo{padding: 0px!important;}


Résumé de l’historique de mes demandes d’aide concernant les « anomalies de grossissements » du ‘Nom du site’ et de la ‘Description du site’
ma demande —>   ‘par FADCVF Dim 21 Fév - 12:49’ …
Après plus de 80 ‘vues’, comme il n’y avait pas de réponse alors j’ai changé de titre  qui est l’actuel —> « Problème de CSS ! »

Comme ça ne répondait toujours pas, j’ai lancé une autre demande (par FADCVF Ven 26 Fév - 22:21) avec pour titre—> Anomalies dans les agrandissements.

Réponse de ‘Bryx’ (par Bryx Aujourd'hui à 9:24  du 28/02/21 ( que je n’ai pas encore appliquée car…ce n'est pas souhaitable cela ne ferait que compliquer les…'CSS'
https://forum.forumactif.com/t404962-anomalies-dans-les-agrandissements#3376962

…entre-temps, j’avais reçu une  Première réponse Milouze14 Hier à 7:44 (27/02/21) j'y ai répondu par ce message…les 'codes'

Toutes mes excuses

Merci pour vos aides bon WE.
Salutations.

[FADCVF]

…
Attention de bien cliquer sur   à chaque modification

Je vais revérifier.

[chattigre]

Bonjour
N'hésitez pas aussi à poser votre question dans votre sujet déjà ouvert si cela concerne un même problème.

Pour essayer de remettre un peu d'ordre ^^
Videz votre feuille CSS (supprimez tout) puis
Dans la foulée, collez le code suivant :

Code:

#site-title, #site-title h1 {
  font-size: 28px!important;
  line-height:28px!important;
}
.headerbar {
  background-image: none;
}
          
      
#logo-desc #logo img {
  max-width: 100%;
  padding: 0;
  margin: 0;
}

#logo {
  padding: 0 !important;
}

Ainsi le titre devrait être agrandi mais pas la description et l'image limitée au cadre.
Essayons déjà comme ceci (je n'ai pas forcément pour objectif que ça soit complet mais que cela fonctionne pour ce que c'est censé modifier )
N'oubliez pas d'

Vérifiez les options du CSS :
- Forcer le CSS de base : Non
- Désactiver le CSS de base : non
- Optimiser votre CSS : Oui
Si besoin, modifier puis

A suivre

[FADCVF]

Bonsoir
…ça suit
Merci pour ce CSS
C'est presque bon.
- Le 'Nom du site' est bien agrandi mais pas la 'Description du site' que je souhaite agrandir dans les mêmes proportions que pour le CSS de base.


…à suivre

[chattigre]

Re,
Je croyais avoir lu dans un de vos sujets que non...
Ajoutez ceci à la fin de votre CSS :

Code:


#logo-desc p {
  font-size: 22px;
}

Dites-moi si les proportions vous conviennent

[Invité]

Hello les amis,

il est impératif pour le titre du fofo et sa description de mettre ce style:

Code:

     
#site-title,
      #site-title h1,
      #logo-desc p,
      #logo-desc b
      {
      font-size: 28px!important;
      line-height:28px!important;
      }


a++

[Invité]

Bonjour

Comment c'est pratique la feuille du SCC !!

Par rapport à d'autres Forums ou il faut directement poser son Tuto dans sa Template SCC, ou modifier le code de SCC du Tuto en lui-même !! Ce que j'aime bien ici, c'est que l'on peut modifier dans une template et la supprimer !!
Bien sûr, ne pas appuyer sur supprimer s’il y a eu d'autres codes modifiés dans la template en question !!

Bravo aux concepteurs pour cela !!

Cdlt, Stefano36

[Invité]

Bonjours,  

Peut-être ce code pourrait y avoir plus de choix ! Quelque vous en pensez ??

Code:

#site-title, #site-title h1 {
    font-size: 28px !important;
    line-height: 28px !important;
}
#site-title h1 {
    padding-top: 0;
}
#site-title, #site-title h1 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    padding-top: 15px;
}
* {
    margin: 0;
    padding: 0;
        padding-top: 0px;
}
#logo-desc {
    text-align: c;
}
body {
    color: #536482;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 100px;
}

Cdlt, Stef

[chattigre]

Bonjour
Merci pour la correction des sélecteurs @Milouze14, en revanche FADCVF souhaite "agrandir dans les mêmes proportions" du coup je pense que ceci irait mieux :
Remplacez ceci : Sauf ni vous ne l’aviez pas encore mis  

Code:

#logo-desc p {
  font-size: 22px;
}

Par ceci :

Code:

#logo-desc b, #logo-desc p {
  font-size: 22px !important;
}

En conservant par ailleurs le reste du CSS fourni à 18h10 et ça seulement.

Je pense que le CSS proposé par @Stefano36 ne correspond pas à la demande initiale

-----------------
Par ailleurs @Stefano36 :

- Pourquoi définir en plusieurs fois les propriétés de mêmes sélecteurs (l 1 et 8 )
- Pourquoi redéfinir des valeurs identiques à l'existant ? (pour * et body)
- text-align: c; est une valeur incorrecte
- font-size: 100px ... ça fait un peu gros
Tout ceci à titre purement informatif bien sûr

Bonne soirée

[Invité]

Bonsoir chattigre,  

J'ai posé ceci pour voir si cela convenais !! C'était une question !!

Mon code ne va pas, faut le zapper, j'en suis désolé de présenter ce code qui n'était pas très faux !

Mais, Effectivement, il y avait trop de valeurs identiques à l'existant !!

Pourtant, a la base, la question étais juste un redimensionnement !! J'en ai fait un peu trop ! Lol...  

Pouvez-vous effacer mon code ci-dessus, SVP ! Merci d'avance !! Et pour la prochaine, je ferai plus attention ...  
Je laisserais au plus expérimenté les explications dans ce type code !

A bientôt,

Cdlt, Stef

[chattigre]

Bonjour Stefano36
Aucun souci, vos questions et votre aide sont les bienvenues si besoin et si vous pensez avoir la réponse à une question   

@FADCVF J’ai édité mon dernier message, je vous invite à le relire et éventuellement à modifier

[FADCVF]

Bonjour à tous et merci pour vos sollicitudes  

@ ‘Chattigre’
Je viens de relire toutes les réponses  mais pour que je ne m’emmêle pas les pinceaux pourrais-je vous demander de bien vouloir me donner le CSS qui intègre toutes vos propositions…avec ou sans celle de ‘Milouze14’

Je ne pourrai faire la modif qu’en fin de journée.

Merci beaucoup…super ‘Entraide Forumactif’
Cordialement bonne journée
… à suivre

[chattigre]

Bonjour @FADCVF
Pas de soucis

Supprimez tout le contenu de votre CSS puis replacez-le par ceci :

Code:

#site-title, #site-title h1 {
  font-size: 28px!important;
  line-height:28px!important;
}

#logo-desc b, #logo-desc p {
  font-size: 22px !important;
}

.headerbar {
  background-image: none;
}
         
     
#logo-desc #logo img {
  max-width: 100%;
  padding: 0;
  margin: 0;
}
 
#logo {
  padding: 0 !important;
}

Cela devrait tout regrouper
Bonne soirée

[Invité]

Hello chattigre,

un petit oubli sur le line-height:

Code:


#logo-desc b, #logo-desc p {
  font-size: 22px !important;
}

et autant tout cumuler .

Code:


#site-title,
#site-title h1,
#logo-desc p,
#logo-desc b
{
font-size: 28px!important;
line-height:28px!important;
}


a++

[FADCVF]

Bonjour « Chattigre » et « Milouze14 »  

Merci pour vos réponses :
-  par chattigre 1/03 à 20:28
-  par Milouze14 2/03 à 4:23


Je vois bien : 28px et 22px chez « Chattigre »
Je ne vois que : 28px Chez « Milouze14 »

Que dois-je prendre comme CSS

D’avance merci.
Bonne journée
…à suivre

[chattigre]

Bonjour
Souhaitez-vous bien deux tailles différentes pour conserver les proportions d’origine
Si oui essayez mon code
Vous pouvez ajuster les tailles comme bon vous semble en modifiant 28 et 22, n’hésitez pas à faire des tests.
Si vous souhaitez deux tailles différentes il est impossible de cumuler comme proposé par Milouze
Le CSS complet une nouvelle fois :

Code:

 #site-title, #site-title h1 {
  font-size: 28px!important;
  line-height:28px!important;
}
 
#logo-desc b, #logo-desc p {
  font-size: 22px !important;
  line-height: 22px !important
}
 
.headerbar {
  background-image: none;
}
        
    
#logo-desc #logo img {
  max-width: 100%;
  padding: 0;
  margin: 0;
}
 
#logo {
  padding: 0 !important;
}

Si vous souhaitez modifier les tailles, remplacez les 28 et 22 (deux apparitions de chaque) par d’autres valeurs (sans retirer px pour rester en pixels)

Bonne journée

[FADCVF]

Re - bonjour 'Chattigre'

Oui, je souhaite les deux tailles et dans les proportions du ‘CSS de base’
Merci pour voter confirmation que je teste dans les minutes qui suivent
à bientôt

[FADCVF]

Suite  

Parfait        

Mais, maintenant que tout est OK ( textes et centrage)

Il me reste ce détail.

Dans la barre d’outil depuis ‘Accueil’ jusqu’à ‘Déconnexion’ ce n’est qu’en cliquant ‘Portail’ que le mot ‘Portail’ est ajouté comme ci-dessous. ‘Milouze14’ m’avait dit que c’état normal !
Si le CSS se base le prévoit OK, je comprends

Mais, je ne trouve pas cela utile, on voit bien que l’on est sur la page ‘Portail’ et cela fait  ‘sauter’ le ‘Nom du site’…pour centrer le tout.…ce n'est pas 'joli'

Ma question et donc :
Peut-on éviter ( voir ci-dessous) de joindre le mot ‘Portail’ à ’Snorkeling Passion’… ’SVP’ ?





Merci d'avance…après ça je n'ai plus d'autre truc à vous demander…pour le moment

Salutation et bonne journée.