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 Sam 18 Déc 2010 - 23: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 - 12:52, édité 4 fois
avatar

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 Lun 20 Déc 2010 - 16:45

Up de la journée.

avatar

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 Mar 21 Déc 2010 - 23: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://2img.net/i/fa/empty.gif" alt="" style="width: 150px; height:1px" />
</td>







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

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 Jeu 23 Déc 2010 - 12: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
avatar

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é Jeu 23 Déc 2010 - 13: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:
Profil en trois parties  Captur44.
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.
Anonymous

Invité
Invité


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

Résolu Re: Profil en trois parties

Message par Sparkling Dragonfly Jeu 23 Déc 2010 - 20: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 : Profil en trois parties  Dartmo12

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
avatar

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é Ven 24 Déc 2010 - 10: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:
Profil en trois parties  Captur45

Cordialement.
Anonymous

Invité
Invité


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

Résolu Re: Profil en trois parties

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

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

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

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum