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
    Rappel du premier message :

    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 : 18Message(s) : 129
    Lesliie
    le Dim 12 Aoû 2012 - 16:50
    Merci ! (:
    FémininAge : 26Message(s) : 133
    Falyae
    le Sam 9 Fév 2013 - 14:05
    merci ^^


    FémininAge : 35Message(s) : 44
    Ahina
    le Mar 22 Oct 2013 - 13:56
    Très sympa, merci :)
    FémininAge : 16Message(s) : 25
    Théandras
    le Jeu 1 Mai 2014 - 18:50
    Merci beaucoup pour le partage  
    c'est :top: !!!
    Contenu sponsorisé
    Aujourd'hui à 12:00

      La date/heure actuelle est Ven 30 Sep 2016 - 12:00