|
 saia 
{ Membre }
 Messages : 85
 | Bonsoir j'aurais aimé savoir comment je pouvais rendre mon profil comme ceçi:
https://2img.net/r/hpimg15/pics/708385924.png
J'ai essayer pas mal de tutoriel et je n'y arrive pas '_' | | |
|
 | |
Nihil 
{ Modérateur }
Messages : 1216
| Bonsoir Saia, Le tuto "Sortir le profil du cadre du message" pourra peut-être t'aider  | | |
|
| | |
saia
{ Membre }
Messages : 85
| Merci Nihil mais j'ai deja essayer de comprendre se tuto et ça n'a pas fonctionné ^^ | | |
|
| | |
Nihil
{ Modérateur }
Messages : 1216
| Est ce que tu pourrais être plus précise sur ce qui n'a pas marché  ? Quels étaient les problèmes ? | | |
|
| | |
saia
{ Membre }
Messages : 85
| Oh oui biensur. Et bien disons que mon profil est censer ressemblé à ceci: https://2img.net/r/hpimg11/pics/940170base2.png et j'aimerais le sortir mais le probleme c'est que mon profil est constitué comme çeci: https://2img.net/r/hpimg11/pics/603138622.png je te passe mon codage enfin celui surtout du template: - Code:
-
<!-- END switch_vote_active --> <div class="mon_profil_exterieur"> <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="238" style="background-image: url(http://img11.hostingpics.net/pics/138078base.png); background-repeat:no-repeat; min-width:350px;"> <span class="postdetails poster-profile"> {postrow.displayed.POSTER_AVATAR}<br /><br /> <div class="profilinfo"><!-- BEGIN profile_field --> {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR} <!-- END profile_field --> {postrow.displayed.POSTER_RPG}</div> </span><br /> <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" /> </div> <div class="postbody ma_marge_profil"> <div>{postrow.displayed.MESSAGE}</div> <!-- BEGIN switch_attachments --> - Code:
-
.postdetails.poster-profile a img{
margin-top: 78px;
margin-left: 21px;
width: 200px;
height: 400px;
}
.profilinfo{
width: 200px;
height: 400px;
margin-left: 21px;
overflow: auto;
}
.pseudop{
text-align: center;
margin-top: -6px;
}
.ma_marge_profil {
min-height: 230px; /* Hauteur minimale d’un message */
padding-left : 80px; /* Espacement à gauche */
} | | |
|
| | |
Nihil
{ Modérateur }
Messages : 1216
| Est ce que je pourrai avoir un lien d'un sujet du forum en question pour que je regarde en direct, ça sera plus simple ? | | |
|
| | |
saia
{ Membre }
Messages : 85
| ah oui biensur je te donne mon fofo test
http://lasgard.forumactif.org/t1-klmkukldqfsf | | |
|
| | |
Nihil
{ Modérateur }
Messages : 1216
| Peux tu bien relire le tutoriel et le refaire rigoureusement ? En effet, il est par exemple bien précisé de transformer la cellule td en bloc div (là il y a encore la td dans ton code ^^) | | |
|
| | |
saia
{ Membre }
Messages : 85
| j'ai relue et en effet j'avais oublié une td X.X mais mon probleme reste toujours légèrement le même. https://2img.net/r/hpimg15/pics/237164Sanstitre.png tremplate modifier - Code:
-
<!-- END switch_vote_active --> <div class="mon_profil_exterieur"> <div class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="238" style="background-image: url(http://img11.hostingpics.net/pics/138078base.png); background-repeat:no-repeat; min-width:350px;"> <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br /> <span class="postdetails poster-profile"> {postrow.displayed.POSTER_RANK}<br /> {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br /> <!-- BEGIN profile_field --> {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR} <!-- END profile_field --> {postrow.displayed.POSTER_RPG} </span><br /> <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" /> </div> <div class="postbody ma_marge_profil"> <div>{postrow.displayed.MESSAGE}</div> | | |
|
| | |
Nihil
{ Modérateur }
Messages : 1216
| Dans le code que tu viens de poster, il y a un souci de fermture de balise En effet, la div " " ne se ferme nul part ^^' Du coup, le message ({postrow.displayed.MESSAGE}) se retrouve DANS le profil, ce qui crée un bug  | | |
|
| | |
saia
{ Membre }
Messages : 85
| AH merci beaucoup! sa marche parfaitement! par contre je n'arrive pas a installer les citrouilles par dessus tout ceci.
Dois-je crée un CSS pour cela avec une div class qui serra mis dans les templates? | | |
|
| | |
Nihil
{ Modérateur }
Messages : 1216
| Tu veux que l'image des citrouilles soit au dessus c'est ça ? Si oui, commence par enlever ce que tu as mis pour afficher les citrouilles, ça pourrait créer un bug pour après. Essaye ceci : - Code:
-
.mon_profil_exterieur:after {
content: "";
display: block;
position: absolute;
top: 0; /* changer pour descendre un peu l'image*/
background: red; /* mettre le bon background */
height: 300px; /* changer pour la bonne taille */
width: 200px; /* changer pour la bonne largeur */ Normalement ça devrait bien marcher | | |
|
| | |
saia
{ Membre }
Messages : 85
| Merci à toi le code marche parfaitement =) | | |
|
| | |
Nihil
{ Modérateur }
Messages : 1216
| Heureuse d'avoir pu t'aider La prochaine fois, pense à être bien rigoureuse quand tu suis un tutoriel, et et à la fermeture de tes balises ! | | |
|
| | |
Contenu sponsorisé
| |
| | |
|
