Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Forcer un redimensionnement automatique des icones de statut de sujet

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

Résolu Forcer un redimensionnement automatique des icones de statut de sujet

Message par chattigre le Mar 3 Sep 2019 - 17:31

Bonjour,
Je me pose cette question :
J'ai des images de sujets / forums (annonce, note, nouveau...) devenues trop grandes suite à un changement graphique...
Comme cela représente environ 20 images à enregistrer, modifier, enregistrer, uploader, sélectionner dans le PA...
je voulais savoir si il existe un moyen (via le CSS je pense) d'imposer à ces images une taille maximum.

Précision :
Les images sont (comme par défaut) en arrière plan (à l'origine pour permettre la superposition des icones de sujet de type Tuto Astuce résolu et autres... mais cet attribut peut leur être retiré si besoin car ces icones sont déplacées au début du titre Wink

Merci d'avance
chattigre
chattigre

chattigre
****

Messages : 252
Inscrit(e) le : 17/04/2019

http://ddjda.forumactif.fr
chattigre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forcer un redimensionnement automatique des icones de statut de sujet

Message par Jess Capa le Mar 3 Sep 2019 - 17:45

Bonjour Smile

En inspectant la page on peut trouver la class correspondante. Je ne suis pas une professionnelle en la matière et je ne suis pas en phpBB3 donc je ne vous promets pas que ça fonctionnera sans impacter autre chose, ou fonctionnera tout court, mais dans le doute vous pouvez tenter le code suivant :

Code:
td.row1 img {
width:valeur;
}
Jess Capa

Jess Capa
*

Féminin
Messages : 40
Inscrit(e) le : 04/10/2017

http://www.magicneverdies-rpg.com/
Jess Capa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forcer un redimensionnement automatique des icones de statut de sujet

Message par chattigre le Mar 3 Sep 2019 - 17:48

@Jess Capa a écrit:Bonjour Smile

En inspectant la page on peut trouver la class correspondante. Je ne suis pas une professionnelle en la matière et je ne suis pas en phpBB3 donc je ne vous promets pas que ça fonctionnera sans impacter autre chose, ou fonctionnera tout court, mais dans le doute vous pouvez tenter le code suivant :

Code:
td.row1 img {
width:valeur;
}
En effet Very Happy
ça ne fonctionne pas Wink
Merci quand même pour l'idée Wink
chattigre

chattigre
****

Messages : 252
Inscrit(e) le : 17/04/2019

http://ddjda.forumactif.fr
chattigre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forcer un redimensionnement automatique des icones de statut de sujet

Message par Jess Capa le Mar 3 Sep 2019 - 17:50

Oui ça ne m'étonne pas, les class sont différentes selon les versions... Ce que vous pouvez faire c'est inspecter votre page via votre navigateur. Faites un clique droit sur l'élément qui vous intéresse, en l'occurrence l'une des icônes devenues trop grandes, et cliquez sur "inspecter l'élément" ou "examiner l'élément" (ça dépend des navigateurs). Qu'est-ce que vous voyez ?

EDIT: Votre forum étant en maintenance je n'ai pas accès à son contenu et ne peux malheureusement pas faire la manipulation par moi-même.
Jess Capa

Jess Capa
*

Féminin
Messages : 40
Inscrit(e) le : 04/10/2017

http://www.magicneverdies-rpg.com/
Jess Capa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forcer un redimensionnement automatique des icones de statut de sujet

Message par chattigre le Mar 3 Sep 2019 - 18:11

@Jess Capa a écrit:Oui ça ne m'étonne pas, les class sont différentes selon les versions... Ce que vous pouvez faire c'est inspecter votre page via votre navigateur. Faites un clique droit sur l'élément qui vous intéresse, en l'occurrence l'une des icônes devenues trop grandes, et cliquez sur "inspecter l'élément" ou "examiner l'élément" (ça dépend des navigateurs). Qu'est-ce que vous voyez ?

EDIT: Votre forum étant en maintenance je n'ai pas accès à son contenu et ne peux malheureusement pas faire la manipulation par moi-même.
Oui pour la maintenance désolé Wink Mais ce contenu en préparation ne doit pas être visible... Very Happy
Et sinon, merci pour l'astuce que je connais, mais je n'ai pas trouvé la solution Wink
chattigre

chattigre
****

Messages : 252
Inscrit(e) le : 17/04/2019

http://ddjda.forumactif.fr
chattigre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forcer un redimensionnement automatique des icones de statut de sujet

Message par Jess Capa le Mar 3 Sep 2019 - 18:14

Si vous faites une capture d'écran de ce qui s'affiche en inspectant l'élément je pourrai sans doute vous aider, sinon quelqu'un qui connait les templates par défaut en phpBB3 pourra sûrement éclairer votre lanterne Wink Bon courage
Jess Capa

Jess Capa
*

Féminin
Messages : 40
Inscrit(e) le : 04/10/2017

http://www.magicneverdies-rpg.com/
Jess Capa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forcer un redimensionnement automatique des icones de statut de sujet

Message par chattigre le Mar 3 Sep 2019 - 18:19

Mon template topics_list_box (légèrement modifié par rapport au par défaut, pour le placement des icones de sujet de type Tuto ) :
Code:
<!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
   <!-- BEGIN multi_selection -->
      <script type="text/javascript">

      function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}()
      {
         alert('MAIN');

         var all_checked = true;

         for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++)
         {
            if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')
            {
               all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
            }
         }

         document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
      }

      function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}()
      {
         alert('ALL');

         for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++)
         {
            if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}')
            {
               document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
            }
         }
      }

      </script>
   <!-- END multi_selection -->

   <div class="forumbg announcement">
      <div class="inner"><span class="corners-top"><span></span></span>
      <ul class="topiclist topics">
         <li class="header">
            <dl class="icon">
               <dt>
                  <!-- BEGIN multi_selection -->
                  <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
                  <!-- END multi_selection -->
                  {topics_list_box.row.L_TITLE}
               </dt>
               <dd class="posts">{topics_list_box.row.L_REPLIES}</dd>
               <dd class="views">{topics_list_box.row.L_VIEWS}</dd>
               <dd class="lastpost"><span>{topics_list_box.row.L_LASTPOST}</span></dd>
            </dl>
         </li>
      </ul>
      <ul class="topiclist topics bg_none">
