quick reply taille invariable ???

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

Résolu quick reply taille invariable ???

Message par demeter1 le Jeu 22 Mar 2012 - 21:57

Bonjour à tous,
Je viens de modifier mon message rapide en joignant à droite le panneau des smileys. je me trouve confronté à un petit soucis au niveau du quick reply.

Dans cette partie

Code:
<td class="" valign="top" align="left">
            {QUICK_REPLY_FORM}
        </td>

j'essaye vainement de faire en sorte que le message rapide ait la même dimension que le postbody mais, en vain.
J'ai tenté de lui donner la class du postbody, de lui mettre un with mais rien ne marche.

Vous auriez une idée pour remédier à ce soucis ???

Par la même occasion, s'il est possible de donner au message rapide la taille du postbody, est il possible de centrer les boutons bbcode ????

Merci par avance pour vos réponses.


Dernière édition par demeter1 le Lun 26 Mar 2012 - 0:17, édité 1 fois

demeter1
+ Hyperactif +

Masculin
Messages : 8226
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: quick reply taille invariable ???

Message par Dr. Karlos le Jeu 22 Mar 2012 - 22:34

Bonsoir,

Avez-vous essayé à l'aide de ce CSS?
Code:
form#quick_reply textarea#text_editor_textarea {
width: 100%!important;
margin-left: -0px;
}
La valeur originelle étant 100%, vous devrez l'augmenter. Comme l'agrandissement déplacera le cadre vers la gauche, recentrez-le avec margin-left. Wink

Pour centrer la barre d'édition, tentez avec ce code CSS et une margin:
Code:
#text_editor_controls {
margin-left: 110px;}


Cordialement.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: quick reply taille invariable ???

Message par demeter1 le Jeu 22 Mar 2012 - 22:41

Bonjour Dr.karlos,
Testé également.

Voici ce que j'obtiens avec mes essais ainsi qu'avec le css




demeter1
+ Hyperactif +

Masculin
Messages : 8226
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: quick reply taille invariable ???

Message par Dr. Karlos le Jeu 22 Mar 2012 - 23:06

Bonsoir,

Vous désirez que la réponse normale est la même taille que la réponse rapide?

Ça devient différent. Wink

Trouvez cette partie dans votre template posting_body (PA | Affichage | Templates | Poster et messages privés) pour centrer la barre d'édition;
Code:
<td>
               <style id="wysiwyg_css">
               .wysiwyg {
                  background: #{CLASS_ROW2};
                  color: #{TEXT_COLOR};
                  font: 10pt verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
               }
               </style>

               <div id="text_editor_select_controls">
Et remplacez-la par celle-ci:
Code:
<td align="center">
               <style id="wysiwyg_css">
               .wysiwyg {
                  background: #{CLASS_ROW2};
                  color: #{TEXT_COLOR};
                  font: 10pt verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
               }
               </style>

               <div id="text_editor_select_controls">


Pour la taille de la boîte de saisie, remplacez cette partie:
Code:
                  <textarea id="text_editor_textarea" class="post" style="width:100%;height:250px" name="message" rows="15" cols="35" tabindex="3" wrap="virtual">{MESSAGE}</textarea> 
Par celle-ci:
Code:
                  <textarea id="text_editor_textarea" class="post" style="width:556px!important;height:250px" name="message" rows="15" cols="35" tabindex="3" wrap="virtual">{MESSAGE}</textarea> 
Modifiez le 556px si la valeur ne vous convient pas. Wink


Cordialement.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: quick reply taille invariable ???

Message par demeter1 le Jeu 22 Mar 2012 - 23:18

Euh, dr Karlos, le quick reply qui correspond au message rapide est dans le template viewtopic body.
Votre solution me semble correspondre au message étendu.

Voici mon template viewtopic body
Code:
 <!-- BEGIN switch_user_logged_out -->



<!-- END switch_user_logged_out -->


<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').click(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">
<!-- BEGIN switch_user_authpost -->
<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>
<!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
<!-- END switch_user_authreply -->
</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>

<!-- Barre modération haut -->


       
       

<!-- Barre modération -->
<!-- BEGIN viewtopic_bottom -->
<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><br><br>


</td>
</tr>
</table>
<!-- END viewtopic_bottom -->
<!-- Fin Barre modération haut-->




<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr align="right">
<td class="catHead" colspan="2" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="9%" class="noprint"> </td>
<td align="center" nowrap="nowrap" class="t-title"><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="#bottom">{L_GOTO_DOWN}</a> </td>
</tr>
</table>
</td>
</tr>




<!-- BEGIN topicpagination -->
<tr>
<td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
</tr>
<!-- END topicpagination -->
{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>
<!-- BEGIN postrow -->
<!-- BEGIN displayed -->
<tr class="post">
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<div id="post_onlin">{postrow.displayed.ONLINE_IMG}</div>
<center>
<span class="name"> <div id="profil_head"></div>
<div id="name">
<a name="{postrow.displayed.U_POST_ID}"></a><strong>

<span class="ombre">

{postrow.displayed.POSTER_NAME}</strong>

<div id="profil_body"><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 -->
<span class="rpgzone">
<span class="rpgbutton">Les échanges et recherches<br></span>
<div class="rpghidden"><div class="rpgcontent">{postrow.displayed.POSTER_RPG}</div>

 </div>



</span>
</span>
</div>
<div id="profil_foot"></div><br />
<img src="http://illiweb.com/fa/vide.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"> <div class="fleche"> </div>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="postdetails"><img border="0" title="Message" alt="Message" src="http://illiweb.com/fa/empty.gif"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" /><a href="#{postrow.displayed.U_POST_ID}">{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}</a>  <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td> </tr>
<tr><td valign="top" nowrap="nowrap" class="post-options"><img src="http://i23.servimg.com/u/f23/11/93/85/24/infobu15.gif">
{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}

</a>
</span>
</td>
</tr>

<tr>
<td colspan="2" class="hr">
<hr />
</td>
</tr>
<tr>
<td colspan="2">
<!-- BEGIN switch_vote_active -->
<div class="vote gensmall">
<!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
<!-- END switch_vote -->

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

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

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

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

<div class="postbody">
<br>
<div class="altitude_encadrement">{postrow.displayed.MESSAGE}</div><br><div class="decopost"> <img src="http://i43.servimg.com/u/f43/11/93/85/24/sans_t23.gif"> </div>


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

<!-- BEGIN switch_dl_att -->
<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}
<!-- END switch_dl_att -->

<!-- BEGIN switch_no_dl_att -->
{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT}
<!-- END switch_no_dl_att -->
</dt>

<!-- BEGIN switch_no_comment -->
<dd>
<em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
</dd>
<!-- END switch_no_comment -->

<!-- BEGIN switch_no_dl_att -->
<dd>
<em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</em>
</dd>
<!-- END switch_no_dl_att -->

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




<div class="signa"> <legend><img src="http://i63.servimg.com/u/f63/11/93/85/24/signat12.png"></legend>{postrow.displayed.SIGNATURE}</div>


</div>
</div>

</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}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->


</td>
</tr>
</table>
</td>
</tr>
<!--debut decalage -->
<td class="transtable" align="center" valign="middle" width="150" height="20"></td>
<td class="transtable" valign="bottom" width="100%" height="5" nowrap="nowrap">
</td>

<!--fin decalage -->

