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

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
avatar

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
avatar

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;
        }
avatar

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 : 598
Inscrit(e) le : 16/08/2010

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
avatar

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