AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

Le Deal du moment :
Smartphone Xiaomi 14 – 512 Go- 6,36″ 5G ...
Voir le deal
599 €

    Profil dentelle ~

    Javarakita
    Javarakita
    FémininAge : 24Messages : 86

    Mer 25 Juin 2014 - 20:02

    Ma demande



    Koukou ! :3 Aujourd'hui je reviens pour commander un profil avec de la dentelle pasque la dentelle c'est trop swaaag. /humhum/
    Donc je remercie infiniment la personne qui me prendra en charge /ou plutôt la commande/
    Merci merci d'avance :3

    Schéma(s) et Eléments
    Schémas : Ici pour voir ce petit schéma !
    Tailles des éléments : Tout est normalement indiqué.
    Les avatars font 320x200.
    La taille de la police pour le pseudo est de 20px.
    Effets voulus : Aucun .
    Version de votre forum : PHPBB2

    Ressources
    L'avatar : http://upz.fr/cLd7W.png
    Le cadre : http://upz.fr/5KCKs.png


    Autres précisions ?
    La police du pseudo est Playball
    La police principale est Trebuchet MS.
    La couleur du fond est #CED4E2
    La couleur de l'intérieur du petit cadre est #5F73A0


    Dernière édition par Javarakita le Mer 9 Juil 2014 - 12:43, édité 1 fois
    • Revenir en haut
    Javarakita
    Javarakita
    FémininAge : 24Messages : 86

    Ven 27 Juin 2014 - 21:39

    Commande toujours d'actu ! :)
    • Revenir en haut
    Javarakita
    Javarakita
    FémininAge : 24Messages : 86

    Lun 30 Juin 2014 - 15:55

    Demande toujours d'actu Wink
    • Revenir en haut
    Javarakita
    Javarakita
    FémininAge : 24Messages : 86

    Mer 2 Juil 2014 - 20:14

    Up :)
    • Revenir en haut
    Javarakita
    Javarakita
    FémininAge : 24Messages : 86

    Dim 6 Juil 2014 - 14:20

    Demande toujours d'actu :)
    • Revenir en haut
    Javarakita
    Javarakita
    FémininAge : 24Messages : 86

    Mar 8 Juil 2014 - 18:52

    Up !
    • Revenir en haut
    Anonymous
    Invité

    Mar 8 Juil 2014 - 19:07

    Hello !

    Je commence =3
    • Revenir en haut
    Javarakita
    Javarakita
    FémininAge : 24Messages : 86

    Mar 8 Juil 2014 - 19:33

    Coucou !
    Merci beaucoup ! Very Happy Si tu as besoin de plus de choses, n'hésite pas à me le faire savoir Wink
    • Revenir en haut
    Anonymous
    Invité

    Mar 8 Juil 2014 - 19:49

    Ca donne ceci : www =3
    • Revenir en haut
    Javarakita
    Javarakita
    FémininAge : 24Messages : 86

    Mar 8 Juil 2014 - 20:06

    C'est super ! Merci beaucoup pour la rapidité *-*
    Je vais essayer sur mon forum une fois que j'aurais le code, et je te dis si tout est bon :)
    • Revenir en haut
    Anonymous
    Invité

    Mar 8 Juil 2014 - 20:20

    Alors, pour le CSS :
    Code:
    /* --------------------------------- PROFIL --------------------------------- */

    /* Contenu du profil général */
    .profil_contenu {
      background-color: #CED4E2;
      padding: 15px;
    }

    /* Image de fond de l'avatar */
    .avatar_profil {
      background-image: url('http://upz.fr/5KCKs.png');
      width: 215px;
      height: 368px;
      background: no-repeat;
    }

    /* Taille de l'avatar et positionnement */
    .avatar_profil img { 
      width: 200px;
      max-height: 320px;
      position: relative;
      top: 0.4em;
      left: 0.45em;
    }

    /* Contenu du bloc des informations joueur et RPG */
    .profil_details {
      background-color: #5F73A0;
      padding: 20px;
      color: #ffffff;
      font-size: 11px;
      font-family: trebuchet MS;
      width: 170px;
      height: 118px;
      overflow: auto;
      text-align: justify;
      position: relative;
      top: -4em;
    }

    /* --------------------------------- FIN PROFIL --------------------------------- */

    Dans le template viewtopic_body tu remplaces ceci :
    Code:
    <!-- BEGIN displayed -->
       <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
          <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
             <span class="name"><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{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" />
          </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">
                <tr>
                   <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}   <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
                   <td valign="top" nowrap="nowrap" class="post-options">
                      {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                   </td>
                </tr>

    Par ceci :
    Code:
    <!-- BEGIN displayed -->
      <link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
       <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
          <td class="profil_contenu" class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
                      <div class="avatar_profil">{postrow.displayed.POSTER_AVATAR}</div><br />
                      <a name="{postrow.displayed.U_POST_ID}" id="{postrow.displayed.U_POST_ID}"></a><span style="font-family: 'Playball', cursive; font-size: 23px; position: relative; top: -2em;"><center>{postrow.displayed.POSTER_NAME}</center></span><br />
                <div class="profil_details">
                <!-- 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<br />
             <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">
                <tr>
                   <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}  &nbsp;<img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
                   <td valign="top" nowrap="nowrap" class="post-options">
                      {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                   </td>
                </tr>
    • Revenir en haut
    Javarakita
    Javarakita
    FémininAge : 24Messages : 86

    Mer 9 Juil 2014 - 11:59

    Alors j'ai essayé, tout va TRES bien sauf le cadre avec les infos :
    ici

    Donc en fait j'ai de l'espace inutile, j'ai essayé de rectifié ça en touchant les hauteurs, largueurs, mais rien ne résout ce problème.
    Merci de m'aider :)

    Sinon, c'est juste parfait *-*
    • Revenir en haut
    Anonymous
    Invité

    Mer 9 Juil 2014 - 12:07

    Alors : pour la distance entre le cadre et le texte, c'est parce que j'ai mis un "padding", tu peux le réduire ou le supprimer ici :

    Code:
    .profil_details {
      background-color: #5F73A0;
      padding: VALEURpx;
      color: #ffffff;
      font-size: 11px;
      font-family: trebuchet MS;
      width: 170px;
      height: 118px;
      overflow: auto;
      text-align: justify;
      position: relative;
      top: -4em;
    }


    Et certains textes sont espacés car j'ai "justifié" ("text-align: justify;") le texte, tu peux donc l'enlever ici :

    Code:
    .profil_details {
      background-color: #5F73A0;
      padding: VALEURpx;
      color: #ffffff;
      font-size: 11px;
      font-family: trebuchet MS;
      width: 170px;
      height: 118px;
      overflow: auto;
      text-align: justify;
      position: relative;
      top: -4em;
    }
    • Revenir en haut
    Javarakita
    Javarakita
    FémininAge : 24Messages : 86

    Mer 9 Juil 2014 - 12:16

    Génial, merci beaucoup ! Tout est super !  cheers 
    • Revenir en haut
    Anonymous
    Invité

    Mer 9 Juil 2014 - 12:41

    Super =D
    Bonne continuation alors =)
    • Revenir en haut
    Javarakita
    Javarakita
    FémininAge : 24Messages : 86

    Mer 9 Juil 2014 - 12:43

    Encore merci pour tout et à toi aussi Very Happy
    • Revenir en haut
    Contenu sponsorisé

    • Revenir en haut
    « Voir le sujet précédent · Voir le sujet suivant »
      La date/heure actuelle est Ven 22 Nov 2024 - 11:44