Bienvenue
sur
Never-Utopia

Tu es déconnecté.

Never-Utopia

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    [CSS] Personnalisé la colonne "Dernier message"

    Partagez
    MasculinAge : 24Message(s) : 1865
    Sui'
    le Lun 2 Aoû 2010 - 11:17
    Hello N'Utopien / N'Utopienne !!!

    Ce petit tutoriel vous permettra tout simplement de personnalisé le contenu de votre colonne "Dernier Message", il faudra juste un petit passage dans les templates Wink.

    Niveau: Facile Aperçu: Ici



    Alors alors, commencez par aller dans votre Panneau d'administration -> Affichage -> Template : Général -> Accédez au template : Index_box

    Descendez vers le bas de ce template et repéré cet partie du code:

    Code:
          <td class="row3 over" align="center" valign="middle" height="50">
             <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
          </td>

    Remplacer cet partie par ça:

    Code:
          <td class="row3 over" align="center" valign="middle" height="50">
             <div class="lastpost">{catrow.forumrow.LAST_POST}</div>
          </td>

    Une fois fait valider puis cliquer sur la croix verte pour publier.

    Dirigez vous maintenant dans Affichage -> Couleur -> Feuille de Style CSS et mettez ce code CSS à la fin:

    Code:
    .lastpost{
        padding: 2px; /* Espace entre le cadre et le texte
        font-family: verdana; /* Police du texte
        font-size: 10px; /* Taille du texte
        background: #FFF; /* Couleur de fond
        color: #000; /* Couleur du texte
        border: 2px solid #000; /* Taille - Style - Couleur de la bordure
        text-decoration: none; /* Aucune décoration au texte
        -moz-border-radius: 5px; /* Arrondis pour Mozilla
        -webkit-border-radius: 5px; /* Arrondis pour Safari et Chrome
        border-radius: 5px;
        -o-border-radius: 5px; /* Arrondis pour Opéra
    }

    Pensez à enlever les explications que j'ai mis et amusez vous à bidouiller le css à votre guise!!

    Pour toutes questions ou autre n'hésitez pas :).

    Bonne chance!


    Merci beaucoup Woo pour ce kit *-*

    Sui' Art's
    FémininAge : 22Message(s) : 9733

    Les Guildes
    Guilde des Conteurs:
    4/10  (4/10)
    Guilde des Illusionnistes:
    2/10  (2/10)
    Guilde des Architectes:
    10/20  (10/20)
    Halloween
    le Mer 25 Aoû 2010 - 15:44
    Sympa =D (même si comme d'hab' j'obtiens pas le bon truc --' Je suis maudite).


    Je mets les voiles, que le vent te soit favorable matelot !
    FémininAge : 35Message(s) : 6
    Sabrina
    le Mer 25 Aoû 2010 - 19:12
    Super
    Merci beaucoup !


    Dernière édition par Sabrina le Mer 25 Aoû 2010 - 19:44, édité 2 fois
    MasculinAge : 20Message(s) : 1719

    Les Guildes
    Guilde des Conteurs:
    0/10  (0/10)
    Guilde des Illusionnistes:
    1/10  (1/10)
    Guilde des Architectes:
    0/10  (0/10)
    Soul
    le Mer 25 Aoû 2010 - 19:26
    voila ce que j'ai:



    :S
    FémininAge : 22Message(s) : 9733

    Les Guildes
    Guilde des Conteurs:
    4/10  (4/10)
    Guilde des Illusionnistes:
    2/10  (2/10)
    Guilde des Architectes:
    10/20  (10/20)
    Halloween
    le Mer 25 Aoû 2010 - 19:35
    J'ai comme Mister Brain ^^


    Je mets les voiles, que le vent te soit favorable matelot !
    MasculinAge : 22Message(s) : 436
    Kuro'
    le Mer 25 Aoû 2010 - 19:39
    Envoyez vos code CSS parce que là :o

    Bon tuto sinon malgré que je connaissais déjà :3



    Merci Didi-senpai ! :)
    MasculinAge : 20Message(s) : 1719

    Les Guildes
    Guilde des Conteurs:
    0/10  (0/10)
    Guilde des Illusionnistes:
    1/10  (1/10)
    Guilde des Architectes:
    0/10  (0/10)
    Soul
    le Mer 25 Aoû 2010 - 19:49
    voila mine :

    Code:

    .lastpost{
        padding: 2px; /*
        font-family: verdana; /*
        font-size: 10px; /*
        background: #FFF; /*
        color: #000; /*
        border: 2px solid #000; /*
        text-decoration: none; /*
        -moz-border-radius: 5px; /*
        -webkit-border-radius: 5px; /*
        border-radius: 5px;
        -o-border-radius: 5px; /*
    }
    MasculinAge : 22Message(s) : 436
    Kuro'
    le Mer 25 Aoû 2010 - 20:51
    Code:
    .lastpost{
        padding: 2px;
        font-family: verdana;
        font-size: 10px;
        background: #FFFFFF;
        color: #000000;
        border: 2px solid #000000;
        text-decoration: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -o-border-radius: 5px;
    }

    Essaie ça, mais je te garanti pas que ça marchera ^^'



    Merci Didi-senpai ! :)
    MasculinAge : 20Message(s) : 1719

    Les Guildes
    Guilde des Conteurs:
    0/10  (0/10)
    Guilde des Illusionnistes:
    1/10  (1/10)
    Guilde des Architectes:
    0/10  (0/10)
    Soul
    le Mer 25 Aoû 2010 - 21:28
    Youpi sa marche merci bien !
    FémininAge : 28Message(s) : 101
    Lutine
    le Dim 7 Nov 2010 - 14:49
    Ma question va peut être vous paraitre bête mais j'ai déjà modifié cette partie du code, du coup je suis un peu perdue

    Code:
    <td class="row3 over" align="center" valign="middle" height="50">
                <span class="gensmall"></span><br />
        <span class="gensmall">{catrow.forumrow.LAST_POST}<br>{catrow.forumrow.POSTS} messages || {catrow.forumrow.TOPICS} sujets</span>
              </td>
    MasculinAge : 23Message(s) : 1628
    Daft Kakashi
    le Dim 7 Nov 2010 - 21:05
    Merci beaucoup pour le partage!



    FémininAge : 51Message(s) : 150
    âme
    le Mer 1 Déc 2010 - 0:17
    Ohhh superbe !
    Essais sur mon fo' de tests et résultat impeccable :)
    Merci beaucoup Sui' ham3


    Sur Color'Avenue, L'urgent est déjà fait, l'impossible est en cours...pour les miracles, prévoir un délais.
    FémininAge : 25Message(s) : 41
    Kawazu
    le Mer 2 Fév 2011 - 14:29

    Je ne sais pas s'il faut régler quelque chose mais je ne peux pas accéder aux templates, je peux cliquer sur n'importe lequel de ces sous-dossier et j'ai seulement ce message :

    <Pour revenir au template par défaut, cliquez sur supprimer : attention, votre template sera effacé !

    Seuls les templates des versions phpBB2 ou PunBB sont affectés par ces modifications.>>

    FémininAge : 23Message(s) : 118
    Orkais
    le Mar 24 Mai 2011 - 11:18
    Bonjour ! ^^
    Voilà, je ne comprends pas, lorsque je fais ceci, j'arrive à obtenir le cadre autour etc, mais le titre du topic n'apparait pas. Est-ce une manip qu'il faut faire dans le PA, mais autre part ?

    Merci d'avance :)


    "A lot of people say you need love to live. Oxygen is even more important..."
    FémininAge : 26Message(s) : 23
    Daddoo
    le Mer 1 Juin 2011 - 23:17
    Je sais déjà faire, mais Merci :)
    MasculinAge : 21Message(s) : 9
    Trend
    le Sam 25 Juin 2011 - 16:19
    j'ai réussi mais j'aimerais y lier le nombre de topics et de messages en dessous et au dessus le début du nom du topic où se trouve le dernier message
    MasculinAge : 32Message(s) : 64
    Dieu Du-Ciel
    le Lun 27 Juin 2011 - 14:53
    merci plus moyen de me souvenir de la ligne css pour la taille texte sauvé :678:


    FémininAge : 20Message(s) : 14
    Rêve-Paradoxal
    le Dim 3 Juil 2011 - 10:25
    Merci beaucoup, ça marche très bien et les explications dans le code css sont très utiles ! :)
    MasculinAge : 35Message(s) : 54
    objectif photo
    le Dim 7 Aoû 2011 - 3:53
    merci Wink


    http://objectif-photo.forumgratuit.org/
    FémininAge : 20Message(s) : 8
    Miki Rei
    le Lun 9 Jan 2012 - 22:03
    Merci ! C'est exactement ce dont j'avais besoin !
    FémininAge : 29Message(s) : 24
    an@
    le Mar 7 Fév 2012 - 13:09
    Merci :)
    FémininAge : 20Message(s) : 49
    Grenouille
    le Dim 12 Fév 2012 - 14:42
    Merci o/
    FémininAge : 44Message(s) : 9
    Moïdis
    le Mer 21 Mar 2012 - 15:02
    bonjour ça marche pas pour moi je dois être neuneu pale
    FémininAge : 23Message(s) : 66
    pinote20e4
    le Ven 6 Juil 2012 - 16:34
    Merci beaucoup pour ton aide!
    FémininAge : 22Message(s) : 12
    Zyloa
    le Mar 10 Juil 2012 - 15:49
    Merci beaucoup! :3
    Contenu sponsorisé
    Aujourd'hui à 20:54

      La date/heure actuelle est Sam 1 Oct 2016 - 20:54