Sujets similaires

Sujet: Espace signature personnalisé ! Mar 07 Sep 2010, 17:15

Bonjour !

Je travail actuellement sur une nouvelle version de mon forum sur un forum de test que je présenterai à mon codeur (qui détient le compte fondateur ...) et là je me retrouve dans un cas où j'arrive pas à régler un léger soucis (je crois)...

Voici le résultat que j'ai:

Spoiler:

Ce qui me dérange c'est cet espace assez grands entre le haut du cadre et la signature ...

Voici le code de mon template viewtopic_body:

Spoiler:

Code:: <script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
_atc.cwait = 0;
$('.addthis_button').mouseup(function(){
   if ($('#at15s').css('display') == 'block') {
      addthis_close();
      addthis_close();
   }
});
});
//]]>
</script>

<table width="100%" border="0" cellspacing="2" cellpadding="0">
<tr>
   <td align="left" valign="middle" nowrap="nowrap">
      <span class="nav">
      
      <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
      
      
      <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
      
      </span>
   </td>
   <td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
   <td align="right" valign="bottom" nowrap="nowrap" width="100%">
      <span class="gensmall bold">
         <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
           |
         <script type="text/javascript">
         //<![CDATA[
         insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
         //]]>
         </script>
      </span>
   </td>
</tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr align="right">
   <td class="catHead" colspan="3" height="28">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
         <tr>
            <td width="9%" class="noprint"> </td>
            <td align="center" class="t-title"><h1 class="cattitle"> {TOPIC_TITLE}</h1></td>
            <td align="right" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
         </tr>
      </table>
   </td>
</tr>

<tr>
   <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
</tr>

{POLL_DISPLAY}
<tr>
   <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
   <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
</tr>


<tr class="post">
   <td style="text-align: center;"class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<table><tr><td class="profil_contour">
      <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><div align="center"><strong>{postrow.displayed.POSTER_RANK}{postrow.displayed.POSTER_AVATAR}

{postrow.displayed.POSTER_NAME}</strong></div></span>
         <span class="postdetails poster-profile">
         {postrow.displayed.RANK_IMAGE}
         <div class="ContenuNikos">
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
</div>
         {postrow.displayed.POSTER_RPG}
      </span>

      <img src="http://2img.net/i/_.gif" alt="" style="width:150px;height:1px" />