<!-- END header_table -->

<!-- BEGIN header_row -->
      <strong>{topics_list_box.row.L_TITLE}</strong>
<!-- END header_row -->

<!-- BEGIN topic -->

   <!-- BEGIN table_sticky -->
         </ul>
         <span class="corners-bottom"><span></span></span></div>
      </div>
      <div class="forumbg">
      <div class="inner"><span class="corners-top"><span></span></span>
      <ul class="topiclist topics">
         <li class="header">
            <dl class="icon">
               <!--<dd class="dterm">-->
               <dd class="dterm" style="padding-left:0;">
                  <!-- BEGIN multi_selection -->
                  <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
                  <!-- END multi_selection -->
                  {topics_list_box.row.topic.table_sticky.L_TITLE}
               </dd>
               <dd class="posts" style="padding-left:45px;">{topics_list_box.row.topic.table_sticky.L_REPLIES}</dd>
               <!-- <dd class="authors">{topics_list_box.row.L_AUTHOR}</dd> -->
               <dd class="views">{topics_list_box.row.topic.table_sticky.L_VIEWS}</dd>
               <dd class="lastpost"><span>{topics_list_box.row.topic.table_sticky.L_LASTPOST}</span></dd>
            </dl>
         </li>
      </ul>
      <ul class="topiclist topics bg_none">
   <!-- END table_sticky -->

      <li class="row {topics_list_box.row.ROW_ALT_CLASS}"<!-- BEGIN line_sticky --> style="margin-top:5px;"<!-- END line_sticky --> >
         <dl class="icon" style="background-image:url('{topics_list_box.row.TOPIC_FOLDER_IMG}');">
            <dd class="dterm" title="{topicrow.TOPIC_FOLDER_IMG_ALT}" {topics_list_box.row.ICON}>
               <!-- BEGIN single_selection -->
                  <input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
               <!-- END single_selection -->
               {topics_list_box.row.NEWEST_POST_IMG}
               {topics_list_box.row.PARTICIPATE_POST_IMG}&nbsp;
               {topics_list_box.row.TOPIC_TYPE}
                <div class="topic-title-container"><span class="icones_sujets"></span><h2 class="topic-title hierarchy"><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a> </h2></div>
               <!-- BEGIN switch_description -->
               <br />
               {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
               <!-- END switch_description -->
               <br />
               {topics_list_box.row.GOTO_PAGE_NEW}
               <span class="span-tab">{topics_list_box.row.L_BY} <strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span>
               <!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE_NEW}<!-- END nav_tree -->
            </dd>
            <dd class="posts">{topics_list_box.row.REPLIES} <dfn>{L_REPLIES}</dfn></dd>
            <dd class="views">{topics_list_box.row.VIEWS} <dfn>{L_VIEWS}</dfn></dd>
            <dd class="lastpost">

                    <!-- BEGIN avatar -->
                    <span class="lastpost-avatar">{topics_list_box.row.topic.avatar.LAST_POST_AVATAR}</span>
                    <div style="float:left;">
                    <!-- END avatar -->

               <span>{topics_list_box.row.LAST_POST_AUTHOR}&nbsp;<dfn>{L_LASTPOST}</dfn>
               {topics_list_box.row.LAST_POST_IMG}<br style="clear:left;" />{topics_list_box.row.LAST_POST_TIME}</span>

                    <!-- BEGIN avatar -->
                    </div>
                    <!-- END avatar -->
            </dd>
            <!-- BEGIN multi_selection -->
               <input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
            <!-- END multi_selection -->
         </dl>
      </li>
<!-- END topic -->
<!-- BEGIN no_topics -->
<li class="row row1">
   <dl>
      <dt><strong>{topics_list_box.row.L_NO_TOPICS}</strong></dt>
   </dl>
</li>
<!-- END no_topics -->

<!-- BEGIN bottom -->
</ul>
   <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->
chattigre

chattigre
****

Messages : 252
Inscrit(e) le : 17/04/2019

http://ddjda.forumactif.fr
chattigre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forcer un redimensionnement automatique des icones de statut de sujet

Message par Jess Capa le Mar 3 Sep 2019 - 18:31

Allons-y pour une deuxième tentative à l'aveugle !

Code:
dl.icon {
width:50px;
}

ou

Code:
dl.icon.forum-icon {
width:50px;
}

Modifiez la valeur comme vous l'entendez... Et si ça ne fonctionne pas, tentez de forcer la chose en modifiant la ligne en "width: 50px !important;". Sinon je passe mon tour ! drunken
Jess Capa

Jess Capa
*

Féminin
Messages : 40
Inscrit(e) le : 04/10/2017

http://www.magicneverdies-rpg.com/
Jess Capa a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forcer un redimensionnement automatique des icones de statut de sujet

Message par chattigre le Mar 3 Sep 2019 - 18:40

Alors passez votre tour Razz Very Happy
Merci quand même Wink
chattigre

chattigre
****

Messages : 252
Inscrit(e) le : 17/04/2019

http://ddjda.forumactif.fr
chattigre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forcer un redimensionnement automatique des icones de statut de sujet

Message par chattigre le Sam 7 Sep 2019 - 12:37

 :up: Allô bonjour, il y a quelqu'un ? Very Happy :up:
chattigre

chattigre
****

