Profil en trois parties

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

Résolu Profil en trois parties

Message par Sparkling Dragonfly le Sam 18 Déc 2010 - 22:34

Bonjour, c'est encore moi. ^^
J'ai plusieurs petits problèmes à régler encore et il y a celui du profil, je me suis débrouillée pour l'instant pour faire un profil avec deux blocs( deux cadres) , le 1° qui englobe le pseudo, le rang et l'avatar et le second qui englobe les informations (date d'inscription, le nombre de message etc...) et la feuille de personnage, mais moi j'aurais voulu trois blocs, et ainsi que les informations du profil soit séparées du bloc feuille de personnage.

En clair je voudrais trois blocs :
-1° avec le pseudo, rang, avatar dans un cadre
-2° avec les informations comme la date d'inscription, le nombre de message etc.. dans un autre cadre
-3° : avec la feuille de personnage que je déjà mis en spoiler. dans un autre cadre

J'ai refais de nouveaux codes dans mon troisième message avec les explications.^^





Merci infiniment à celui ou celle qui m'aidera. Very Happy


Dernière édition par Sparkling Dragonfly le Ven 24 Déc 2010 - 11:52, édité 4 fois

Sparkling Dragonfly
Nouveau membre

Messages : 29
Inscrit(e) le : 28/11/2010

http://dartmouth.forumgratuit.org/
Sparkling Dragonfly a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil en trois parties

Message par Sparkling Dragonfly le Lun 20 Déc 2010 - 15:45

Up de la journée.


Sparkling Dragonfly
Nouveau membre

Messages : 29
Inscrit(e) le : 28/11/2010

http://dartmouth.forumgratuit.org/
Sparkling Dragonfly a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil en trois parties

Message par Sparkling Dragonfly le Mar 21 Déc 2010 - 22:19

Up de la journée

Edith, : j'ai finalement réussi à mettre un cadre de fond dans ma troisième partie mais il reste toujours le premièr problème :



- la partie des informations message, date d'inscription etc.. sont tous séparés dans des petits cadres collés alors que je voulais qu'ils soient tous dans le même cadre mais séparé de la feuille de perso et de l'avatar.



Je vous met ma nouvelle feuille css qui correspond au profil :
Code:



.profilentour {
text-align: center;
padding: 8px;
background-color: #ebe6d6;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
display:block;
border-right: 5px solid blake;
border-left: 5px solid blake;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px:;
padding: 2px;
}

.profilentinfos {
text-align: left;
padding: 8px;
background-color: #ebe6d6;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
display:block;
border-right: 5px solid blake;
border-left: 5px solid blake;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px:;
padding: 2px;



}


.profiledetails {
font-family: GEORGIA;
text-align: center;
padding: 8px;
background-color: #ebe6d6;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
text-align: center;
}


.profil1{
font-family: GEORGIA;
background-color: #ebe6d6;
-moz-border-radius:15px 15px 15px 15px;
  font-family: Trebuchet MS;
          font-size: 11px;
div style=" width: 30px;
span style="font-size: 18px;
 font-style: font-weight: font: arial black;
 color: #A9A9A9;
 text-shadow: 1px 1px 1px #919191

 
width: 130px; height:30px;
-moz-border-radius : 10px 10px 10px 10px;
border: 3px solid #FFFFFF;
padding-right: 10px; padding-left: 10px;"
text-align: center;
}

.postdetails textarea {width:150px;
-moz-border-radius:20px 20px 20px 20px;
color:white}

et mon template :
Code:
  <!-- BEGIN postrow -->
<!-- BEGIN displayed -->
<tr class="post">
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<div class="profilentour"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span>

<span class="postdetails poster-profile"><br>
{postrow.displayed.POSTER_RANK}

{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}
</span></div>

<br><!-- BEGIN profile_field -->

<div class="profilentinfos"><span class="postdetails poster-profile">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</span></div></br>


 

<!-- END profile_field --><br>

          <div class="profiledetails"><center><div class="profilmasque" onClick="this.firstChild.value=(this.firstChild.value=='La boite à Bazzard')?'Masquer':'La boite à Bazzard';this.lastChild.style.display=(this.firstChild.value=='La boite à Bazzard')?'none':'block';" style="text-align: center;"><input type="button" value="La boite à Bazzard" class="profil1"/><div style="display: none;  text-align:center;">


          {postrow.displayed.POSTER_RPG}</span></div>

 
            </div></div>
</span>
</div>
<img src="http://illiweb.com/fa/empty.gif" alt="" style="width: 150px; height:1px" />
</td>







Merci à celui ou celle qui prendra le temps pour m'aider. Very Happy

Sparkling Dragonfly
Nouveau membre

Messages : 29
Inscrit(e) le : 28/11/2010

http://dartmouth.forumgratuit.org/
Sparkling Dragonfly a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil en trois parties

Message par Sparkling Dragonfly le Jeu 23 Déc 2010 - 11:37

Petit up de la journée. s'il vous plait, c'est normalement la dernière fois que je fais appel à votre aide, après je vous embête plus promis. Very Happy

Sparkling Dragonfly
Nouveau membre

Messages : 29
Inscrit(e) le : 28/11/2010

http://dartmouth.forumgratuit.org/
Sparkling Dragonfly a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil en trois parties

Message par Invité le Jeu 23 Déc 2010 - 12:22

Bonjour,

Je ne veux pas m'avancer, mais je pense que vous n'embêtez personne Wink . Par contre je ne vois pas où est le soucis... en utilisant votre template et votre CSS j'obtiens ceci sur mon forum test:
.
Essayez d'enregistrer votre template et votre feuille CSS modifiés sur le bloc note par exemple. Remettez le template d'origine puis vider le cache de votre navigateur. Ensuite ré-installez le template modifié et la feuille CSS. Parfois de défaire et refaire permet de valider les changements.

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil en trois parties

Message par Sparkling Dragonfly le Jeu 23 Déc 2010 - 19:58

Bonjour, merci de m'aider, alors j'ai essayé, mais je me dis que ça vient peut-être des couleurs, c'est pour ça qu'on ne le voit pas très bien à l'écran, j'ai donc changé la couleur du profil infos en bleu, et on voit mieux le problème, j'ai fait une capture d'écran pour vous montrer :

On peut voir dans la partie en bleu que toutes les infos sont séparées comme si elles étaient chacune dans un tableau, et je ne voudrais plus voir cette séparation qui fait bizarre sur les bords. ^^ Very Happy

Sparkling Dragonfly
Nouveau membre

Messages : 29
Inscrit(e) le : 28/11/2010

http://dartmouth.forumgratuit.org/
Sparkling Dragonfly a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil en trois parties

Message par Invité le Ven 24 Déc 2010 - 9:56

Bonjour,

Je crois que j'ai trouvé une solution. Remplacez:
Code:
<br><!-- BEGIN profile_field -->

<div class="profilentinfos"><span class="postdetails poster-profile">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</span></div></br>

<!-- END profile_field --><br>
Par:
Code:
<br><table class="profilentinfos"><tr><td><!-- BEGIN profile_field -->
<span class="postdetails poster-profile">{postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</span>

<!-- END profile_field --></td><tr></table><br>
Ça me donne ceci:


Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil en trois parties

Message par Sparkling Dragonfly le Ven 24 Déc 2010 - 11:52

C'est bon ça marche ! cheers
Tu es génial, merci infiniment, c'est parfait. Yahoo

Sparkling Dragonfly
Nouveau membre

Messages : 29
Inscrit(e) le : 28/11/2010

http://dartmouth.forumgratuit.org/
Sparkling Dragonfly 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