Centrer l'intérieur d'un Widget

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

Résolu Centrer l'intérieur d'un Widget

Message par Snape le Ven 6 Nov 2015 - 15:15

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Autre
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Toujours
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour à tous !

J'ai le Widget "Sujets récents" sur mon forum,

Et je voudrais tout le texte centré dedans Genre:

dfhdskfh fowh foiefh efe
erwrewreffwrf wr wt
wrwerwer wr

J'suis pas doué en CSS alors si quelqu'un pouvait m'aider merci beaucoup !


Dernière édition par Snape le Ven 6 Nov 2015 - 23:43, édité 1 fois

Snape
***

Messages : 157
Inscrit(e) le : 24/01/2011

http://blackhill.forumactif.name/
Snape a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer l'intérieur d'un Widget

Message par GenialJerome le Ven 6 Nov 2015 - 18:30

Je ne peux pas t'aider. Je n'ai aucune photo, ni le lien du site et ni le selecteur. Pour centrer le texte en CSS, il faut mettre :
Code:
le selecteur
{
      text-align : center;
}
Il faut remplacer "Le sélecteur" par le bon

GenialJerome
**

Masculin
Messages : 82
Inscrit(e) le : 21/05/2015

http://redstoneur.pro-forum.fr
GenialJerome a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer l'intérieur d'un Widget

Message par Snape le Ven 6 Nov 2015 - 18:38

Mais je parle du Widget SUJETS RÉCENTS, de quel sélecteur tu parles ?



Voici le CSS pour ce widget en passant:

Code:
/*Sujet récent*/
     
        #recent_topics {
          background-color: #;
          font-family: 'Playfair Display SC', serif;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        -khtml-border-radius: 0px;
        border-radius: 0px;
        color: #D1BFB2;
        font-size: 14px;
        height: 200px;
        width: 300px; /* modif Rem 800px de base*/
        margin: 10px;
        padding: 5px;
        border-right: 0px solid #232C22;
    border-left: 0px solid #232C22; /* couleur du cadre */
        border-bottom: 0px solid #232C22;
    border-top: 0px solid #232C22;
        overflow-y: auto;
        overflow-x: hidden;
        }

Snape
***

Messages : 157
Inscrit(e) le : 24/01/2011

http://blackhill.forumactif.name/
Snape a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer l'intérieur d'un Widget

Message par HPie le Ven 6 Nov 2015 - 22:32

Bonsoir,

Remplacez le contenu du template "mod_recent_topics" par le code suivant:

Code:
<!-- BEGIN scrolling_row -->
    {MARQUEE_JS_SRC}
    <table class="forumline genmed" width="100%" border="0" cellspacing="1" cellpadding="0">
            <tr>
                    <td class="catLeft" height="25">
                            <span class="genmed module-title">{L_RECENT_TOPICS}</span>
                    </td>
            </tr>
            <tr>
                    <td class="row1" style="height:{SCROLL_HEIGHT}px;">
                        <div class="marquee" data-direction='{SCROLL_WAY}' data-duration='{SCROLL_DELAY}' data-pauseOnHover="true" style="overflow:hidden;height:{SCROLL_HEIGHT}px; padding-left: 43%;">
                            <!-- BEGIN recent_topic_row -->
                                »&nbsp;<a href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TITLE}</a><br />
                                <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY}&nbsp;

                                <!-- BEGIN switch_poster -->
                                <a href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />
                                <!-- END switch_poster -->

                                <!-- BEGIN switch_poster_guest -->
                                {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
                                <!-- END switch_poster_guest -->
                            <!-- END recent_topic_row -->
                        </div>
                    </td>
            </tr>
    </table>
    <script>
        $(".marquee").marquee();
    </script>
<!-- END scrolling_row -->
<!-- BEGIN classical_row -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td class="catHead" height="25"><span class="genmed"><b><center>{L_RECENT_TOPICS}</center></b></span></td>
   </tr>
   <tr>
      <td class="row1" style="padding-left: 43%;"><span class="gensmall">
      <!-- BEGIN recent_topic_row -->
      » <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a><br /><img src="{ICON_TIME}" alt="" />{BY}&nbsp;

      <!-- BEGIN switch_poster -->
      <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
      <!-- END switch_poster -->

      <!-- BEGIN switch_poster_guest -->
      {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
      <!-- END switch_poster_guest -->

      {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />

      <!--
      <a href="{classical_row.recent_topic_row.U_POSTER}">{classical_row.recent_topic_row.S_POSTER}</a> {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />
      -->
      <!-- END recent_topic_row -->
      </span></td>
   </tr>
</table>
<!-- END classical_row -->

Enregistrez, puis publiez.

HPie
*****

Messages : 569
Inscrit(e) le : 16/08/2010

http://www.quatelbach.com/
HPie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Centrer l'intérieur d'un Widget

Message par Snape le Ven 6 Nov 2015 - 23:43

Merci beaucoup HPie, tout fonctionne parfaitement après avoir réduit le padding-left un peu à mon goût pour être bien au centre de mon forum !

Snape

Snape
***

Messages : 157
Inscrit(e) le : 24/01/2011

http://blackhill.forumactif.name/
Snape 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