<!-- BEGIN first_post_br -->
</table>
<br />
<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>
<!-- END first_post_br -->
<!-- END displayed -->
<!-- BEGIN hidden -->
<tr>
<td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
</tr>
<!-- END hidden -->
<!-- END postrow -->
<!-- BEGIN no_post -->
<tr align="center">
<td class="row1" colspan="2" height="28">
<span class="genmed">{no_post.L_NO_POST}</span>
</td>
</tr>
<!-- END no_post -->
<tr align="right">
<td class="catBottom" colspan="2" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="9%" class="noprint"> </td>
<td align="center" nowrap="nowrap" 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>













        <!-- BEGIN promot_trafic -->
        <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:'';margin: 1px 0px 1px 0px">
          <tr>
              <td class="catBottom" height="28">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
                      <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
                    </tr>
                </table>
              </td>
          </tr>
        </table>

        <table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:none;margin: 1px 0px 1px 0px">
          <tr>
              <td class="catBottom" height="28">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
                      <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                    </tr>
                </table>
              </td>
          </tr>
          <tr>
              <td class="row2" valign="top">
              <ul>
                <!-- BEGIN link -->
                <li><a href="{promot_trafic.link.U_HREF}" target="_blank" class="gensmall">{promot_trafic.link.TITLE}</a>
                <!-- END link -->
              </ul>
              </td>
          </tr>
        </table>
        <!-- END promot_trafic -->








       
        <!-- BEGIN switch_forum_rules -->
        <table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
          <tbody>
              <tr>
                <td class="catBottom">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tbody>
                          <tr>
                            <td valign="top">
                                <h1 class="cattitle"> {L_FORUM_RULES}</h1>
                            </td>
                          </tr>
                      </tbody>
                    </table>
                </td>
              </tr>
              <tr>
                <td class="row1 clearfix">
                    <table>
                      <tr>
                          <!-- BEGIN switch_forum_rule_image -->
                          <td class="logo">
                            <img src="{RULE_IMG_URL}" />
                          </td>
                          <!-- END switch_forum_rule_image -->
                          <td class="rules postbody">
                            {RULE_MSG}
                          </td>
                      </tr>
                    </table>
                </td>
              </tr>
          </tbody>
        </table>
        <!-- END switch_forum_rules -->
       
       











<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>
<!-- BEGIN topicpagination -->
<td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
<!-- END topicpagination -->
</tr>
<!-- BEGIN switch_user_logged_in -->
<!-- BEGIN watchtopic -->
<tr>
<td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
</tr>
<!-- END watchtopic -->
<!-- END switch_user_logged_in -->
<tr>
<td class="row2" colspan="2" align="center" style="padding:0px">
<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
<!--DEBUT  RAJOUT BOITE SMILEY MESSAGE RAPIDE -->



 <table width="100%" cellspacing="5" cellpadding="0" align="center">
      <tr>
        <td class="" valign="top" align="center" width="10%">
            <iframe src="/smilies.forum?mode=smilies_frame" width="200" height="250"></iframe>
       
        <td class="" valign="top" align="left"with="500px">
            {QUICK_REPLY_FORM}
        </td>
      </tr>
  </table>

<!--FIN  RAJOUT BOITE SMILEY MESSAGE RAPIDE -->




<br />







<!-- END switch_user_logged_in -->
</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>
<!-- BEGIN show_permissions -->
<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>
<!-- END show_permissions -->
<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>



<!-- BEGIN show_permissions -->
<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>
<!-- END show_permissions -->






</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">




<!-- BEGIN switch_user_authpost -->
<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>
<!-- END switch_user_authpost -->



<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
<!-- END switch_user_authreply -->
</span>
</td>










<!-- BEGIN viewtopic_bottom -->
<td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
<!-- END viewtopic_bottom -->
<!-- BEGIN moderation_panel -->
<td align="center">
<span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
</td>
<td align="center" width="250">
<span class="gensmall"> </span>
</td>
<!-- END moderation_panel -->
</tr>
</table>
</form>













<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
<td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
<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}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
</form>
</td>
<td colspan="2" align="center" valign="top" nowrap="nowrap">

<script>
        function generatee() {
        if(document.getElementById('fina').value == '') {
        document.getElementById('fina').value = document.getElementById('mensage').value;
        } else {
        document.getElementById('fina').value = document.getElementById('fina').value +'\n'+ document.getElementById('mensage').value;
        }
        }
       
        </script>
       
       
        <select id="mensage">
       
        <option value="[table class='presentation' align='center' border='0' cellspacing='0' cellpadding='0'][tr][td]
        Bonjour, Pour le bon déroulement du forum et pour améliorer l'esprit de convivialité, veuillez vous présenter afin que la communauté puisse vous connaitre.<br> Merci de votre compréhension.[/td][/tr][/table]">Demande de présentation</option>
 
            <option value="[table class='charte' align='center' border='0' cellspacing='0' cellpadding='0'][tr][td]
      Ce topic étant contraire à la charte régissant ce forum, nous nous voyons dans l'obligation de le fermer. <br>Merci de votre compréhension.[/td][/tr][/table]">Message hors charte</option>
 
        <option value="[table class='titre' align='center' border='0' cellspacing='0' cellpadding='0'][tr][td]
      Afin de favoriser les recherches ultérieures sur le forum, merci :<br>- De mettre un titre explicite (qui explique plus simplement le problème)<br>- De retirer les Majuscules si nécessaire.<br>Pour cela, cliquez sur le bouton "éditer" de votre 1er message
N'oubliez pas que d'autres personnes peuvent profiter de vos questions. Il est donc impératif afin de faciliter l'utilisation de l'outil recherche d'avoir des titres de sujet explicatifs.Merci de votre compréhension[/td][/tr][/table]">Modification du titre du sujet</option>

        <option value="[table class='verou' align='center' border='0' cellspacing='0' cellpadding='0'][tr][td]
      Le sujet a été verrouillé par l'équipe du forum.Raison :  [/td][/tr][/table]">Verouillage de sujet</option>


       
        </select>
       
        <div class="center"><input class="liteoption" type="button" name="submit" value="Générer le code" onclick="generatee();"> <input class="liteoption" type="button" name="submit" value="Effacer" onclick="document.getElementById('fina').value = '';"></div>
       
       
        <div class="post row2" style="padding: 6px; margin-top: 6px;"><dl class="codebox"><dt><span class="gen">Code du message de modération :</span> (<a href="javascript: document.getElementById('fina').select();"><span class="gen">Tout sélectionner</span></a>)</dt><dd><textarea class="inputbox" style="border: none; background-color: white; padding: 4px; width: 100%; margin: 0 auto;" id="fina"></textarea></dd></dl></div> 
</td>

</tr>



</table>
<!-- END viewtopic_bottom -->















<!-- BEGIN switch_image_resize -->
<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>
<!-- END switch_image_resize -->
<script type="text/javascript" src="{JS_DIR}addthis/addthis_widget.js?pub=forumotion"></script>





<script type="text/javascript">
jQuery(document).ready(function(){
    if(jQuery('div#other.select').length==1)
    {
        if(jQuery('div#other.select :last').attr('tagName')=='BUTTON') jQuery('div#other.select').append('<br>');
        var g= '"'; var gg= '\'+unescape(\'%22\')+\'';
        jQuery('div#other.select').append('<button onclick='+g+'bbfontstyle(\'<p class='+gg+'xata'+gg+'>\',\'</p>\');selectWysiwyg(this,\'other\');return false'+g+'>xata</button>');
    }
});
</script>


<script type="text/javascript">
jQuery(document).ready(function(){
    if(jQuery('div#other.select').length==1)
    {
        if(jQuery('div#other.select :last').attr('tagName')=='BUTTON') jQuery('div#other.select').append('<br>');
        var g= '"'; var gg= '\'+unescape(\'%22\')+\'';
        jQuery('div#other.select').append('<button onclick='+g+'bbfontstyle(\'<p class='+gg+'hydra'+gg+'>\',\'</p>\');selectWysiwyg(this,\'other\');return false'+g+'>hydra</button>');
    }
});
</script>


<script type="text/javascript">
jQuery(document).ready(function(){
    if(jQuery('div#other.select').length==1)
    {
        if(jQuery('div#other.select :last').attr('tagName')=='BUTTON') jQuery('div#other.select').append('<br>');
        var g= '"'; var gg= '\'+unescape(\'%22\')+\'';
        jQuery('div#other.select').append('<button onclick='+g+'bbfontstyle(\'<p class='+gg+'moderation'+gg+'>\',\'</p>\');selectWysiwyg(this,\'other\');return false'+g+'>moderation</button>');
    }
});
</script>

demeter1
+ Hyperactif +

Masculin
Messages : 8226
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: quick reply taille invariable ???

Message par Dr. Karlos le Ven 23 Mar 2012 - 0:29

