Déplacer ou supprimer l'affichage de la "description du site"

par t.neveux Jeu 14 Mai 2020 - 17:54

Détails techniques

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

Voir l'image:

Personnes concernées par le problème : Moi uniquement
Lien du forum : https://er-le-normand.forumactif.com/

Description du problème

Bonjour,
La description du site apparait sur le logo. Dans un premier temps je n'ai pas rempli la description afin qu'elle n'apparaisse pas mais c'est priver le site de visibilité. Je souhaite donc soit la faire apparaître centrée sous le logo, soit qu'elle n'apparaisse pas tout en étant renseignée dans la configuration du site pour être visible par les moteurs de recherche.
Voilà, j'espère que ma demande est explicite.
Merci
Thierry

par t.neveux Jeu 14 Mai 2020 - 18:09

J'ai l'impression que l'on ne voit pas l'image dans mon premier message, je la remet ici :

Déplacer ou supprimer l'affichage de la "description du site" Descri10

par Invité Ven 15 Mai 2020 - 9:36

Hello t.neveux,

c'est impossible car tu n'as pas activé la description sur ton forum!!
Ensuite le texte que tu mentionnes est inclus dans ton logo:
Il suffit de cliquer sur ton image:
https://i.servimg.com/u/f98/17/45/45/90/logo211.png

a++

par t.neveux Sam 16 Mai 2020 - 15:47

Merci de ta réponse Milouze.
Je suppose que tu fais allusion à l'image actuelle sur mon forum quand tu parles du texte inclus dans le logo comme ci dessous :

Déplacer ou supprimer l'affichage de la "description du site" En_tet10

C'est l'astuce que j'ai trouvée mais j'ai du ne pas remplir la description.

Si je rempli la description avec le logo du site que je désire cela donne cela :

Le texte se retrouve sur le logo et n'est pas centré.

Je souhaite renseigner la description pour plus de lisibilité donc j'envisage 2 solutions.
Soit ne pas afficher la description sur l'entête (comme le titre du site qui est renseigné mais n’apparaît pas) et je mettrai le logo dans lequel j'ai inscrit la description.
Soit il est possible de recentrer là description du site au dessous du logo.

J'ai un peu touché à la prog il y a quelques années mais cela a bien changé. Mais je pense pouvoir faire quelques modifs si je suis un peu guidé. Very Happy

Merci

par mSyx Sam 16 Mai 2020 - 16:04

Yo o/
Tu pourrais réafficher la description pour qu'on puisse voir ça ? :b

par t.neveux Sam 16 Mai 2020 - 17:31

Bonjour. Merci de m'aider.
La description c'est ce qui est surligné sur cette photo :

et qui apparaît comme cela si je le note ici :

Déplacer ou supprimer l'affichage de la "description du site" Descri11

par mSyx Sam 16 Mai 2020 - 21:04

Je ne vois pas du tout la même chose sur le forum, je suppose que tu as dû enlever la description. Possible de la remettre pour que je puisse regarder ça ? I love you

par t.neveux Sam 16 Mai 2020 - 23:08

J'ai remis la description .

par mSyx Sam 16 Mai 2020 - 23:49

Le plus simple serait de restructurer le header; il me faudrait le template overall_header, ou seulement la partie du header si coller le contenu entier te dérange ^^

par t.neveux Dim 17 Mai 2020 - 15:05

Voici le header :
https://drive.google.com/file/d/14IACWJMHFbppx-u_84eCMsKm_fRLlnaL/view?usp=sharing
Je pense que la modif doit être vers les lignes 385/390.
Merci

par mSyx Lun 18 Mai 2020 - 0:09

