AccueilDernières imagesRechercherS'enregistrerConnexion

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.


    [MESSAGE] (HIRONDELLE) Cadre des messages

    Théine
    Théine
    MasculinAge : 44Messages : 24

    Lun 30 Mar 2015 - 19:35

    Ma demande



    Bonjour ! ~
    Je me demandais où je devais aller bidouiller pour arranger le "cadre" des messages. Je sais pas, imaginons que je veuille placer une bordure un peu laide "20px solid red" (histoire que je puisse bien voir les changements) où est-ce que je dois aller ?
    J'espère être à peu près clair. u.u'
    Merci d'avance ! .o/


    Schéma(s) et Eléments
    Schémas : [MESSAGE] (HIRONDELLE) Cadre des messages 507547messagestructure
    Effets voulus : Avoir un cadre personnalisé tout autour du message.
    Version de votre forum : PHPBB2,


    Ressources
    hirondelle
    hirondelle
    FémininAge : 35Messages : 134

    Ven 3 Avr 2015 - 14:08

    Bonjour,

    Quand tu parles de la bordure du message, tu parles de celle avec le titre du sujet? comme ici?

    Si c'est ça, tu dois te rendre dans ta template viewtopic_body
    [générale - Affichage - Template - Viewtopic-body]

    Ce qui t'intéresse est ceci
    Code:
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" >
       <tr align="right">
          <td class="catHead" colspan="3" height="28">
             <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                   <td width="9%" class="noprint"> </td>
                   <td align="center" class="t-title">
                      <h1 class="cattitle"> {TOPIC_TITLE}</h1>
                   </td>
                   <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
                </tr>
             </table>

    Ce que j'ai fait sur mon forum test, j'ai supprimé les trois colonnes en ne gardant juste que {TOPIC-TITLE}
    En gros ça donne ceci

    Code:
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                   
                   <td align="center" class="topictitle">
                      {TOPIC_TITLE}
                   </td>
                              </tr>
             </table>

    Et le css
    Code:
    .topictitle
    /*-couleur de fond ou image-*/
    background-color:# ;
    background-image:url('url de l'image');
    background-repeat:repeat/no-repeat;
    /*-bordure-*/
    border:Xpx solid/dotted/dashed/double #color;
    border-radius:Xpx;
    /*-style d'écriture*/
    font-family:police d'écirutre;
    font-size:taille de la police d'écriture;
    etc...
    }

    Mais attention, si tu changes le titre du sujet, il va falloir que tu le changes aussi plus bas dans la template.
    Ca:
    Code:

       <tr align="right">
          <td class="catBottom" colspan="3" height="28">
             <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                   <td width="9%" class="noprint"> </td>
                   <td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
                   <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a>&nbsp;</td>
                </tr>
             </table>
          </td>
       </tr>
    </table>

    Deviendra:
    Code:

       <tr align="right">
          <td class="catBottom" colspan="3" height="28">
             <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                   
                   <td align="center" class="topictitle"><a name="bottomtitle"></a>{TOPIC_TITLE}</td>

                </tr>
             </table>
          </td>
       </tr>
    </table>

    Voilà, j'espère avoir pu t'aider :)
    Théine
    Théine
    MasculinAge : 44Messages : 24

    Ven 3 Avr 2015 - 19:50

    !!! Oui c'est exactement ça !!! Merci beaucoup !!! Very Happy

    hirondelle
    hirondelle
    FémininAge : 35Messages : 134

    Ven 3 Avr 2015 - 23:17

    De rien. Je suis heureuse si ça te sert ^^
    A-Lice
    A-Lice
    FémininAge : 30Messages : 4939

    Sam 4 Avr 2015 - 22:40

    Si la demande est terminée n'oublie pas d'éditer ton premier message pour mettre l'icône "terminé" [MESSAGE] (HIRONDELLE) Cadre des messages 405030termin

    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Mar 14 Avr 2015 - 8:42

    N'ayant pas de réponses et puisque cela a l'air terminé, j'archive Wink



    Contenu sponsorisé


      La date/heure actuelle est Mar 26 Nov 2024 - 10:54