Re,

En effet, la boîte de smileys m'avait fait croire qu'il s'agit de la réponse rapide.

Pouvez-vous coller votre CSS personnalisé ici? Le problème semble y être présent.


Cordialement.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: quick reply taille invariable ???

Message par demeter1 le Ven 23 Mar 2012 - 13:06

Le voici.

Code:
       
.pun table td.tcl{overflow:visible} .tutor{position:relative;width:150px; height:auto; padding-left:15px} .tutor div.tutorCont{position:absolute;height:200 px;width:425px; background-color:black !important;z-index:500;margin-top:5px; border:2px solid #5d7807; padding:3px}.tutorbutton{ font-family:Playfair Display; font-size:12px; font-weight:normal;text-align:center;color:#5d7807} .selectCode{ -moz-border-bottom-colors:none; -moz-border-image:none; -moz-border-left-colors:none; -moz-border-right-colors:none; -moz-border-top-colors:none; background-color:black;  background-position:right center; background-repeat:no-repeat; border-bottom:medium none !important; border-left:1px solid #7fb407; border-right:1px solid #7fb407; border-top:1px solid #20AEC8; border-top-left-radius:14px; border-top-right-radius:14px; color:#7fb407; cursor:pointer; float:right; font-size:10px; height:29px; margin-right:0; text-align:center; width:220px} p#vtip{display:none;position:absolute;padding:10px;left:5px;font-size:0.8em;background-color:#7fb407;border:1px solid #7fb407;-moz-border-radius:5px;-webkit-border-radius:5px;z-index:999;-webkit-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-o-transition:all 1.5s ease;transition:all 1.5s ease}p#vtip #vtipArrow{position:absolute;top:-10px;left:5px} .infobulle{ cursor:pointer; position:relative;  background:url("img/viewtut.png"); width:170px; height:38px; margin:0 auto}.infobulle span{ transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s} .infobulle span{ top:-30px; left:30px; opacity:0; position:absolute; z-index:1; text-align:center; display:block; border:1px solid black; background:#212121; color:white; width:100px; padding:5px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}  .infobulle:hover span{opacity:1} #mod { border:1px double #7b9c40; color:white; font-weight:bold; background-color:black; padding:5px 10px; margin:10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px} .bloc {display:block;overflow:hidden;width:100 %;height:44px;transition:6s all;-webkit-transition:6s all;-moz-transition:6s all;-o-transition:6s all;-ktm-transition:6s all;margin:0px 4px;cursor:pointer}.bloc_ferme{background-color:#000;display:inline-block;height:25px;width:100px; padding:2px;font:smallcaps 13px arial;text-align:center;color:#20aec8; -webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom:none}.bloc:hover {height:100%;transition:height 50s linear;-webkit-transition:height 50s linear;-moz-transition:height 50s linear;-o-transition:height 50s linear;-ktm-transition:height 50s linear}.bloc_ouvert { background-color:#000;display:inline-block;width:auto;font:12px arial;text-align:justify;padding:4px;padding-left:5px;padding-right:5px;margin-top:0;-webkit-border-radius:8px;-webkit-border-top-left-radius:0;-moz-border-radius:8px;-moz-border-radius-topleft:0;border-radius:8px;border-top-left-radius:0;border-top:none}.bloc_open a {color:#fff} .tfa_infotexte{width:100%;margin:auto;padding:0;position:relative;text-align:center}.bulle-texte{background:#090700;border:0px solid #83a400;width:0;height:0;position:absolute;top:-25px;left:190px;overflow:hidden;z-index:10;font:11px Arial;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-webkit-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-o-transition:all 1.5s ease;transition:all 1.5s ease}.tfa_infotexte:hover .bulle-texte{width:150px;height:30px;padding:5px; border:1px solid #83a400} .postbody .altitude_encadrement:first-letter{font:20px Arial !important;color:#7b9c40; font-style:'Smythe';font-weight:bold; text-transform:capitalize;float:left:}/ a.copyright{ color:white; text-decoration:none; text-align:center; font-size:12px}  #post_onlin{background:url('http://i43.servimg.com/u/f43/11/93/85/24/sans_t35.gif') no-repeat;position:relative;float:right;width:48px;height:100px;margin-right:-30px;margin-top:105px;padding:0;border:0} nav{    width:145px}nav h2{    background:-moz-linear-gradient(center top,#999D3A,#51531E) repeat scroll 0 0 transparent;    border-bottom:1px solid rgba(0,0,0,0.5);    border-radius:4px 4px 4px 4px;-moz-border-radius:4px;    -webkit-border-radius:4px;    box-shadow:0 1px 3px rgba(0,0,0,0.5);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);      color:#120806;    cursor:pointer;    display:inline-block;    font-size:1.1em;    font-variant:small-caps;    letter-spacing:-1px;    margin:2px;    text-align:center;color:white;    text-shadow:0 -1px 0 rgba(0,0,0,0.5);-moz-text-shadow:0 -1px 0 rgba(0,0,0,0.5);-webkit-text-shadow:0 -1px 0 rgba(0,0,0,0.5);    width:130px}nav h2:hover{    -moz-transition:all 2s linear 0s;    background:-moz-linear-gradient(center top,#D97A23,#7D1807) repeat scroll 0 0 transparent;    border-bottom:1px solid rgba(0,0,0,0.5);    border-radius:4px 4px 4px 4px;-moz-border-radius:4px;    -webkit-border-radius:4px;    box-shadow:0 1px 3px rgba(0,0,0,0.5);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);      cursor:pointer;    display:inline-block;    margin:2px;    text-shadow:0 -1px 0 rgba(0,0,0,0.5);color:white;    width:130px}nav li.vert-nav{    -moz-transition:max-height 2s ease 0s;    margin-top:-10px;    max-height:25px;    overflow:hidden;    text-align:left;color:white}nav li.vert-nav:hover{    max-height:140px}nav span li{}nav ul{    list-style:none outside none;    margin:0;    padding:10px 0}nav span{    display:block}#alex_bandeauBas{clear:left; visibility:hidden;backround color:white; height:0px; margin:0; overflow:auto; width:1px}#alex_divInfos{backround color:white; border:1px solid #C3C7D3;  margin:0; padding:0; position:absolute;  visibility:hidden; z-index:999}.hautbas{position:fixed; bottom:50px; right:0px; z-index:999}a.gensmall{color:#FAF0F0; text-decoration:none;font-size:12px;text-shadow:1px 1px 1px #7B9C40}.gensmall{font-size:12px;text-shadow:1px 1px 1px #7B9C40}      .navig .mainmenu img{display:none}                      .navig a.mainmenu{text-shadow:#00197e 2px 1px 1px;background-color:trans; -moz-border-radius:20px; -webkit-border-radius:20px; -khtml-border-radius:20px; -border-radius:20px;box-shadow:#8d7d2e 0px 0px 5px;-moz-box-shadow:#8d7d2e 0px 0px 5px;-webkit-box-shadow:#8d7d2e 0px 0px 5px;color:#8d7d2e}                            .navig a.mainmenu:hover{box-shadow:#2c7cbe 0px 0px 5px;-moz-box-shadow:#597203 0px 0px 5px;-webkit-box-shadow:#597203 0px 0px 5px;color:white;text-shadow:1px 1px 1px #7B9C40;-moz-transition:all 1s ease 0s;    border-bottom:4px solid #83A400;    border-left:4px solid #83A400;    border-radius:20px 20px 20px 20px;    color:#EDE9F2 !important} .imageflottante{float:left; margin:5px}.stopflottant{clear:both}document body{font-family:Comic Sans Ms;font-size:14px;color:white}.thumbnail{width:200px}.go{text:-500px;align:left;width:184px;height:73px;border:none;background:transparent url(http://i73.servimg.com/u/f73/11/93/85/24/sans_t10.gif) no-repeat center center}.quotecontent{position:relative;z-index:1;margin-top:-60px}.xata{font-family:Comic Sans Ms;font-size:14px;color:#0ff}.hydra{font-family:Comic Sans Ms;font-size:14px;color:red}#text_editor_cmd_switchmode{display:none}a{outline:none} #profile_field_4_-12_2{color:black}#profile_field_4_-12_1{color:black}.attachbox{background-color:trans;border:1px solid #888;-moz-border-radius-topleft:15px;-webkit-border-radius-topleft:15px;-moz-border-radius-topright:15px;-webkit-border-radius-topright:15px;-moz-border-radius-bottomright:15px;-webkit-border-radius-bottomright:15px;-moz-border-radius-bottomleft:15px;-webkit-border-radius-bottomleft:15px;color:#fff}.attachbox dl.file{background-color:trans;margin-top:18px;padding:5px;border:1px solid #fff;-moz-border-radius-topleft:15px;-webkit-border-radius-topleft:15px;-moz-border-radius-topright:15px;-webkit-border-radius-topright:15px;-moz-border-radius-bottomright:15px;-webkit-border-radius-bottomright:15px;-moz-border-radius-bottomleft:15px;-webkit-border-radius-bottomleft:15px}.file{background-color:trans;margin-top:18px;padding:5px;border:1px solid #fff;-moz-border-radius:15px;-webkit-border-radius:15px}.resizebox{background-color:black}.resizebox{display:block; margin:auto; margin-bottom:-19px}.resize_img{display:block; margin:auto}.titres2{border-image:url(border.png) 27 27 27 27 round round;-moz-border-radius:10px 10px 10px 10px;-moz-box-shadow:3px 3px 6px 2px #9bcd14; background:none repeat scroll 0 0 #9bcd14;border:4px double white;margin:2px 0 0px;padding:0 0px;background-color:black;font-family:Arial,Helvetica,sans-serif;font-size:14px;height:36px;color:#9bcd14}.fond2{-moz-border-radius:10px 10px 10px 10px;-moz-box-shadow:3px 3px 6px 2px #9bcd14;background:url(http://i23.servimg.com/u/f23/11/93/85/24/sans_165.png) top right repeat-y,scroll 0 0 #9bcd14;border:4px double white;margin:20px 0 30px;padding:0 10px;background-color:black;font-family:Arial,Helvetica,sans-serif;font-size:14px;height:36px;color:#9bcd14}.dany2{-moz-border-radius:10px 10px10px 10px;border:1px solid #373737;color:#a8df11;padding:3px 2px;font-family:Arial,Helvetica,sans-serif;font-size:12px}.pany2{-moz-border-radius:8px 8px 8px 8px;border:1px solid #373737;padding:3px 5px;font-family:Georgia,"Times New Roman",Times,serif;font-size:12px}.from-dany2{-moz-border-radius:8px 8px 8px 8px;background-color:trans;border:1px solid #373737;color:#FFF;font-family:Arial,Helvetica,sans-serif;font-size:11px;height:15px;padding:3px 5px;width:180px}.from-pany2{-moz-border-radius:8px 8px 8px 8px;background-color:white;background-position:center bottom;background-repeat:repeat-x;border:1px solid #373737;color:#FFF;font-family:Arial,Helvetica,sans-serif;font-size:11px;height:50px;padding:3px 5px;width:290px}.exomarc2{-moz-border-radius:8px 8px 8px 8px;width:300px;height:100px}.exomarcs2{-moz-border-radius:8px 8px 8px 8px;background-color:#a8df11;background-position:center bottom;background-repeat:repeat-x;border:1px solid black;color:black;font-family:Arial,Helvetica,sans-serif;font-size:11px;height:25px;padding:3px 5px;width:100px}.texte2{color:#9bcd14;font-family:Arial,Helvetica,sans-serif;font-size:12px}.formu2{color:#7b9c40}.boubou{-moz-border-radius:4px 4px 4px 4px;background-color:#a8df11;background-position:center bottom;background-repeat:repeat;border:1px solid #010101;color:#000;cursor:pointer;display:block;font-family:Georgia,"Times New Roman",Times,serif;color:black;font-size:12px;font-weight:bold;padding:1px;text-align:center;text-shadow:1px 1px 1px #354200;width:500px}.titres{background-color:trans;font-family:Arial,Helvetica,sans-serif;font-size:14px;height:36px;color:#9bcd14}.fond{background-color:trans}.dany{-moz-border-radius:10px 10px10px 10px;border:1px solid #373737;color:#a8df11;padding:3px 2px;font-family:Arial,Helvetica,sans-serif;font-size:12px}.pany{-moz-border-radius:8px 8px 8px 8px;border:1px solid #373737;padding:3px 5px;font-family:Georgia,"Times New Roman",Times,serif;font-size:12px}.from-dany{-moz-border-radius:8px 8px 8px 8px;background-color:trans;border:1px solid #373737;color:#FFF;font-family:Arial,Helvetica,sans-serif;font-size:11px;height:15px;padding:3px 5px;width:180px}.from-pany{-moz-border-radius:8px 8px 8px 8px;background-color:white;background-position:center bottom;background-repeat:repeat-x;border:1px solid #373737;color:#FFF;font-family:Arial,Helvetica,sans-serif;font-size:11px;height:50px;padding:3px 5px;width:290px}.exomarc{-moz-border-radius:8px 8px 8px 8px}.exomarcs{-moz-border-radius:8px 8px 8px 8px;background-color:#a8df11;background-position:center bottom;background-repeat:repeat-x;border:1px solid black;color:black;font-family:Arial,Helvetica,sans-serif;font-size:11px;height:25px;padding:3px 5px;width:100px}.texte{color:#9bcd14;font-family:Arial,Helvetica,sans-serif;font-size:12px}.formu{color:#7b9c40}.partenariat{-moz-border-radius:20px 20px 20px 20px;background-color:trans;border-color:#7b9c40;border-style:solid;border-width:1px 5px;color:7b9c40;padding:1px 10px;text-align:center;text-shadow:2px 2px 2px #C1B9A6}.corbeille{background-color:trans;background-image:url("http://i23.servimg.com/u/f23/11/93/85/24/sans_t13.png");background-position:left;background-repeat:no-repeat;border:2px solid #FFF;color:#566c00;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;height:150px;padding:5px 10px 5px 140px;text-decoration:none !important;width:auto}.presentation{background-color:trans;background-image:url("http://i23.servimg.com/u/f23/11/93/85/24/sans_t24.png");background-position:left;background-repeat:no-repeat;border:2px solid #FFF;color:#566c00;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;height:150px;padding:5px 10px 5px 140px;text-decoration:none !important;width:auto}.charte{background-color:trans;background-image:url("http://i23.servimg.com/u/f23/11/93/85/24/sans_t25.png");background-position:left;background-repeat:no-repeat;border:2px solid #FFF;color:#566c00;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;height:150px;padding:5px 10px 5px 140px;text-decoration:none !important;width:auto}.titre{background-color:trans;background-image:url("http://i23.servimg.com/u/f23/11/93/85/24/sans_t26.png");background-position:left;background-repeat:no-repeat;border:2px solid #FFF;color:#566c00;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;height:150px;padding:5px 10px 5px 140px;text-decoration:none !important;width:auto}.verou{background-color:trans;background-image:url("http://i23.servimg.com/u/f23/11/93/85/24/sans_t27.png");background-position:left;background-repeat:no-repeat;border:2px solid #FFF;color:#566c00;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;height:150px;padding:5px 10px 5px 140px;text-decoration:none !important; width:auto}#plus_menu{background-color:black;-moz-border-radius:10px 10px 10px 10px;-moz-box-shadow:0 0 4px #000;border:1px solid #1C1C1C;color:#DFF2FF;font-family:Arial,Helvetica,sans-serif;font-size:11px}.opacity{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5}.opacity:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1}.fiche{body:font-family;arial,verdana,sans-serif;;color:#000;max-width:600px!important}.postbody a,a.fichelink{text-decoration:none !important;color:#000}.beautitre{text-align:center}.postbody div,.postbody span{max-width:100% !important}.altitude_encadrement{-moz-border-radius:5px 5px 5px 5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;background-color:trans;border:2px solid #1d1d1d;margin-bottom:+59px;padding:15px;font-family:Arial,sans-serif; font-size:14px;color:#fff}.decopost{position:absolute;top:500px;left:170px;clip:rect(0,25,25,0);opacity:0.4;-moz-opacity:0.4;-khtml-opacity:0.4;filter:alpha(opacity=40)}.decopost:hover{opacity:1;-moz-opacity:1;-khtml-opacity:1;filter:alpha(opacity=100)}.signa{-moz-border-radius:5px 5px 5px 5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;background-color:#TRANS;border:2px solid #1d1d1d;margin-bottom:+59px;padding:5px;font-family:Arial,sans-serif; font-size:14px;color:#fff}.postbody{text-indent:10px;font-family:Arial,sans-serif; font-size:14px;color:#fff}text{cursor:pointer}#cat_vie du site,#cat_Les plantes,#cat_Aspects généraux,#cat_Maladies et ravageurs,#cat_Visites de jardins,#cat_Fiches et articles,#cat_Échanges et bons plans,#cat_Adresses et liens du web,#cat_Divers,{padding-top:4px;with:100%} .cat_forum{background-color:trans;margin:auto;margin-bottom:30px;width:100%}.onglet{display:inline-block;margin-top:30px;text-decoration:none;!importantcursor:pointer}.onglet li{float:left;  list-style-type:none;margin-bottom:-22px;text-decoration:none;!importantcursor:pointer}.onglet li:hover{text-decoration:none;!importantcursor:pointer}.onglet li a{display:block;text-decoration:none;!importantlist-style-type:none;cursor:pointer;font-family:Arial,sans-serif;        font-size:12px}.onglet li a:hover{text-decoration:none;list-style-type:none;cursor:pointer}.onglet_actif{background-color:#83a400;-moz-border-radius:20px 20px 20px 20px;-webkit-border-top-left-radius:20px;-webkit-border-top-right-radius:20px;-webkit-border-bottom-left-radius:20px;-webkit-border-bottom-right-radius:20px;margin-bottom:3px;width:80px;height:30px;cursor:pointer;font-family:Arial,sans-serif;        font-size:12px}.onglet_nactif{background-color:black;margin-bottom:3px;width:80px;height:30px;cursor:pointer;-moz-border-radius:20px 20px 20px 20px;-webkit-border-top-left-radius:20px;-webkit-border-top-right-radius:20px;-webkit-border-bottom-left-radius:20px;-webkit-border-bottom-right-radius:20px;font-family:Arial,sans-serif;        font-size:13px;color:#fff}.description_forum{position:Inherit;background:#1d1d1c;background-image:url("http://i33.servimg.com/u/f33/11/93/85/24/sans_t43.png");margin-left:15px;margin-top:-6px;padding:5px;border:1px dotted #c8c092;-moz-border-radius-topright:15px;-webkit-border-top-right-radius:15px;-moz-border-radius-bottomleft:15px;-webkit-border-bottom-left-radius:15px;border-radius-topright:15px;border-radius-bottomleft:15px;-moz-box-shadow:0px 0px 6px #000;-webkit-box-shadow:0px 0px 6px #000;box-shadow:0px 0px 6px #000}.titre_forum{background-color:black;border:2px solid #c8c092;-moz-border-radius:15px 15px 15px 15px;-webkit-border-top-left-radius:15px;-webkit-border-top-right-radius:15px;-webkit-border-bottom-left-radius:15px;-webkit-border-bottom-right-radius:15px;margin-left:50px;margin-top:-30px;max_with:50 px;align:center}#qeel{background-color:#000;display:none;margin-left:20%;  margin-right:20%;padding:10px;text-align:justify;color:#f2f2f2;font-size:12px;width:100 %}.slide_btn{background-image:url('http://i33.servimg.com/u/f33/11/93/85/24/4adde710.png');background-repeat:no-repeat;display:block;font-size:11px;height:15px;margin-left:auto; margin-right:auto;padding:10px;text-align:center;width:170px}.slide{margin-left:60%; margin-right:40%;padding:0}.online{left:16px;position:absolute;top:720px} #coco3{color:#7B9C40;display:block;font-family:lucida calligraphy;font-size:20px;font-weight:bold;letter-spacing:2px;padding-top:18px;text-align:center}#coco4{color:white;display:block;font-family:lucida calligraphy;font-size:20px;font-weight:bold;letter-spacing:2px;margin-top:-26px;padding-right:2px;text-align:center}input.liteoption,input.mainoption{-moz-border-radius-bottomleft:8px;-moz-border-radius-bottomright:8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;-webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px;background-image:url("http://i33.servimg.com/u/f33/11/93/85/24/bgtabl10.gif");font-weight:bold;-x-system-font:none;font-family:Arial;font-size:9px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:normal;line-height:normal;text-align:normal;width:100px}div.encadrement{border:1px solid green;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;background-color:black;padding:2px;font-size:13px;font-family:arial;width:90%;background-image:url('http://i63.servimg.com/u/f63/11/93/85/24/giftes11.gif') !important;background-repeat:no-repeat !important;background-position:left top !important;padding:33px !important;text-indent:50px}.quote{background:#fafafa url("http://i69.servimg.com/u/f69/14/29/05/13/quote10.gif") 6px 8px no-repeat;-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px; border:2px solid #D6FC91;margin:0;padding:0 0 0 3px;font-family:arial;font-size:12px;color:#000;padding:8px;text-indent:15px;overflow:hidden;padding-left:19px}..code{    -moz-border-bottom-colors:none;    -moz-border-image:none;    -moz-border-left-colors:none;    -moz-border-right-colors:none;    -moz-border-top-colors:none;      border-color:#F5F0F0;    border-style:solid;    border-width:medium 1px 1px medium;    color:#F2F2F2;    font-family:Courier,CourierNew,sans-serif;color:black;    font-size:13px}.code div.cont_code{    max-height:200px;    overflow:auto;-moz-border-bottom-colors:none;    -moz-border-image:none;    -moz-border-left-colors:none;    -moz-border-right-colors:none;    -moz-border-top-colors:none;        border-color:#F5F0F0;    border-style:solid;    border-width:medium 1px 1px medium;    color:#F2F2F2;    font-family:Courier,CourierNew,sans-serif;    color:black;    font-size:13px}#pop-up{background-image:url("http://i63.servimg.com/u/f63/11/93/85/24/courri13.png");background-repeat:no repeat;background-position:bottom;display:none}#pop-up *{color:trans;font-size:10pt}#pop-up #close{text-align:right;font-style:italic;color:#000!important;margin-top:60px}#pop-up *{text-align:justify;color:black}#pop-up #close:hover{cursor:pointer}.postbody img{vertical-align:bottom}.rpgzone .rpghidden{visibilty:hidden;display:none}.rpgzone:hover .rpghidden{visibilty:visible;display:block;position:relative;width:auto!important;up}.rpgcontent{position:relative;top:- 120px;max-width:150px}.rpgbutton{style du bouton}.rpgcontent{style de la pop}body{background-position:center}div#page{width:95%; margin:auto}td{-moz-border-radius:2px;-webkit-border-radius:2px}td.row1{background-color:transparent;background-image:url(http://i13.servimg.com/u/f13/11/93/85/24/image_10.png);background-position:center bottom;background-repeat:repeat-x;border:medium none;border-collapse:collapse}td.row1.over:hover{background-color:transparent;background-image:url(http://i13.servimg.com/u/f13/11/93/85/24/image_10.png);background-position:center bottom;background-repeat:repeat-x;border:medium none;border-collapse:collapse}td.row2{background-color:transparent;background-image:url(http://i13.servimg.com/u/f13/11/93/85/24/image_10.png);background-position:center bottom;background-repeat:repeat-x;border:medium none;border-collapse:collapse}td.row2.over:hover{background-color:transparent;background-image:url(http://i13.servimg.com/u/f13/11/93/85/24/image_10.png);background-position:center bottom;background-repeat:repeat-x;border:medium none;border-collapse:collapse}td.row3{background-color:transparent;background-image:url(http://i23.servimg.com/u/f23/11/93/85/24/sans_t89.png);background-position:center bottom;background-repeat:repeat-x;border:medium none;border-collapse:collapse}td.row3.over:hover{background-color:transparent;background-position:center bottom;background-repeat:repeat-x;border:medium none;border-collapse:collapse}a:hover{color:#FFF;font-variant:small-caps;letter-spacing:1px;text-decoration:none !important}td.row3Right{background-color:transparent;background-image:url(http://i23.servimg.com/u/f23/11/93/85/24/sans_t89.png);background-position:center bottom;background-repeat:repeat-x;border:medium none;border-collapse:collapse}A:hover{text-transform:uppercase}.resizebox{color:....;background-color:black}.fascicularia{font-size:12px; color:#fff}#legend_forum .gensmall{color:white}tittle{color:#000; background-color:#FFF; width:190px; border-top:2px solid #910000; border-left:2px solid #910000; border-right:2px solid #910000; border-bottom:2px solid #910000}.forumline{margin-top:35px}.transtable{background-color:transparent;border:none;background-image:none}#scma{display:none}#legend_forum .gensmall{color:white}#date_and_last_visit{color:white}a.bulle:hover span{display:inline;position:center;background-color:black;text-align:center;color:white}a.bulle span{display:none}a.bulle:hover{background:none}.transparent{filter:alpha(opacity=50); -moz-opacity:0.00;-khtml-opacity:0.50;opacity:0.50}input,textarea,select{background-color:#fff;color:#000}.widgetleft{position:fixed;top:0px;left:0px;width:auto;height:100%;overflow-y:auto;z-index:999}.widgetleft .mainwidgetleft{display:none}.widgetleft:hover .mainwidgetleft{display:block}.widgetleft:hover{padding-left:10px;padding-right:10px;width:320px}.widgetleft{background:black url(' http://i63.servimg.com/u/f63/11/93/85/24/sans_t45.png') top right repeat-y;min-width:20px}.widgetleft:hover{background:black url(' http://i43.servimg.com/u/f43/11/93/85/24/sans_t10.png ') top right repeat-x}.namecat{ background-image:url("http://i69.servimg.com/u/f69/12/79/14/26/4684-f10.png");    padding-bottom:0px;    padding-top:5px;    padding-bottom:5px;    letter-spacing:2px;    border-left:1px solid #555;    border-right:1px solid #555;    border-bottom:0px solid #555;    font-family:Georgia;    margin-left:60px;    margin-right:200px;    margin-top:-10px;    color:black;    margin-bottom:-20px;    border-top:1px solid #555;    border-radius:60px 60px 0px 0px;;    -moz-border-radius-bottomleft:0px;    -moz-border-radius-topleft:60px;    -moz-border-radius-bottomright:0px;    -moz-border-radius-topright:60px;-webkit-border-top-left-radius:60px;-webkit-border-top-right-radius:60px;-webkit-border-bottom-left-radius:0px;-webkit-border-bottom-right-radius:0px}.linf{-moz-border-radius:0 0 40px 40px;-webkit-border-top-left-radius:0px;-webkit-border-top-right-radius:0px;-webkit-border-bottom-left-radius:40px;-webkit-border-bottom-right-radius:40px; background-image:url("http://i69.servimg.com/u/f69/12/79/14/26/4684-f10.png");border-color:#abb487;border-right:2px solid #abb487;border-style:solid;border-width:0 2px 2px;display:block;font-family:georgia;font-size:11px;margin-left:20px;margin-right:100px;margin-top:-13px;padding:5px;text-align:center}.cata{background-image:url("http://i69.servimg.com/u/f69/12/79/14/26/4684-f10.png");border:1px solid #242424;border-bottom:0px solid white;margin-bottom:5px;-moz-border-radius:20px 20px 3px 3px;-webkit-border-top-left-radius:20px;-webkit-border-top-right-radius:20px;-webkit-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px;border-radius:20px 20px 3px 3px;padding:3px;width:160px;font-family:georgia;text-decoration:none !important;color:white}  .catb{background-image:url("http://i63.servimg.com/u/f63/11/93/85/24/4684-f10.png");-moz-border-radius:3px 3px 20px 20px;-webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:3px;-webkit-border-bottom-left-radius:20px;-webkit-border-bottom-right-radius:20px;border-radius:3px 3px 20px 20px;border:1px solid #242424;border-top:0px solid green;padding:3px;width:160px}  .categ{padding:10px;-moz-border-radius:60px 10px 60px 0px;-webkit-border-top-left-radius:60px;-webkit-border-top-right-radius:10px;-webkit-border-bottom-left-radius:60px;border-radius:60px 10px 60px 0px;margin:10px;border:2px solid  #abb487;background-image:url(http://i33.servimg.com/u/f33/11/93/85/24/sans_t41.png);background-repeat:repeat !important} ..navigation{-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;background-color:#1B1313;border:2px solid #271D1D;font-size:10px;padding-left:4px;padding-right:4px;position:relative; width:90px;z-index:0}.navigation:hover{-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;-webkit-border-top-left-radius:0px;-webkit-border-top-right-radius:0px;background-color:#1B1313;border:2px solid #271D1D;font-size:10px;padding-left:4px;padding-right:4px; width:90px;z-index:50}.navigation span{background-color:#1B1313;border-color:#271D1D;border-style:solid;border-width:0 2px 2px;font-size:8px;letter-spacing:1px;padding-bottom:2px;padding-left:4px;padding-right:4px;position:fixe; visibility:hidden;width:90px}.navigation:hover span{-moz-border-radius-bottomleft:10px;-moz-border-radius-bottomright:10px;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;left:-2px;top:13px;visibility:visible;width:90px}div#chatbox{}#chatbox{bottom:30px;left:181px;line-height:10px;overflow:auto;position:absolute;right:0;top:30px}*{margin:0;padding:0}body.chatbox{background-color:#1b1313;background-image:none;margin:0;min-width:550px !important;padding:0}#chatbox_members{border-right:1px solid;bottom:30px;overflow:auto;position:absolute;top:30px;width:180px}#chatbox{bottom:30px;left:181px;line-height:10px;overflow:auto;position:absolute;right:0;top:30px}.chatbox_row_1,.chatbox_row_2,.chatbox_row_3{font-size:12px}.chatbox-options{text-align:right}#chatbox_messenger_form .gen,#chatbox_messenger_form .text-field,#chatbox_messenger_form{float:right;white-space:nowrap}#chatbox_footer{bottom:0;height:30px;left:0;position:absolute;right:0}#chatbox_footer table.text-styles{float:right}#chatbox_footer .text-field{float:left}#chatbox_header{background-color:#462D19;height:30px}#chatbox p{line-height:1.2em}.chatbox_row_1{padding:4px}.chatbox_row_2{padding:4px}.chatbox_row_3{padding:4px}.memberlist_row_1{padding:2px 2px 2px 10px}#chatbox_members .member-title{background-image:none;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;padding:0.5em 0.25em;text-align:center}#chatbox_members ul{list-style:none outside none;margin:0 0 0 10px}#chatbox_members ul li{margin:2px 2px 2px 0}.cadre1{background-color:trans;border:2px solid #271D1D;-moz-border-radius:20px 20px 20px 20px;-webkit-border-top-left-radius:20px;-webkit-border-top-right-radius:20px;-webkit-border-bottom-left-radius:20px;-webkit-border-bottom-right-radius:20px;height:100px;padding-right:8px;padding-left:8px;padding-bottom:8px;font-size:8px;font-weight:bold;text-align:center;text-decoration:none !important;color:white}.altitude_encadrement{-moz-border-radius:5px 5px 5px 5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;background-color:trans;border:3px solid #4e4e4e;margin-bottom:+59px;padding:5px}.signature{-moz-border-radius:5px 5px 5px 5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;background-color:#1D1515;border:1px solid #2B2020;margin-top:20px;padding:5px}input,textarea,select{border-radius:10px 10px;-moz-border-radius:10px;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;padding-left:3px;border:3px solid white;background-color:#fff;color:#7e4d2c}.button2{-moz-border-radius:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px}textarea,.textarea.post,input.post{-moz-border-radius:10px;-webkit-border-radius:10px;border:2px solid #000}.codebox dd{max-height:100% !important}#legend_forum .gensmall{color:white}tittle{color:#000; background-color:#FFF; width:190px; border-top:2px solid #910000; border-left:2px solid #910000; border-right:2px solid #910000; border-bottom:2px solid #910000}tr.post span.resizebox{display:block;margin-bottom:-18px}.transtable{background-color:transparent;border:none;background-image:none}#scma{display:none}#legend_forum .gensmall{color:white}#date_and_last_visit{color:white}input,textarea,select{background-color:#fff;color:#000}.fascicularia{font-size:12px; color:#fff}#profil_head{background-image:url(http://i15.servimg.com/u/f15/14/35/70/13/barre_13.png);background-repeat:no- repeat;width:200px;height:64px;margin-bottom:-25px}#name{padding-top:-6px;padding-left:0px;font-size:16px}#profil_body{background-image:url(http://i15.servimg.com/u/f15/14/35/70/13/barre_14.png);background-repeat:repeat-y;width:200px;max-height:900px}#profil_foot{background-image:url(http://i15.servimg.com/u/f15/14/35/70/13/bas_du13.png);background-repeat:no-repeat;width:200px;height:64px}.poster-profile textarea{padding:2px;background-image:url('http://i63.servimg.com/u/f63/11/93/85/24/fond_d12.jpg');background-position:center bottom;background-repeat:repeat-x;font-family:arial;font-size:12px;border:1px solid #valeur;border-left:1px solid #valeur; border-right:1px solid #valeur; -moz-border-radius:20px 20px 20px 20px;-webkit-border-top-left-radius:20px;-webkit-border-top-right-radius:20px;-webkit-border-bottom-left-radius:20px;-webkit-border-bottom-right-radius:20px}.atelierdesc{background:#trans;color:#fff;margin-left:30px;margin-top:10px;padding:5px;padding-left:25px;border-top:1px solid #444;border-bottom:1px solid #444;border-left:5px solid #444;border-right:5px solid #444;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-bottomleft:10px;-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px}.postbody a,a.link{text-decoration:none !important;color:green}input,textarea,select{color:#black; font:normal 11px Verdana,Arial,Helvetica,sans-serif; border:#white; border-left-style:solid; border-left-width:2.5px; border-right-style:solid; border-right-width:2.5px; background-color:white;-moz-border-radius:16px 16px 16px 16px;-webkit-border-top-left-radius:16px;-webkit-border-top-right-radius:16px;-webkit-border-bottom-left-radius:16px;-webkit-border-bottom-right-radius:16px;padding-left:3px}tr.post td{padding-left:20px}ul#agenda li{border-top:1px solid silver;list-style-type:none;margin:0.4em 10px;padding:0.8em 10px 0.3em}agenda.htm#spm (ligne 31)li{margin-right:10px;padding-right:10px}screen3.css (ligne 58)Hérité dediv#page#page{font-size:0.8em}screen3.css (ligne 18)Hérité debodybody{font-family:verdana,lucida,sans-serif}button.button2,input.button2{font-size:0.7em;border:1px solid #000;width:auto !important;padding:1px 1px;font-family:Verdana,Arial,Helvetica,sans-serif;color:#000;background-repeat:repeat-x;background-color:#FAFAFA;background-image:url('http://i13.servimg.com/u/f13/11/93/85/24/bouton14.jpg');background-position:top;overflow:visible;vertical-align:middle}button.button2:hover,input.button2:hover{border:1px solid #000;background-image:url('http://i13.servimg.com/u/f13/11/93/85/24/bouton13.jpg');background-position:top;color:#000;background-position:0 100%}.secondarytitle h2{color:#C0C0C0;font-size:21px;font-weight:bold;text-shadow:7px 6px 1px #242424}.secondarytitle h2{display:inline}.secondarytitle,.secondarytitle h2{color:#FCFCFC;margin:0;padding:0}.fleche{    background-image:url("http://i23.servimg.com/u/f23/11/93/85/24/sans_t19.gif"); width:20px; height:14px; position:relative; top:90px; left:-4px}.post-options{ -moz-transition:all 1s ease 0s; display:block; float:right; max-width:60px; overflow:hidden}.post-options:hover{ -moz-transition:all 2s ease 0s; display:block; float:right; max-width:500px}.post-options{ text-align:right}#element.style{background-color:black;opacity:0.8;height:6096px}#jquery-overlay{ position:absolute; top:0; left:0; z-index:90; width:1000px; height:400px}#jquery-lightbox{ position:absolute; top:0; left:0; width:100%; z-index:999; text-align:center; line-height:0}#jquery-lightbox a img{border:none}#lightbox-container-image-box{ position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto}#lightbox-container-image{padding:10px}#lightbox-loading{ position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0}#lightbox-nav{ position:absolute; top:0; left:0; height:100%; width:100%; z-index:10}#lightbox-container-image-box >#lightbox-nav{left:0}#lightbox-nav a{outline:none}#lightbox-nav-btnPrev,#lightbox-nav-btnNext{ width:49%; height:100%; zoom:1; display:block}#lightbox-nav-btnPrev{ left:0; float:left}#lightbox-nav-btnNext{ right:0; float:right}#lightbox-container-image-data-box{ font:10px Verdana,Helvetica,sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%; padding:0 10px 0}#lightbox-container-image-data{ padding:0 10px; color:#666}#lightbox-container-image-data #lightbox-image-details{ width:70%; float:left; text-align:left} #lightbox-image-details-caption{font-weight:bold}#lightbox-image-details-currentNumber{ display:block; clear:left; padding-bottom:1.0em} #lightbox-secNav-btnClose{ width:66px; float:right; padding-bottom:0.7em}.description_forum{font-family:Playfair Display;font-size:12px;font-weight:normal} div#search_menu{background-color:black}#tropicana{ -moz-transform:rotate(1deg); -moz-transition-duration:1s}#tropicana:hover{ -moz-transform:rotate(350deg) scale(1.05) rotate(15deg)}.moderation{background-color:trans;background-image:url("http://i43.servimg.com/u/f43/11/93/85/24/sans_t14.gif");background-position:left;background-repeat:no-repeat;border:2px solid #FFF;color:#566c00;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;height:150px;padding:5px 10px 5px 140px;text-decoration:none !important; width:auto}#fade{display:none;background:#000;position:fixed;left:0;top:0;width:100%;height:100%;opacity:.80}.popup_block{display:none;background:#fff;padding:20px;border:20px solid #ddd;float:left;font-size:1.2em;position:fixed;top:50%;left:50%;z-index:999;-webkit-box-shadow:0px 0px 20px #000;-moz-box-shadow:0px 0px 20px #000;box-shadow:0px 0px 20px #000;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}img.btn_close{float:right;margin:-55px -55px 0 0}*html #fade{position:absolute}*html .popup_block{position:absolute} #heisein .miniature .image{ width:15px; height:10px; border:trans 1px dotted}#heisein .miniature:hover{ background-color:transparent; z-index:50; margin:0; padding:2px}#heisein .miniature .info{-moz-border-radius:12px 12px 12px 12px;-moz-box-shadow:0 0 6px #D6FC91;background-color:black;background-repeat:repeat;border:1px solid #1C1C1C; position:absolute; padding:5px; left:-1000px; color:white; border:2px solid trans; width:200px; visibility:hidden; font-family:Arial,Helvetica,sans-serif; font-size:1.1em; text-align:left}#heisein .miniature .info img{ border:0px; padding:2px}#heisein .miniature:hover .info{ visibility:visible; top:0px; left:38px}#heisein .miniature{ position:relative; font-size:0.9em; color:trans; z-index:0; margin:10; padding:2px}#heisein{display:block;height:auto}#heisein a{ color:#5b7505}#heisein .contenu{  color:#000}#heisein ul{ margin:0 0 0 15px; padding:2px 0}#heisein li{ list-style:square}#heisein .titre{ background:transparent; color:#5b7505; text-align:justify}.ton_image{background-image:url('http://i63.servimg.com/u/f63/11/93/85/24/philo_10.png");width:100px;height:163px}.signa{background-image:url('http://i63.servimg.com/u/f63/11/93/85/24/signat12.pngg");width:80 px}        #savec{position:relative}        .save-bloc{dispay:none;color:#555!important;cursor:point;z-index:999;padding:5px; border:1px solid #BCBCBC;background:#efefef url(http://illiweb.com/fa/prosilver/bg_button.gif) repeat-x;display:none;top:20px;left:0px;position:absolute;white-space:nowrap} .save-bloc div:hover{color:#050505!important} .save-bloc div{cursor:pointer} .save-bloc select{background:#ccc;border:1px solid #aaa;margin-bottom:5px}  .ImgScreen{ width:50px}
 
 
 
 

demeter1
+ Hyperactif +

Masculin
Messages : 8226
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: quick reply taille invariable ???

Message par demeter1 le Sam 24 Mar 2012 - 12:47

Un petit up pour actualiser le sujet.

demeter1
+ Hyperactif +

Masculin
Messages : 8226
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: quick reply taille invariable ???

Message par Scoubifitz le Dim 25 Mar 2012 - 0:10

bonsoir,

un petit corrigé du CSS avant ? ... en fin de CSS ...
tout le CSS après la première erreur (guillemet au lieu d'apostrophe) ne sera pas appliqué ...

.ton_image{background-image:url('https://i63.servimg.com/u/f63/11/93/85/24/philo_10.png");width:100px;height:163px}.signa{background-image:url('https://i63.servimg.com/u/f63/11/93/85/24/signat12.pngg");width:80 px} #savec{position:relative} .save-bloc{dispay:none;color:#555!important;cursor:point;z-index:999;padding:5px; border:1px solid #BCBCBC;background:#efefef url(http://illiweb.com/fa/prosilver/bg_button.gif) repeat-x;display:none;top:20px;left:0px;position:absolute;white-space:nowrap} .save-bloc div:hover{color:#050505!important} .save-bloc div{cursor:pointer} .save-bloc select{background:#ccc;border:1px solid #aaa;margin-bottom:5px} .ImgScreen{ width:50px}

.ton_image{background-image:url('https://i63.servimg.com/u/f63/11/93/85/24/philo_10.png');width:100px;height:163px}.signa{background-image:url('https://i63.servimg.com/u/f63/11/93/85/24/signat12.png');width:80 px} #savec{position:relative} .save-bloc{dispay:none;color:#555!important;cursor:point;z-index:999;padding:5px; border:1px solid #BCBCBC;background:#efefef url(http://illiweb.com/fa/prosilver/bg_button.gif) repeat-x;display:none;top:20px;left:0px;position:absolute;white-space:nowrap} .save-bloc div:hover{color:#050505!important} .save-bloc div{cursor:pointer} .save-bloc select{background:#ccc;border:1px solid #aaa;margin-bottom:5px} .ImgScreen{ width:50px}

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: quick reply taille invariable ???

Message par demeter1 le Dim 25 Mar 2012 - 11:57

Merci Scoubifitz pour cette correction.
Une petite idée de ce que qui bloque la taille du quick reply ????

demeter1
+ Hyperactif +

Masculin
Messages : 8226
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: quick reply taille invariable ???

Message par Scoubifitz le Dim 25 Mar 2012 - 15:17

Interrog

une piste ? ... with ≠ width ...

deux cellules , premier width en % avec iframe fixe à 200px , deuxième en pixels ...

la première cellule n'a pas de balise fermante (/td)

<!--DEBUT RAJOUT BOITE SMILEY MESSAGE RAPIDE -->



<table width="100%" cellspacing="5" cellpadding="0" align="center">
<tr>
<td class="" valign="top" align="center" width="10%">
<iframe src="/smilies.forum?mode=smilies_frame" width="200" height="250"></iframe>

<td class="" valign="top" align="left"with="500px">
{QUICK_REPLY_FORM}
</td>
</tr>
</table>

<!--FIN RAJOUT BOITE SMILEY MESSAGE RAPIDE -->

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: quick reply taille invariable ???

Message par demeter1 le Dim 25 Mar 2012 - 16:00


Bonjour scoubifitz, je viens de modifier cette portion pour rajouter la balise de fermeture td (oups erreur de ma part).

J'ai modifier le positionnement de l'iframe de center à left et la taille en % de la même valeur en px que l'iframe.

Malheureusement, le quik reply ne bouge pas d'un yota même en changeant la largeur en px J'ai testé 500 px , 700 px, 1000 px , 1500 px et rien n'y fait.
Je me demande s'il n'a pas une taille prédéterminée qu'il est impossible de faire varier.

Code:
 <!--DEBUT  RAJOUT BOITE SMILEY MESSAGE RAPIDE -->



 <table width="100%" cellspacing="5" cellpadding="0" align="center">
      <tr>
        <td class="" valign="top" align="left" width="200 px">
            <iframe src="/smilies.forum?mode=smilies_frame" width="200" height="250"></iframe></td>
       
        <td class="" valign="top" align="left"with="500px">
            {QUICK_REPLY_FORM}
        </td>
      </tr>
  </table>

<!--FIN  RAJOUT BOITE SMILEY MESSAGE RAPIDE -->


demeter1
+ Hyperactif +

Masculin
Messages : 8226
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: quick reply taille invariable ???

Message par Scoubifitz le Dim 25 Mar 2012 - 16:25

un problème de nombre de cellules ?

<!-- END switch_user_logged_in -->
<tr>
<td class="row2" colspan="2" align="center" style="padding:0px">
<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
<!--DEBUT RAJOUT BOITE SMILEY MESSAGE RAPIDE -->

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: quick reply taille invariable ???

Message par demeter1 le Dim 25 Mar 2012 - 17:15

Le colspan passé à un ne rectifie pas le soucis. j'ai poussé jusqu'à supprimer
Code:
<td class="row2" colspan="2" align="center" style="padding:0px">
sans que cela n'ait une quelconque action.

J'ai tenté de modifier le % de table dans cette partie par du 700 px
Code:
<table width="100%" cellspacing="5" cellpadding="0" align="center">
au cas ou cela influerait mais malheureusement non.

demeter1
+ Hyperactif +

Masculin
Messages : 8226
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: quick reply taille invariable ???

Message par Scoubifitz le Dim 25 Mar 2012 - 17:27

et en augmentant le "colspan" à 3 ?

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: quick reply taille invariable ???

Message par demeter1 le Dim 25 Mar 2012 - 18:36

idem.

demeter1
+ Hyperactif +

Masculin
Messages : 8226
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: quick reply taille invariable ???

Message par Scoubifitz le Dim 25 Mar 2012 - 21:13

édit ...

le seul essai qui fonctionne est en CSS ... et encore , seulement avec des pixels , pas en % ...

Code:
form#quick_reply td.row2{width:900px;}

j'ai pas mieux ...


Dernière édition par Scoubifitz le Dim 25 Mar 2012 - 23:09, édité 1 fois

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: quick reply taille invariable ???

Message par demeter1 le Dim 25 Mar 2012 - 23:03

Même topo. La modification est en place. On dirait bien que le quick reply est in-modifiable au niveau de la largeur.

demeter1
+ Hyperactif +

Masculin
Messages : 8226
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: quick reply taille invariable ???

Message par Scoubifitz le Dim 25 Mar 2012 - 23:11

@Scoubifitz a écrit:édit ...

le seul essai qui fonctionne est en CSS ... et encore , seulement avec des pixels , pas en % ...

Code:
form#quick_reply td.row2{width:900px;}

j'ai pas mieux ...

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: quick reply taille invariable ???

Message par demeter1 le Lun 26 Mar 2012 - 0:16

Scoubifitz, que dire si ce n'est un grand bravo. je vous avouerai que je continuai mes essais de mon côté et que j'étais prêt à jeter l'éponge.
La solution du css fonctionne à merveille.

Un grand merci pour cette aide et surtout pour votre grande patience.ok

demeter1
+ Hyperactif +

Masculin
Messages : 8226
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 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