Re o/
Remplace l'intégralité du template (overall_header) par:

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}> <head> <title>{SITENAME_TITLE}{PAGE_TITLE}</title> <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}"/> <meta http-equiv="content-script-type" content="text/javascript"/> <meta http-equiv="content-style-type" content="text/css"/>  <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}"/>   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}"/>  {META_FAVICO} {META} {META_FB_LIKE} <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}"/> {T_HEAD_STYLESHEET} {CSS} <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}"/> <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}"/> <script src="{JQUERY_PATH}" type="text/javascript"></script>  <script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script> <script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script> <script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>  <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script> {RICH_SNIPPET_GOOGLE}  <script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script> <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>   <link type="text/css" rel="stylesheet" href="{JQUERY_DIR}ticker/ticker.css"/> <script src="{JQUERY_DIR}ticker/ticker.js" type="text/javascript"></script>   <script src="{JQUERY_DIR}jcarousel/jquery.jcarousel.js" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ /* Definir le sens de direction en fonction du panneau admin */ var tickerDirParam = "{switch_ticker.DIRECTION}"; var slid_vert = false; var auto_dir = 'next'; var h_perso = parseInt({switch_ticker.HEIGHT}); switch (tickerDirParam) { case 'top' : slid_vert = true; break; case 'left': break; case 'bottom': slid_vert = true; auto_dir = 'prev'; break; case 'right': auto_dir = 'prev'; break; default: slid_vert = true; } $(document).ready(function () { $('#fa_ticker_content').css('display', 'block'); var width_max = $('ul#fa_ticker_content').width(); var width_item = Math.floor(width_max / {switch_ticker.SIZE}); if (width_max > 0) { $('ul#fa_ticker_content li').css('float', 'left').css('list-style', 'none').width(width_item).find('img').each(function () { if ($(this).width() > width_item) { var ratio = $(this).width() / width_item; var new_height = Math.round($(this).height() / ratio); $(this).height(new_height).width(width_item); } }); if (slid_vert) { var height_max = h_perso; $('ul#fa_ticker_content li').each(function () { if ($(this).height() > height_max) { height_max = $(this).height(); } }); $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft', 'auto').css('marginRight', 'auto'); $('ul#fa_ticker_content li').height(height_max); } $('#fa_ticker_content').jcarousel({ vertical: slid_vert, wrap: 'circular', auto: {switch_ticker.STOP_TIME}, auto_direction: auto_dir, scroll: 1, size: {switch_ticker.SIZE}, height_max: height_max, animation: {switch_ticker.SPEED} }); } else { $('ul#fa_ticker_content li:not(:first)').css('display', 'none'); $('ul#fa_ticker_content li:first').css('list-style', 'none').css('text-align', 'center'); } }); //]]> </script>  <script type="text/javascript">//<![CDATA[ $(document).ready(function () {  pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400'); if (pm != null) { pm.focus(); }   report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}'); if (report != null) { report.focus(); }   $(document).ready(function () { Ticker.start({ height: {switch_ticker.HEIGHT}, spacing: {switch_ticker.SPACING}, speed: {switch_ticker.SPEED}, direction: '{switch_ticker.DIRECTION}', pause: {switch_ticker.STOP_TIME} }); });  });  var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false; $(document).ready(function () { $(window).resize(function () { var windowWidth = document.documentElement.clientWidth; var popupWidth = $("#login_popup").width(); var mypopup = $("#login_popup"); $("#login_popup").css({ "left": windowWidth / 2 - popupWidth / 2 }); }); });  //]]> </script> {GREETING_POPUP} <style type="text/css"> #page-footer, div.navbar, div.navbar ul.linklist { display: block !important; } ul.linklist li.rightside, ul.linklist li.rightside a.copyright { display: inline !important; }  .jcarousel-skin-tango .jcarousel-item { text-align: center; width: 10px; } .jcarousel-skin-tango .jcarousel-item-horizontal { margin-right: {switch_ticker.SPACING}px; } .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: {switch_ticker.SPACING}px; }  </style> {HOSTING_JS}  <script type="text/javascript"> //<![CDATA[ (function (i, s, o, g, r, a, m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)}, i[r].l = 1 * new Date(); a = s.createElement(o), m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) }) (window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga'); ga('create', '{G_ANALYTICS_ID}', 'auto'); ga('send', 'pageview'); ga('set', 'anonymizeIp', true);  ga('create', '{G_ANALYTICS_ID_BIS}', 'auto', 'bis'); ga('bis.send', 'pageview'); ga('bis.set', 'anonymizeIp', true);  //]]> </script>  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,700i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese&display=swap" rel="stylesheet"/> <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet"/> </head> <body id="modernbb">  <div id="hitskin_preview" style="display: block;"> <h1><img src="{hitskin_preview.PATH_IMG_FA}hitskin/hitskin_logo.png" alt=""/> <em>Hit</em>skin.com</h1> <div class="content"> <p> {hitskin_preview.L_THEME_SITE_PREVIEW} <br/> <span>{hitskin_preview.U_INSTALL_THEME}<a href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span> </p> </div> </div>   <div id="login_popup" style="z-index: 10000 !important;"> <div class="h3">{SITENAME}</div> <div id="login_popup_message"> {LOGIN_POPUP_MSG} </div> <div id="login_popup_buttons"> <form action="{S_LOGIN_ACTION}" method="get"> <input type="submit" class="button1" value="{L_LOGIN}"/> <input type="button" class="button1" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';"/> <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}"/> </form> </div> </div>  <a id="top" name="top" accesskey="t"></a> {JAVASCRIPT} <div id="page-header"> <div class="headerbar"> <div id="headerbar-top"> <div class="wrap"> <a href="{U_INDEX}" id="logo"><img loading="lazy" src="{LOGO}" alt="{L_INDEX}"/>a</a>  <div id="forum-desc"> <p>{switch_desc.SITE_DESCRIPTION}</p> </div>  <ul class="navbar navlinks{NAVBAR_BORDERLESS}"> <li>{GENERATED_NAV_BAR}</li> </ul> </div> </div> <div class="wrap"> <div id="site-desc">  <div id="site-title">{switch_h1.MAIN_SITENAME}</div>  </div> </div> </div>  <div id="fa_ticker_blockD" style="margin-top:4px;"> <div class="module"> <div class="inner"> <div id="fa_ticker_container"> <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none">  <li>{switch_ticker.ticker_row.ELEMENT}</li>  </ul> </div> </div> </div> </div>  </div> <div class="conteneur_minwidth_IE"> <div class="conteneur_layout_IE"> <div class="conteneur_container_IE"> <div id="wrap"> <div id="page-body">  <div id="fa_ticker_block" style="margin-top:4px;"> <div class="module"> <div class="inner"> <div id="fa_ticker_container"> <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;"> <div class="fa_ticker_content">  <div>{switch_ticker.ticker_row.ELEMENT}</div>  </div> </div> </div> </div> </div> </div>  <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}> <div id="outer-wrapper"> <div id="wrapper"> <div id="{ID_LEFT}">  {giefmod_index1.MODVAR}  <div style="height:{SPACE_ROW}px"></div>   </div> <div id="container"> <div id="content-main"> <div id="main"> <div id="main-content">

Dans le CSS, ajoute:

Code:: #forum-desc p { color: #fff; display: block; font-size: 16px; font-weight: 300; line-height: 1; margin: 0; }

Libre à toi de modifier le CSS à ta guise si tu veux personnaliser ta description ^^

par t.neveux Lun 18 Mai 2020 - 7:58

Merci ! Je vais tester cela mais Euh cyclops

je ne trouve pas le CSS ! Cool

par t.neveux Lun 18 Mai 2020 - 8:12

Bon j'ai trouvé la feuille de style CSS mais il n'y a rien d'affiché. Et en faisant une recherche "forum-desc" cela ne donne rien.

Déplacer ou supprimer l'affichage de la "description du site" Feuill10

par t.neveux Lun 18 Mai 2020 - 8:35

j'ai collé le code css et valider. cela me dit que le code a bien été mis à jour. le header a aussi été changé mais pas de changement dans l'affichage.

Déplacer ou supprimer l'affichage de la "description du site" Code_c10

par mSyx Lun 18 Mai 2020 - 19:15

Re,
Sois sûr d'avoir rempli le champs Description de ton forum pour ça. :b

par t.neveux Lun 18 Mai 2020 - 20:06

oui je l'avais rempli mais je l'ai enlevé, ça fait moche. Je l'ai remise.
J'ai essayé de modifier le bout de CSS que tu m'as donné mais cela ne fait rien. La procédure pour mettre le CSS est bien celle que j'ai faite ?
En comparant de prêt j'ai l'impression que la description est plus à gauche qu'avant.

par mSyx Lun 18 Mai 2020 - 21:27

Je veux bien que tu la remettes si ça ne te dérange pas. Smile

Si tu as bien mis le CSS sur la page que tu as pris en screen et que tu as validé, c'est bien comme ça.

Pour être sûr, tu as bien validé la modification du template ?

EDIT: Ayant vu le retour de la description, le template n'a visiblement pas été remplacé par celui donné plus haut. Sois sûr de l'avoir remplacé et/ou d'avoir validé la modification. Smile

par t.neveux Mar 19 Mai 2020 - 17:02

En effet le template n’était pas publier. Ça fonctionne nickel ! MERCI pour le travail et ta patience !

par mSyx Mar 19 Mai 2020 - 17:08

Au plaisir :b

Déplacer ou supprimer l'affichage de la "description du site"