Messages : 252
Inscrit(e) le : 17/04/2019

http://ddjda.forumactif.fr
chattigre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forcer un redimensionnement automatique des icones de statut de sujet

Message par chattigre le Mar 10 Sep 2019 - 20:19

@chattigre a écrit: :up: Allô bonjour, il y a quelqu'un ? Very Happy :up:
chattigre

chattigre
****

Messages : 252
Inscrit(e) le : 17/04/2019

http://ddjda.forumactif.fr
chattigre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forcer un redimensionnement automatique des icones de statut de sujet

Message par Tite-May le Mer 11 Sep 2019 - 10:09

Bonjour !

C'est la taille du background à changer.

Code:
.icon {

    background-size: 50px 50px !important;

}

Il faut changer les '50px' par ce que tu souhaites et après adapter la largeur de la zone en fonction de l'espacement nécessaire.
Si jamais ça change aussi là où il ne faut pas, il faut ajouter ".topiclist" devant ".icon"

Bonne journée !
avatar

Tite-May
***

Féminin
Messages : 198
Inscrit(e) le : 13/08/2012

http://tambouille-raleuses.forumactif.com/
Tite-May a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forcer un redimensionnement automatique des icones de statut de sujet

Message par chattigre le Mer 11 Sep 2019 - 15:04

@Tite-May a écrit:Bonjour !

C'est la taille du background à changer.

Code:
.icon {

    background-size: 50px 50px !important;

}

Il faut changer les '50px' par ce que tu souhaites et après adapter la largeur de la zone en fonction de l'espacement nécessaire.
Si jamais ça change aussi là où il ne faut pas, il faut ajouter ".topiclist" devant ".icon"

Bonne journée !
MERCI BEAUCOUP !
C'est parfait ou presque
Effectivement, cela redimensionne aussi les icônes des forums, j'aimerais bien que ces dernières soient un peu plus grosses, mais rajouter .topiclist ne fait rien Wink
Merci beaucoup en tout cas
J'espère que ma demande est faisable, sinon, tant pis Wink
chattigre
chattigre

chattigre
****

Messages : 252
Inscrit(e) le : 17/04/2019

http://ddjda.forumactif.fr
chattigre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forcer un redimensionnement automatique des icones de statut de sujet

Message par Tite-May le Mer 11 Sep 2019 - 17:22

Hello !

Juste pour être sûre de comprendre, peux-tu me montrer, au niveau du chargement des images dans le PA, lesquelles doivent être redimensionnée ?
C'est tout à fait possible normalement.
avatar

Tite-May
***

Féminin
Messages : 198
Inscrit(e) le : 13/08/2012

http://tambouille-raleuses.forumactif.com/
Tite-May a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forcer un redimensionnement automatique des icones de statut de sujet

Message par chattigre le Mer 11 Sep 2019 - 18:31

