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

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Cadre et fond pour les messages et les profils dans les messages

Message par azure-fleuria le Lun 13 Fév 2012 - 2:11

salut Very Happy

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://i48.servimg.com/u/f48/15/98/30/11/profil11.jpg

Spoiler:

je veux donc un cadre et un fond

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:

je veux donc un cadre et un fond

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 victoire Smile Smile Smile


Dernière édition par azure-fleuria le Dim 19 Fév 2012 - 5:00, édité 1 fois

azure-fleuria
**

Messages : 53
Inscrit(e) le : 13/02/2012

http://www.azure-fleuria.com
azure-fleuria a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre et fond pour les messages et les profils dans les messages

Message par SoraNoHime le Lun 13 Fév 2012 - 10:11

Bonjour

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

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre et fond pour les messages et les profils dans les messages

Message par azure-fleuria le Lun 13 Fév 2012 - 18:51

Bonjour Smile

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

Pour le cadre des messages je veux le meme que ici https://i48.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://i48.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://i48.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 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://i48.servimg.com/u/f48/15/98/30/11/profil11.jpg

Spoiler:

je veux donc un cadre et un fond

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:

je veux donc un cadre et un fond

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 Smile

azure-fleuria
**

Messages : 53
Inscrit(e) le : 13/02/2012

http://www.azure-fleuria.com
azure-fleuria a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre et fond pour les messages et les profils dans les messages

Message par SoraNoHime le Lun 13 Fév 2012 - 22:55

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://illiweb.com/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://illiweb.com/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 ?

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre et fond pour les messages et les profils dans les messages

Message par azure-fleuria le Mar 14 Fév 2012 - 3:18

Bonjour Macema Smile
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://i48.servimg.com/u/f48/15/98/30/11/11111111.jpg

Et voici mes problèmes x)

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

2.Voici comment je veux que les cadres se placent
https://i48.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://i48.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 Smile I love you

azure-fleuria
**

Messages : 53
Inscrit(e) le : 13/02/2012

http://www.azure-fleuria.com
azure-fleuria a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre et fond pour les messages et les profils dans les messages

Message par azure-fleuria le Mer 15 Fév 2012 - 1:11

up svp Sad

azure-fleuria
**

Messages : 53
Inscrit(e) le : 13/02/2012

http://www.azure-fleuria.com
azure-fleuria a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre et fond pour les messages et les profils dans les messages

Message par azure-fleuria le Mer 15 Fév 2012 - 22:23

Aidez moi svp Sad

azure-fleuria
**

Messages : 53
Inscrit(e) le : 13/02/2012

http://www.azure-fleuria.com
azure-fleuria a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre et fond pour les messages et les profils dans les messages

Message par azure-fleuria le Jeu 16 Fév 2012 - 2:54

Help svp Sad

azure-fleuria
**

Messages : 53
Inscrit(e) le : 13/02/2012

http://www.azure-fleuria.com
azure-fleuria a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre et fond pour les messages et les profils dans les messages

Message par azure-fleuria le Jeu 16 Fév 2012 - 18:55

up svp

azure-fleuria
**

Messages : 53
Inscrit(e) le : 13/02/2012

http://www.azure-fleuria.com
azure-fleuria a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre et fond pour les messages et les profils dans les messages

Message par azure-fleuria le Ven 17 Fév 2012 - 18:44

Up!

azure-fleuria
**

Messages : 53
Inscrit(e) le : 13/02/2012

http://www.azure-fleuria.com
azure-fleuria a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre et fond pour les messages et les profils dans les messages

Message par azure-fleuria le Sam 18 Fév 2012 - 19:25

Aidez moi svp Sad

azure-fleuria
**

Messages : 53
Inscrit(e) le : 13/02/2012

http://www.azure-fleuria.com
azure-fleuria a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre et fond pour les messages et les profils dans les messages

Message par azure-fleuria le Dim 19 Fév 2012 - 4:55

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.

azure-fleuria
**

Messages : 53
Inscrit(e) le : 13/02/2012

http://www.azure-fleuria.com
azure-fleuria 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