</td></tr></table>
   </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>
         <tr>
            <td colspan="2" class="hr">
               <hr />
            </td>
         </tr>
         <tr>
            <td colspan="2">
               
               <div class="vote gensmall">
                  
                  <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                  

                  
                  <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                     
                     <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                     

                     
                     <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                     
                  </div>
                  

                  
                  <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                  

                  
                  <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                  
               </div>
               

               <div class="postbody">

                  <div>{postrow.displayed.MESSAGE}</div>

                  
                  <dl class="attachbox">
                     <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                     <dd>
                        
                        <dl class="file">
                           <dt>
                              <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

                              
                              <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                              

                              
                              {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                              
                           </dt>

                           
                           <dd>
                              <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                           </dd>
                           

                           
                           <dd>
                              <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                           </dd>
                           

                           <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                        </dl>
                        
                     </dd>
                  </dl>
                  

                  <div class="clear"></div>
                  <div class="signature_div">
                     <fieldset class="Cadresignaturenikos">
<legend><b><font color="#252525">SIGNATURE:</font></b></legend>
{postrow.displayed.SIGNATURE}
</fieldset>
                  </div>

               </div>
               <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
            </td>
         </tr>
      </table>
   </td>
</tr>
<tr>
   <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
      <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
   </td>
   <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
      <table border="0" cellspacing="0" cellpadding="0">
         <tr>
            <td valign="middle">
               {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG} {postrow.displayed.contact_field.CONTENT} {postrow.displayed.ONLINE_IMG}
            </td>
         </tr>
      </table>
   </td>
</tr>

</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
   <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
   <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
</tr>



<tr>
   <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
</tr>



<tr align="center">
   <td class="row1" colspan="3" height="28">
      <span class="genmed">{no_post.L_NO_POST}</span>
   </td>
</tr>

<tr align="right">
   <td class="catBottom" colspan="3" height="28">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
         <tr>
            <td width="9%" class="noprint"> </td>
            <td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
            <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
         </tr>
      </table>
   </td>
</tr>
</table>

<table class="forumline noprint" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
   <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
   
   <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
   
</tr>


<tr>
   <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
</tr>


<tr>
   <td class="row2" colspan="2" align="center" style="padding:0px">
      
      <a name="quickreply"></a>
      {QUICK_REPLY_FORM}

      
   </td>
</tr>
<tr>
   <td style="margin:0; padding: 0;" colspan="2">
      <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
         <tbody>
   
   <tr>
      <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
      <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
   </tr>
   
   <tr>
      <td class="catBottom" colspan="2" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
               
               <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
               
            </tr>
         </table>
      </td>
   </tr>
</tbody>
      </table>
   </td>
</tr>
<tr>
   <td style="margin:0; padding: 0;" colspan="2">
      <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
         <tbody>
   <tr>
      <td class="catBottom" colspan="2" height="28">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
               <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
            </tr>
         </table>
      </td>
   </tr>
</tbody>
      </table>
   </td>
</tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
   <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
      <span class="nav">
         
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
         
         
         <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
         
      </span>
   </td>
   
   <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
   
   
   <td align="center">
      <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
   </td>
   <td align="center" width="250">
      <span class="gensmall"> </span>
   </td>
   
</tr>
</table>
</form>


<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
   <td colspan="2" align="left" valign="top" nowrap="nowrap">
{S_TOPIC_ADMIN}

      <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
         <input type="hidden" name="t" value="{TOPIC_ID}" />
         <input type="hidden" name="sid" value="{S_SID}" />
         <span class="gen">{L_MOD_TOOLS}
{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
      </form>
   </td>
</tr>
</table>



<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>

<script type="text/javascript" src="{JS_DIR}addthis/addthis_widget.js"></script>

Et mes modifications dans les CSS:

Spoiler:

Je réalise actuellement ces modifications ici:
http://test-geykho-nikos2.forumactif.com/forum.htm

Pour pouvoir présenter ce forum de test à mon codeur pour ensuite peut-être appliquer ces modifications ici: http://www.geykho.com/forum.htm

(Mon codeur fait ses études sup dans un internat et donc il n'a plus le temps de s'occuper de coder toutes mes envies xD)

J'espère avoir été assez précis dans ma demande d'aide !
Et j'espère aussi que quelqu'un pourra m'aider ! Smile

Merci.

Sujet: Re: Espace signature personnalisé ! Mer 08 Sep 2010, 09:29

Enlève peut-être ou réduit les marges intérieures qui sont fixées de base,

padding-left, padding-bottom, padding-top, padding-right

Sujet: Re: Espace signature personnalisé ! Mer 08 Sep 2010, 09:38

Oui mais où?
Vu que dans le code que j'ai mis dans mon 1e sujet il n'y a pas de padding pour le CSS...

Sujet: Re: Espace signature personnalisé ! Mer 08 Sep 2010, 09:51

Dans ton css tu dois rajouter le padding toi même, quitte à le mettre à zéro.
Car par défaut tout balise à son padding

Par contre vu que ta classe Cadresignature se trouve dans différent div,
Peux-tu me donner les css du div signature

Car tu va devoir jouer avec les margin du div signature et les padding de la classe Cadresignature

Sujet: Re: Espace signature personnalisé ! Mer 08 Sep 2010, 10:01

Pour le CSS du div signature tu parle de celui ci:

Code:: .signature_div {
padding-top: 0px;
marging-top: 0px;
}

Je viens tout juste de le rajouter après avoir vu ça sur forumactif.
Je l'ai mis à 0 mais aucun changement :s

Sujet: Re: Espace signature personnalisé ! Mer 08 Sep 2010, 10:07

Je peux te demander une petite chose

Ajoute ceci dans le css signatude_div :

Code:: background-color: #fff;

et dans la classe Cadresignature, met ceci :

Code:: background-color: #159;

Sa te permettra de voir que recouvre chacun des block.
si tu sais me faire un screenshot que je vois, sa aidera surement pour les marges.

Sujet: Re: Espace signature personnalisé ! Mer 08 Sep 2010, 10:13

Voilà c'est fait:
Un aperçu ici: http://test-geykho-nikos2.forumactif.com/votre-1er-forum-f1/cudder-is-back-t2.htm#2

Sujet: Re: Espace signature personnalisé ! Mer 08 Sep 2010, 10:23

Après une analyse plus détailler du code, il m'est apparu une petite erreur qui te cause cette espace, et je suis désolé de ne pas l'avoir vu plutôt Sad

Dans ton code source [disponible en faisant clique droit, afficher le code source], apparaît deux retour à la ligne qui donc te font cette espace vide.

Code:: <legend><b><font color="#252525">SIGNATURE:</font></b></legend>
{postrow.displayed.SIGNATURE}

Dans ton code sa proviendrai de : {postrow.displayed.SIGNATURE}
Ce qui signifie ceci, est remplacer par 2 espace à la ligne, puis une image.

Seul bémol pour moi, je ne sais pas ans quel fichier en le modifie cette attribution de valeur.

Sujet: Re: Espace signature personnalisé ! Mer 08 Sep 2010, 10:28

Ah...
Faut voir si quelqu'un d'autre sait où modifier cette balise.
Merci eckinox pour l'info et le temps passé sur ma demande d'aide ! Smile

Sujet: Re: Espace signature personnalisé ! Mer 15 Sep 2010, 15:32

Bonjour,

Votre problème est-il résolu ?
Si oui, merci de cocher dans "icône du sujet" l'icône Espace signature personnalisé ! 87671resolu3

en éditant votre 1er post.

Sujet: Re: Espace signature personnalisé ! Mar 21 Sep 2010, 15:50

Non toujours en attente !
Besoin de quelqu'un de qualifié Ange

Sujet: Re: Espace signature personnalisé ! Mar 21 Sep 2010, 16:36

Bonjour/bonsoir ^^

Il me semble que cette valeur se trouve dans viewtopic_body ^^ (ctrl f est ton ami =3)

Sujet: Re: Espace signature personnalisé ! Mar 28 Sep 2010, 09:16

Bonjour,

Votre problème est-il résolu ?
Si oui, merci de cocher dans "icône du sujet" l'icône Espace signature personnalisé ! Resolu3

en éditant votre 1er post.

Sujet: Re: Espace signature personnalisé ! Mer 29 Sep 2010, 11:04

Désolé j'avais quelque problèmes IRL...

Donc pour répondre à Imari, je cherche à modifier les propriétés de {postrow.displayed.SIGNATURE} car d'après eckinox cette partie contient des retours à la ligne qui provoque mon problème... Et ce je que je cherche à faire c'est d'enlever ces retours à ligne pour enlever cette espace important entre la bordure du haut et la signature.

Sujet: Re: Espace signature personnalisé ! Mer 29 Sep 2010, 22:04

Simple question tu as pensé à jouer avec le padding en négative ? C'est à dire changer les marges intérieurs pour réduire le tout ?

Sujet: Re: Espace signature personnalisé ! Dim 03 Oct 2010, 12:52

Mon code CSS:

Code:: .Cadresignaturenikos {
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-topleft: 0px;
-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-top-left-radius: 0px;
border-left: 0px #252525 solid;
border-bottom: 2px #252525 solid;
border-top: 2px #252525 solid;
border-right: 2px #252525 solid;
padding-top: -100px;
background-color: #;
}

Même avec un padding-top à -100px ça change rien ...

Sujet: Re: Espace signature personnalisé ! Ven 08 Oct 2010, 11:59

Bon j'ai remarqué que ça ne semblait pas vraiment possible ce que je demande là ...
Donc j'ai essayé de faire autrement en limitant la taille de ce cadre de signature et y ajouter une barre de défilement dans le cas où les signatures sont plus longues mais ça marche pas ...

Voici mon code:

Spoiler:

Et voici mon rendu ...:

Espace signature personnalisé ! Bugsign

C'est encore et toujours ce système de barre de défilement qui me pose problème :@
Si quelqu'un pouvais m'aider ce serait cool Smile

Sujet: Re: Espace signature personnalisé ! Sam 09 Oct 2010, 11:38

Finalement c'est bon.
La réponse à mon problème se trouvais dans les réponses au tuto de Furase.

Il me suffisait de remplacer mon overflow par overflow: auto; .
Merci à ceux qui ont essayé de trouver une solution à mes problèmes ! Smile

Espace signature personnalisé !

Espace signature personnalisé !

Sujets similaires

Sujets similaires

Partenaires Or