Toutes celles qui correspondent à la catégorie "icones des sujets" du PA (sauf celles de modération (supprimer, corbeiller, diviser, fusionner, verrouiller...) soit celles ci :

Image supprimée par chattigre

Voilà Wink


Dernière édition par chattigre le Dim 15 Sep 2019 - 13:30, édité 1 fois
chattigre

chattigre
****

Messages : 252
Inscrit(e) le : 17/04/2019

http://ddjda.forumactif.fr
chattigre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forcer un redimensionnement automatique des icones de statut de sujet

Message par Neptunia le Mer 11 Sep 2019 - 18:53

Bonjour chattigre et Tite-May



Code fonctionnel sur un forum pas trop modifié et pas trop en maintenance.
Code:
.dterm {
    background-size: 50px 50px !important;
}

Ne pas oublier d'enlever le code précédent ...
Neptunia

Neptunia
Membre actif

Féminin
Messages : 15239
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forcer un redimensionnement automatique des icones de statut de sujet

Message par chattigre le Mer 11 Sep 2019 - 19:05

@Neptunia a écrit:
Code fonctionnel sur un forum pas trop modifié et pas trop en maintenance.
Question C'est à dire ?...
chattigre

chattigre
****

Messages : 252
Inscrit(e) le : 17/04/2019

http://ddjda.forumactif.fr
chattigre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forcer un redimensionnement automatique des icones de statut de sujet

Message par Neptunia le Mer 11 Sep 2019 - 19:08

Ca veut dire que ton fofo étant en maintenance, j'ai testé sur le mien avec des templates d'origine.

Tant que la structure de base est préservée, ça fonctionnera.
Neptunia

Neptunia
Membre actif

Féminin
Messages : 15239
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forcer un redimensionnement automatique des icones de statut de sujet

Message par chattigre le Mer 11 Sep 2019 - 19:09

Oups, oui bien sur pardon, question bête Very Happy
---
Neptunia, ce code n'a pas l'air de fonctionner sur aucune de mes images... Wink
Surement un problème de templates en effet...
chattigre

chattigre
****

Messages : 252
Inscrit(e) le : 17/04/2019

http://ddjda.forumactif.fr
chattigre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forcer un redimensionnement automatique des icones de statut de sujet

Message par Neptunia le Mer 11 Sep 2019 - 19:13

Ca n'agit que sur les icônes de l'onglet "Icônes de message" sans agir sur celles de l'onglet Icônes des sujets"

Tu as bien mis le point initial ?
Neptunia

Neptunia
Membre actif

Féminin
Messages : 15239
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forcer un redimensionnement automatique des icones de statut de sujet

Message par *Splash* le Mer 11 Sep 2019 - 19:15

Hi Hélène,
Ce code pose problème quand les templates sont modifiés effectivement
*Splash*

*Splash*
Membre actif

Masculin
Messages : 2523
Inscrit(e) le : 25/02/2018

https://lesforums.caforum.fr/
*Splash* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forcer un redimensionnement automatique des icones de statut de sujet

Message par chattigre le Mer 11 Sep 2019 - 19:17

PA - Images - Avancé - Je parle du 3e onglet... (de gauche à droite...)
En clair les images
Sujet
Sujet nouveau
Note
Note nouveau
et tous les autres... Wink
chattigre

chattigre
****

Messages : 252
Inscrit(e) le : 17/04/2019

http://ddjda.forumactif.fr
chattigre a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forcer un redimensionnement automatique des icones de statut de sujet

Message par Tite-May le Mer 11 Sep 2019 - 19:26

bonsoir Chattigre,

Remplace le code que je t'ai donné tout à l'heure par celui-ci :

Code:
.topiclist.topics .icon {
    background-size: 50px 50px !important;
}

On cible un peu plus et tout est OK normalement (tu peux voir le rendu là : http://maven.forumactif.org/ )

Bises
avatar

Tite-May
***

Féminin
Messages : 198
Inscrit(e) le : 13/08/2012

http://tambouille-raleuses.forumactif.com/
Tite-May a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Forcer un redimensionnement automatique des icones de statut de sujet

Message par Tite-May le Dim 15 Sep 2019 - 12:06

Hello Chattigre,

As-tu réussi avec cette solution ou pas ? Smile
(J'vais avoir besoin de mon forum donc je risque de retirer le rendu Razz)
avatar

Tite-May
***

Féminin
Messages : 198
Inscrit(e) le : 13/08/2012

http://tambouille-raleuses.forumactif.com/
Tite-May a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Forcer un redimensionnement automatique des icones de statut de sujet

Message par chattigre le Dim 15 Sep 2019 - 13:29

Oui Tite-May, merci BEAUCOUP !
Désolé de ne pas avoir répondu plus tôt Wink
Sujet résolu !
chattigre

chattigre
****

Messages : 252
Inscrit(e) le : 17/04/2019

http://ddjda.forumactif.fr
chattigre 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