Cadre et fond pour les messages et les profils dans les messages

[azure-fleuria]

salut

Cela fait des jours et des jours que je cherche mais je trouve pas alors je viens demander votre aide ^^

Je voudrais mettre des cadres et fonds autour des messages et autour des profils des messages. Je vous explique avec des schema.

Messages
Je voudrais que les messages soient entouré d'un cadre avec un fond exactement comme ici: https://i.servimg.com/u/f48/15/98/30/11/profil11.jpg

Spoiler:

Profils des messages

Concernant les profil des messages, je voudrais que le type de cadre (avec son fond) que j'encadre avec du rouge ici soit la la place du cadre bleu ici qui débute a partir du rang et qui finit jusqu'a la fin des infos du profil.

Spoiler:

ce que je met ou rouge = fond a la place
Flèche brunes = cadres
Flèches vertes = fonds
Je n'ai pas modifier mon viewtopic_body
Merci

[SoraNoHime]

Bonjour

merci de fournir un schéma du résultat demandé pour plus de facilité, votre css

Cordialement.

[azure-fleuria]

Bonjour

Voici le schéma https://i.servimg.com/u/f48/15/98/30/11/profil10.jpg

Pour le cadre des messages je veux le meme que ici https://i.servimg.com/u/f48/15/98/30/11/profil12.jpg

Et pour le cadre qui entoure l'avatar jusqu’à la fin des info du profil. J'aimerais un qui ressemble a celui qui entoure l'avatar ici https://i.servimg.com/u/f48/15/98/30/11/profil12.jpg

J'aimerais mettre un fond dans le cadre des messages et le cadre des avatar et infos. En gros la ou il y a du rouge ici https://i.servimg.com/u/f48/15/98/30/11/profil10.jpg

mon css

Code:


                    th
                {
       
        -moz-border-radius-topleft: 20px;
        -moz-border-radius-topright: 20px;
        -webkit-border-top-right-radius: 20px; /*arrondis*/
        -webkit-border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
       
        }
       
       
        table.bodylinewidth
        {
        position: relative;
        top: -9px;
        }
        a.forumlink {
        text-decoration: none !important;
        background-color: /*Fond du Cadre*/;
        border-bottom: 2px double /*Bas du Cadre*/;
        border-top: 2px double /*Haut du Cadre*/;
        border-right: 5px solid /*Cadre Droit*/;
        border-left: 5px solid /*Cadre Gauche*/;
        -moz-border-radius: 8px;
        display:block;
        font-weight :bolder !important;
        font-family: serif;
        font-size : 17px !important;}
       
        a.forumlink:hover {
        text-decoration: none !important;
        background-color: /*Fond du Cadre*/;
        border-bottom:2px double #/*Cadre Bas avec la Souris*/;
        border-top: 2px double /*Haut du cadre avec la Souris*/;
        border-right: 5px solid /*Cadre Droit avec la Souris*/;
        border-left: 5px solid /*Cadre Gauche avec la Souris*/;
        -moz-border-radius: 6px;
        display:block;
        font-size : 17px !important;
        font-weight :bolder !important;
        font-family: serif;}
       
        .row3Right
        {
        border: none !important;
        }
        .thHead
        {
        border: none !important;
        }
        .thCornerL, .thCornerR, .thTop
        {
        border: none !important;
        }
        .thLeft, .thRight
        {
        border-left: none !important;
        border-right: none !important;
        }
        .catLeft, .catRight
        {
        border: none! important;
        }
        .catHead
        {
        border: none !important;
        }
        .catBottom
        {
        border: none !important;
        }
           
                .forumline {
                padding: 5px;
                border: 1px solid silver;
                -moz-border-radius: 5px;
                box-shadow: 0px 0px 5px #C0C0C0;
                -moz-box-shadow: 0px 0px 5px #C0C0C0;
                -webkit-box-shadow: 0px 0px 5px #C0C0C0;
                border-image: initial;
                background-color: transparent;
             
       
                }
         
       
       
        .postdetails.poster-profile a img {
        -moz-border-radius-bottomleft:1px;
        -moz-border-radius-bottomright:1px;
        -moz-border-radius-topleft:1px;
        -moz-border-radius-topright:1px;
        border: 2px solid #778940;
        shadow: -3px 3px 3px #000000;
        }
       
       
       
       
       
        .secondarytitle h2 {color : SkyBlue;font-size : 23px;font-family: Georgia;font-weight :normal !important;
        text-shadow: 2px 2px 4px black;
        }
        a.forumlink {
        color : #99cc99;font-size :17px !important;font-weight :bolder !important;font-family: serif;  font-style :italic;
        }
       
        a:hover{ text-decoration: none;
        font-weight:bold;
       
        }

pour plus d'explication:

Je n'ai pas modifier mon viewtopic_body

Merci

[SoraNoHime]

Repérez :

Code:


   <!-- BEGIN displayed -->
   <tr class="post">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">

et remplacez le par :

Code:


   <!-- BEGIN displayed -->
   <tr class="post">
      <td class="postprofil"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">

puis repérez :

Code:


         <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
      </td>
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">

et remplacez le par :

Code:


         <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
      </td>
      <td class="postmessage"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">

et dans la css ajoutez :

.postprofil {
background-image : url('adresse de l'image');
border : 1px solid #000000;
-moz-border-radius : 28px;
-webkit-border-radius : 28px;
-khtml-border-radius : 28px;
border-radius : 28px;
}

.postmessage {
background-image : url('adresse de l'image');
border : 1px solid #000000;
-moz-border-radius : 28px;
-webkit-border-radius : 28px;
-khtml-border-radius : 28px;
border-radius : 28px;
}

personnalisez les parties en rouge.

Cela vous va-t-il ?

[azure-fleuria]

Bonjour Macema
Premièrement merci de votre aide c’est super comment vous nous aidez. ^^ Bref cela n'est pas tout a fait ce que je veux mais on y est presque ^^

Voici ce que ça donne: https://i.servimg.com/u/f48/15/98/30/11/11111111.jpg

Et voici mes problèmes x)

1. J'aimerais agrandir cet espace
https://i.servimg.com/u/f48/15/98/30/11/33333311.jpg

2.Voici comment je veux que les cadres se placent
https://i.servimg.com/u/f48/15/98/30/11/22222211.jpg
-Pour les infos du profil le cadre commence de l'avatar jusqu’à la fin des info et la il se ferme. Il ne continue pas.
-Pour le message, il entoure que le message. Par le truc sujet heure de post etc.

3. J'aimerais un espace entre les deux cadres comme ce que j'indique en vert ici https://i.servimg.com/u/f48/15/98/30/11/22222211.jpg

4. Si possible j'aimerais qu'il y ait une marge de 10 px a peu près ente les cadres et leur contenue. (ce que je veux dire c'est un espace entre le cadre et le message de 10px + un espace de 10 px entre le cadre et les infos de profil)

J’espère ne pas trop vous ennuyer :/
Merci

[azure-fleuria]

up svp

[azure-fleuria]

Aidez moi svp

[azure-fleuria]

Help svp

[azure-fleuria]

up svp

[azure-fleuria]

Up!

[azure-fleuria]

Aidez moi svp

[azure-fleuria]

a lock

N'ayant pas recu de solution pour mes autres sujets je reposte mon probleme dans la partie code car c'Est partie la plus approprié. Aussi Macema a commencé a m'aider pour mes autres sujets mais n'a pas continué ce qui fait que ca bloque mes topics et ce qui fait que personne d'autre ne pourra m'aider.