redimensionner l'avatar dans le qeel

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

Résolu redimensionner l'avatar dans le qeel

Message par Lilynufare le Mer 26 Oct 2016 - 19:39

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Plusieurs utilisateurs
Problème apparu depuis : 26/10/16
Lien du forum :

Description du problème

Bonsoir Smile

Me revoilà à vous demander quelque chose, j'ai tenté de mettre l'avatar du dernier poster dans le qeel en suivant ce sujet que j'ai trouvé sur le forum : http://forum.forumactif.com/t379011-avatar-du-dernier-membre-inscrit-dans-le-qui-est-en-ligne

Tout fonctionne mais je n'arrive pas à redimensionner l'avatar. Je voudrais le redimensionner car il est énorme.

Merci de votre attention.


Dernière édition par Lilynufare le Lun 31 Oct 2016 - 11:03, édité 1 fois
avatar

Lilynufare
****

Messages : 202
Inscrit(e) le : 22/08/2012

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

Résolu Re: redimensionner l'avatar dans le qeel

Message par Neptunia le Mer 26 Oct 2016 - 20:24

Bonjour ^^


Pourriez-vous fournir le lien du forum où le code est installé ?
avatar

Neptunia
Membre actif

Féminin
Messages : 11912
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: redimensionner l'avatar dans le qeel

Message par Lilynufare le Mer 26 Oct 2016 - 21:39

Bonsoir ^^

Je vous mets les templates, css et l'image.

exemple du qeel en image : http://oi63.tinypic.com/30ivy86.jpg



Index body (qeel)

Code:
<!-- BEGIN disable_viewonline -->
<img src="http://i68.tinypic.com/2utreap.jpg" style="width : 850px ; margin-left: 15px; height : 80px"/>
<div class="fond_qeel"><br />
<div class="qeel1">
<table width="100" border="0">
<tr>
 <td align="center" valign="top">
  <div class="titre_qeel">They walk in our city</div><br/>
 
 <div class="stat01">
 <span class="gensmall">{TOTAL_POSTS}
      {TOTAL_USERS}<br />
 
      {TOTAL_USERS_ONLINE} <br />
      <table>{L_WHOSBIRTHDAY_TODAY}
</table></span> <br />
 
 
  </div>
  </td>
 <td align="center" valign="top">
      <div class="titre_qeel1">Choose your depravity</div><br/>
 
 <div class="stat_groupe">
 <script type="text/javascript">
        //<!--
                function change_onglet(name)
                {
                        document.getElementById('onglet_'+anc_onglet).className = 'onglet_0 onglet';
                        document.getElementById('onglet_'+name).className = 'onglet_1 onglet';
                        document.getElementById('contenu_onglet_'+anc_onglet).style.display = 'none';
                        document.getElementById('contenu_onglet_'+name).style.display = 'block';
                        anc_onglet = name;
                }
        //-->
        </script>
   
      <div class="systeme_onglets">
        <div class="onglets" style="padding-left: 19px; padding-bottom: 2px;">
              <span class="onglet_0 onglet" id="onglet_mj" onmouseover="javascript:change_onglet('mj');"><img src="http://img11.hostingpics.net/pics/488649643.png"style="width: 33px; height: 50px;border-radius: 10px; border: 2px solid #3e1810;"/></span> 

          <span class="onglet_0 onglet" id="onglet_groupe" onmouseover="javascript:change_onglet('groupe');"><img src="http://img11.hostingpics.net/pics/903307815.png"style="width: 33px; height: 50px;border-radius: 10px; border: 2px solid #3e1810"/></span> 

<!-- DEBUT modifications à faire dans les onglets, URL des images à changer -->

        <span class="onglet_0 onglet" id="onglet_NOM1" onmouseover="javascript:change_onglet('NOM1');"><img src="http://img11.hostingpics.net/pics/358229572.png"style="width: 31px; height:50px; border-radius: 10px; border: 2px solid #3e1810"/></span> 
 <span class="onglet_0 onglet" id="onglet_NOM2" onmouseover="javascript:change_onglet('NOM2');"><img src="http://img11.hostingpics.net/pics/852801301.png"style="width: 31px; height:50px;border-radius: 10px; border: 2px solid #3e1810"/></span> 
<span class="onglet_0 onglet" id="onglet_NOM3" onmouseover="javascript:change_onglet('NOM3');"><img src="http://img11.hostingpics.net/pics/938195364.png"style="width: 31px; height:50px; border-radius: 10px; border: 2px solid #3e1810"/></span> 
      <span class="onglet_0 onglet" id="onglet_NOM8" onmouseover="javascript:change_onglet('NOM8');"><img src="http://img11.hostingpics.net/pics/852801301.png"style="width: 31px; height:50px;border-radius: 10px; border: 2px solid #3e1810"/></span> 
<span class="onglet_0 onglet" id="onglet_NOM7" onmouseover="javascript:change_onglet('NOM7');"><img src="http://img11.hostingpics.net/pics/938195364.png"style="width: 31px; height:50px; border-radius: 10px; border: 2px solid #3e1810"/></span>



<!-- FIN modifications -->

        </div>
        <div class="contenu_onglets">
          <div class="contenu_onglet" id="contenu_onglet_staff"><br/> <div style="color: #533102; font-size: 9px; font-family: Time new roman; text-align: justify; margin-top: -7px;"><center><img src="http://image.noelshack.com/fichiers/2016/32/1470610767-essais-fond-n3.png"/></center></div>
            </div>
      <div class="contenu_onglet" id="contenu_onglet_mj">
            <div><h2 class="nom_groupe_qeel"><font style="color: #EB3232;">Master</font></h2></div>Ces individus ne souhaitent qu'une chose : épater la galerie ! Ils sont en quête de gloire et de reconnaissance, voulant atteindre les sommets de la méchanceté pour être admirés ou même détestés. Certains ne décollent pas d'un pouce, se cantonnant aux petits méfaits quotidiens. Mais il s'entêtent, et à défaut d'être sous le feu des projecteurs ; ils feront probablement un feu de joie dans votre jardin !<br />
            <div><h2 class="liengroupe"><center><a href="http://despicableme.forumactif.com/g4-arnaque-gloire-et-mechancete"> Lire le groupe ?</a>  <a href="http://despicableme.forumactif.com/g4-arnaque-gloire-et-mechancete"> Les rejoindre ?</a></center></h2></div>
</div></div>
            <div class="contenu_onglet" id="contenu_onglet_groupe">
              <div><h2 class="nom_groupe_qeel"><font style="color: #414AEB;">Dominant</font></h2></div>
              Être méchant, ça peut vous rapporter gros ! Voleurs en tout genre, ou bien homme à tout faire des grands de ce monde, ces malfaiteurs ne feront rien en l'absence d'un chèque. Enfin... Chèque, espèce, tickets restaurant... Les plus idiots prendront la carte bancaire ! Quoiqu'il en soit, ils désirent s'enrichir et le font clairement savoir. Ils aspirent à une vie faite de cruauté et de billets verts !<br />
              <div><h2 class="liengroupe"><center><a href="http://despicableme.forumactif.com/g4-arnaque-gloire-et-mechancete"> Lire le groupe ?</a>  <a href="http://despicableme.forumactif.com/g4-arnaque-gloire-et-mechancete"> Les rejoindre ?</a></center></h2></div>




            </div>

<!-- DEBUT modifications à faire dans le contenu des onglets, URL à ajouter -->

              <div class="contenu_onglet" id="contenu_onglet_NOM1"> <div><h2 class="nom_groupe_qeel"><font style="color: #5C7A59;">Trainer</font></h2></div>
                Argent, succès... Peu importe ! Si ils font le mal c'est tout simplement parce qu'ils en ont envie ! Faire pleurer une petite fille, mettre à rude épreuve les nerfs d'une petite mamie, ou tout simplement se montrer infecte avec tout le monde : c'est leur dada ! Ces méchants le sont par nature, excellent dans leur domaine. Ils se réjouissent du malheur des autres et sont convaincus qu'ils ne changeront pas. C'est maman qui les a fait ainsi, alors pourquoi devenir gentil ?<br />
                <div><h2 class="liengroupe"><center><a href="http://despicableme.forumactif.com/g4-arnaque-gloire-et-mechancete"> Lire le groupe ?</a>  <a href="http://despicableme.forumactif.com/g4-arnaque-gloire-et-mechancete"> Les rejoindre ?</a></center></h2></div>
            </div>
                <div class="contenu_onglet" id="contenu_onglet_NOM2"> <div><h2 class="nom_groupe_qeel"><font style="color: #414AEB;">Corrupt citizen</font></h2></div>
                  Ils sont les témoins, au quotidien, des méfaits accomplis un peu partout dans le monde ! Certains se montrent intéressés, curieux, voir complètement investis dans ces phénomènes ; jusqu'à porter une certaine admiration à ces méchants, si ce n'est une haine incroyable ou encore une totale indifférence. Bref, loin d'être monsieur ou madame tout le monde, ils sont bien souvent les victimes de ces crimes et délits en tout genre.<br />
                  <div><h2 class="liengroupe"><center><a href="http://despicableme.forumactif.com/g4-arnaque-gloire-et-mechancete"> Lire le groupe ?</a>  <a href="http://despicableme.forumactif.com/g4-arnaque-gloire-et-mechancete"> Les rejoindre ?</a></center></h2></div>
            </div>
                  <div class="contenu_onglet" id="contenu_onglet_NOM3"> <div><h2 class="nom_groupe_qeel"><font style="color: #5C7A59;">Innocent citizen</font></h2></div>
                  Ils sont les témoins, au quotidien, des méfaits accomplis un peu partout dans le monde ! Certains se montrent intéressés, curieux, voir complètement investis dans ces phénomènes ; jusqu'à porter une certaine admiration à ces méchants, si ce n'est une haine incroyable ou encore une totale indifférence. Bref, loin d'être monsieur ou madame tout le monde, ils sont bien souvent les victimes de ces crimes et délits en tout genre.<br />
                  <div><h2 class="liengroupe"><center><a href="http://despicableme.forumactif.com/g4-arnaque-gloire-et-mechancete"> Lire le groupe ?</a>  <a href="http://despicableme.forumactif.com/g4-arnaque-gloire-et-mechancete"> Les rejoindre ?</a></center></h2></div>
            </div>
            <div class="contenu_onglet" id="contenu_onglet_NOM7"><div><h2 class="nom_groupe_qeel"><font style="color: #5C7A59;">Slave</font></h2></div>
          Employés dans l'Agence Vigilance de Lynx, ils ont tous un rôle dans cette organisation secrète visant à lutter contre le crime. Ce sont de véritables petits anges, voir même de sacrés pigeons, naïfs et parfois trop bons ! Mais ils n'en sont pas moins compétents, donnant du fil à retordre à nos méchants ! Courir après les vilains, c'est leur dada !<br />
            <div><h2 class="liengroupe"><center><a href="http://despicableme.forumactif.com/g4-arnaque-gloire-et-mechancete"> Lire le groupe ?</a>  <a href="http://despicableme.forumactif.com/g4-arnaque-gloire-et-mechancete"> Les rejoindre ?</a></center></h2></div>
            </div>
              <div class="contenu_onglet" id="contenu_onglet_NOM8"><div><h2 class="nom_groupe_qeel"><font style="color: #5C7A59;">Submissive</font></h2></div>
            Employés dans l'Agence Vigilance de Lynx, ils ont tous un rôle dans cette organisation secrète visant à lutter contre le crime. Ce sont de véritables petits anges, voir même de sacrés pigeons, naïfs et parfois trop bons ! Mais ils n'en sont pas moins compétents, donnant du fil à retordre à nos méchants ! Courir après les vilains, c'est leur dada !<br />
              <div><h2 class="liengroupe"><center><a href="http://despicableme.forumactif.com/g4-arnaque-gloire-et-mechancete"> Lire le groupe ?</a>  <a href="http://despicableme.forumactif.com/g4-arnaque-gloire-et-mechancete"> Les rejoindre ?</a></center></h2></div>
            </div>
            <div class="contenu_onglet" id="contenu_onglet_NOM4">
            </div>
            <div class="contenu_onglet" id="contenu_onglet_NOM5">
            </div>
            <div class="contenu_onglet" id="contenu_onglet_NOM6">
            </div>
   

<!-- FIN modifications -->

        </div>
        <div class="onglets" style="padding-left: 24px; padding-top: 2px;">


            <span class="onglet_0 onglet" id="onglet_staff" onmouseover="javascript:change_onglet('staff');" style="visibility: hidden;">Staff</span>
        </div>
 
    <script type="text/javascript">
        //<!--
                var anc_onglet = 'staff';
                change_onglet(anc_onglet);
        //-->
        </script>
 
</div>
 </td>
    <td align="center" valign="top">
      <div class="titre_qeel">They have been there</div><br/>
     
 <div class="stat02">
 <table>{L_CONNECTED_MEMBERS}</table></div>
  </td>
 
 
  </tr>
    </table>
 
 
    </div>
 
  <div class="qeel1">
<table width="100" border="0">
<tr>
 <td align="center" valign="top">
 <div class="titre_qeel">Ils sont là</div><br/>
 <div class="stat_2">
 <span class="gensmall">{LOGGED_IN_USER_LIST}</span>

  </div>
  </td>
 <td align="center" valign="top"> 
      <div class="titre_qeel1">Bienvenue ! </div><br/>
 <div class="stat_1">
  <span id="dernier_membre"> {NEWEST_USER}</span>
      <div class="avaqeel"><span id="avatar_dernier_membre"></span></div>
 
</div>
 </td> 
    <td align="center" valign="top"> 
      <div class="titre_qeel">Top</div><br/>
 <div class="stat_2">
 <table>.....</table></div>
  </td>
  </tr>
    </table>
    </div>
    </div>
    </div>
<img src="{SPACER}" alt="" height="5" width="1" /><img src="http://i65.tinypic.com/doxhkp.png" style="margin-left: 14px; margin-top: -5px; width: 850px;"/>
<!-- END disable_viewonline -->
profile_view_body
Code:
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
<tr>
<td><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a></span></td>
</tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <th class="thHead" colspan="2" nowrap="nowrap" height="25"><h1 class="h_member">{L_VIEWING_PROFILE}</h1></th>
   </tr>
   <tr>
      <td class="catLeft" align="center" width="40%" height="28"><b><span class="gen">{L_USER_PRESENCE}</span></b></td>
      <td class="catRight" width="60%" align="center"><b><span class="gen">{L_ABOUT_USER}</span></b></td>
   </tr>
   <tr>
      <td class="row1" align="center" valign="top" height="120">
         <table width="100%" border="0" cellspacing="1" cellpadding="0">
            <tr>
               <td valign="middle" nowrap="nowrap" align="right" width="20%"><span class="gen">{L_AVATAR_IMG}&nbsp;</span></td>
                                  <td width="80%"><b><span class="gen">    <div class="avaqeel"><span id="avatar_membre">{AVATAR_IMG}</span></div></span></b></td>
            </tr>
            <tr>
               <td valign="middle" nowrap="nowrap" align="right"><span class="gen">{L_RANK}:&nbsp;</span></td>
               <td><b><span class="gen">{POSTER_RANK}</span></b></td>
            </tr>
            <!-- BEGIN switch_show_status -->
            <tr>
               <td valign="middle" nowrap="nowrap" align="right"><span class="gen">{L_STATUT}:&nbsp;</span></td>
               <td><b><span class="gen">{USER_ONLINE}</span></b></td>
            </tr>
            <!-- END switch_show_status -->
            <!-- BEGIN switch_allow_friendsfoes -->
            <tr>
               <td valign="middle" nowrap="nowrap" align="right"><span class="gen">{L_FRIENDS_AND_FOES}:&nbsp;</span></td>
               <td><span class="gen"><strong>{FRIENDSFOES}</strong></span></td>
            </tr>
            <!-- END switch_allow_friendsfoes -->
            <!-- BEGIN switch_auth_user -->
            <tr>
               <td valign="middle" nowrap="nowrap" align="right"><br /><span class="gen">{L_ADMINISTRATE_USER}:&nbsp;</span></td>
               <td><br /><strong><span class="gen">{ADMINISTRATE_USER}{BAN_USER}</span></strong></td>
            </tr>
            <!-- END switch_auth_user -->
         </table>
      </td>
      <td class="row1" rowspan="3" valign="top">
         <table width="100%" border="0" cellspacing="1" cellpadding="0">
         <tr>
            <td align="right" valign="top" nowrap="nowrap"><span class="gen">{L_LAST_VISITED}:&nbsp;&nbsp;</span></td>
            <td><b><span class="gen">{LAST_VISIT_TIME}</span></b></td>
         </tr>
         <!-- BEGIN switch_dhow_mp -->
         <tr>
            <td align="right" valign="middle" nowrap="nowrap"><span class="gen">{L_PRIVATE_MSG}:&nbsp;&nbsp;</span></td>
            <td><b><span class="gen">{PRIVATE_MSG}</span></b></td>
         </tr>
         <!-- END switch_dhow_mp -->
         <!-- BEGIN profile_field -->
         <tr id="field_id{profile_field.ID}">
            <td width="40%" align="right" valign="top" nowrap="nowrap"><span class="gen">{profile_field.LABEL}&nbsp;&nbsp;</span></td>
            <td width="60%"><div class="gen" style="font-weight:bold;">{profile_field.CONTENT}</div><br /><!-- BEGIN profil_type_user_posts --><span class="genmed">[{POST_PERCENT_STATS} / {POST_DAY_STATS}]</span> <br />
            <span class="genmed"><a rel="nofollow" class="genmed" href="/st/{PUSERNAME}">{L_SEARCH_USER_POSTS} :</a><br />
               &nbsp;&nbsp;- <a rel="nofollow" class="genmed" href="/sta/{PUSERNAME}">{L_TOPICS}</a><br />
               &nbsp;&nbsp;- <a rel="nofollow" class="genmed" href="/spa/{PUSERNAME}">{L_POSTS}</a></span><!-- END profil_type_user_posts --></td>
         </tr>
         <!-- END profile_field -->
         </table>
      </td>
   </tr>
   <tr>
      <td class="catLeft" align="center" height="28"><b><span class="gen">{L_CONTACT} {USER&amp;#8288;NAME}</span></b></td>
   </tr>
   <tr>
      <td class="row1" valign="top" height="{S_CONTACT_HEIGHT}">
         <table width="100%" border="0" cellspacing="1" cellpadding="0">
            <!-- BEGIN contact_field -->
            <tr id="field_id{contact_field.ID}">
               <td width="40%" align="right" valign="middle" nowrap="nowrap"><span class="gen">{contact_field.LABEL}&nbsp;&nbsp;</span></td>
               <td width="60%" valign="middle"><div class="gen" style="font-weight:bold;">{contact_field.CONTENT}</div></td>
            </tr>
            <!-- END contact_field -->
            <!-- BEGIN switch_admin_user_comment_active -->
            <tr>
               <td align="right" valign="middle" nowrap="nowrap" width="50%">
                  <span class="gen">{L_COMMENTS} :</span><br /><span class="gensmall">{L_MODS_AND_ADMINS}</span>
               </td>
               <td class="row1" valign="middle">
                  <table align="center">
                     <tr>
                        <td>
                           {ADMIN_USER_COMMENT}
                        </td>
                     </tr>
                  </table>
               </td>
            </tr>
            <!-- END switch_admin_user_comment_active -->
         </table>
      </td>
   </tr>
   <!-- BEGIN switch_rpg -->
   <tr>
      <td colspan="2" class="catLeft" align="center"><b><span class="gen">{L_VIEWING_RPG}</span></b></td>
   </tr>
   <tr>
      <td class="row1" align="center" valign="top" height="6">
         {RPG_IMAGE}<br /><br />
         <table width="100%" border="0" cellspacing="1" cellpadding="0">
            <!-- BEGIN rpg_fields_left -->
            <tr>
               <td align="right" valign="middle" nowrap="nowrap">
               <span class="gen">{switch_rpg.rpg_fields_left.F_NAME} : </span>
               </td>
               <td width="100%" valign="middle" nowrap="nowrap">
               <b><span class="gen">{switch_rpg.rpg_fields_left.F_VALUE_NEW}</span></b>
               </td>
            </tr>
            <!-- END rpg_fields_left -->
         </table>
      </td>
      <td class="row1" align="center" valign="top" height="6">
         <table width="100%" border="0" cellspacing="1" cellpadding="0">
            <!-- BEGIN rpg_fields -->
            <tr>
               <td align="right" valign="middle" nowrap="nowrap">
                  <span class="gen">{switch_rpg.rpg_fields.F_NAME} : </span>
               </td>
               <td width="100%" valign="baseline">
                  <b><span class="gen">{switch_rpg.rpg_fields.F_VALUE_NEW}</span></b>
               </td>
            </tr>
            <!-- END rpg_fields -->
         </table>
      </td>
   </tr>
   <tr>
      <td colspan="2" align="center" class="row1">
         {U_ADMIN_RPG}
      </td>
   </tr>
   <!-- END switch_rpg -->
</table>
<br />
<script src="{JS_DIR}jquery/json/jquery.json-1.3.min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
   $(document).ready(function(){
      $('[id^=field_id]').each(function(){
         if ( $(this).find('.field_editable').is('span, div') )
         {
            $(this).hover(function()
            {
               if( $(this).find('.field_editable.invisible').is('span, div') )
               {
                  $(this).find('.field_editable').prev().addClass('ajax-profil_hover').parent().addClass('ajax-profil_parent').append('<div class="ajax-profil_edit"><img src="{AJAX_EDIT_IMG}" /></div>');
                  $(this).find('.ajax-profil_edit').attr({
                        alt: "{L_FIELD_EDIT_VALUE}",
                        title: "{L_FIELD_EDIT_VALUE}"
                     }).click(function(){
                     $(this).prev().prev().removeClass('ajax-profil_hover').addClass('invisible').next().removeClass('invisible').append('<img src="{AJAX_VALID_IMG}" class="ajax-profil_valid" />').find('input,select');
                     $(this).prev().find('.ajax-profil_valid').attr({
                        alt: "{L_VALIDATE}",
                        title: "{L_VALIDATE}"
                     }).click(function(){
                        var content = new Array();
                        $(this).parent().find('[name]').each(function(){
                           var type_special = $(this).is('input[type=radio],input[type=checkbox]');
                           if ( (type_special && $(this).is(':checked')) || !type_special )
                           {
                              content.push(new Array($(this).attr('name'), $(this).attr('value')));
                           }
                        });
                        var id_name = $(this).parents('[id^=field_id]').attr('id');
                        var id = id_name.substring(8, id_name.length);
                        $.post(
                           "{U_AJAX_PROFILE}",
                           {id:id,user:"{CUR_USER_ID}",active:"{CUR_USER_ACTIVE}",content:$.toJSON(content),tid:"{TID}"},
                           function(data){
                              $.each(data, function(i, item){
                                 $('[id=field_id' + i + ']').find('.field_uneditable').html(item).end().find('.ajax-profil_valid').remove().end().find('.field_editable').addClass('invisible').end().find('.field_uneditable').removeClass('invisible');
                              });
                           },
                           "json"
                        );
                     });
                     $(this).remove();
                  });
               }
            },function()
            {
               if( $(this).find('.field_editable.invisible').is('span, div') )
               {
                  $(this).find('.field_editable').prev().removeClass('ajax-profil_hover');
                  $(this).find('.ajax-profil_edit').remove();
               }
            });
         }
      });
   });
//]]>
</script>

Css :

Code:



/************* QEEL *******/
        .avaqeel {
 
  width:60px;
  height:60px;
   
        }




.contenufond {background-color: #010000;
  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
  box-shadow: 0px 0px 4px #010000; -moz-box-shadow: 0px 0px 4px #010000;
  -o-box-shadow: 0px 0px 4px #010000; -webkit-box-shadow: 0px 0px 4px #010000; -htm-box-shadow: 0px 0px 4px #010000;}



  .onglet
        {
                display:inline-block;
background: #000;margin-left: -2px;
                cursor:crosshair;
                text-align: center; background:transparent;}


        .contenu_onglet
        {    -moz-border-radius: 15px;
              -webkit-border-radius: 15px;
  border-radius: 10px;
            background-color: #160505;
  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
  box-shadow: 0px 0px 4px #160505; -moz-box-shadow: 0px 0px 4px #160505;
  -o-box-shadow: 0px 0px 4px #160505; -webkit-box-shadow: 0px 0px 4px #160505; -htm-box-shadow: 0px 0px 4px #160505;
                background: #160505;
                width:290px;
                height: 158px;
                margin-top:10px;
                padding:5px;
                display:none;
                text-align: justify;
                font-family: Arial;
                font-size: 11px; overflow: auto;
  margin-left: 0px;
        }
        ul
        {
                margin-top:0px;
                margin-bottom:0px;
                margin-left:-10px
        }
        h1
        {
                margin:0px;
                padding:0px;
        }
     
  .fond_qeel { background-color: #010000; width: 848px; height: 530px; margin-left: 15px; margin-top:auto;}
.qeel1{ background-color: #160505;
  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
  box-shadow: 0px 0px 4px #160505; -moz-box-shadow: 0px 0px 4px #160505;
  -o-box-shadow: 0px 0px 4px #160505; -webkit-box-shadow: 0px 0px 4px #160505; -htm-box-shadow: 0px 0px 4px #160505; height: 300px; width: 816px;
      margin-left: 17px; margin-top: -10px;} 
.titre_qeel { text-shadow: 2px 0px 5px #010000; font-size: 28px; color: #281f0a;  font-family: 'Playball', cursive; margin-bottom: -10px;

width: 240px; margin-bottom: -16px;
 display: block;

background-color: #010000;
  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
  box-shadow: 0px 0px 4px #010000; -moz-box-shadow: 0px 0px 4px #010000;
  -o-box-shadow: 0px 0px 4px #010000; -webkit-box-shadow: 0px 0px 4px #010000; -htm-box-shadow: 0px 0px 4px #010000;

}

.titre_qeel1 { text-shadow: 2px 0px 5px #010000; font-size: 28px; color: #281f0a;  font-family: 'Playball', cursive; margin-bottom: -10px;

width: 310px; margin-bottom: -16px;
 display: block;

background-color: #010000;
  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
  box-shadow: 0px 0px 4px #010000; -moz-box-shadow: 0px 0px 4px #010000;
  -o-box-shadow: 0px 0px 4px #010000; -webkit-box-shadow: 0px 0px 4px #010000; -htm-box-shadow: 0px 0px 4px #010000;

}
.stat01 { line-height: 12px; text-align: justify;  background-color: #010000;
  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
  box-shadow: 0px 0px 4px #010000; -moz-box-shadow: 0px 0px 4px #010000;
  -o-box-shadow: 0px 0px 4px #010000; -webkit-box-shadow: 0px 0px 4px #010000; -htm-box-shadow: 0px 0px 4px #010000; padding: 5px;  height:240px; width: 236px; font-size: 9px;}
.stat_groupe {text-align: justify;  background-color: #010000;
  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
  box-shadow: 0px 0px 4px #010000; -moz-box-shadow: 0px 0px 4px #010000;
  -o-box-shadow: 0px 0px 4px #010000; -webkit-box-shadow: 0px 0px 4px #010000; -htm-box-shadow: 0px 0px 4px #010000; padding: 5px; height:240px; width: 304px; font-size: 9px;}
.stat02 {line-height: 12px; text-align: justify; background-color: #010000;
  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
  box-shadow: 0px 0px 4px #010000; -moz-box-shadow: 0px 0px 4px #010000;
  -o-box-shadow: 0px 0px 4px #010000; -webkit-box-shadow: 0px 0px 4px #010000; -htm-box-shadow: 0px 0px 4px #010000; padding: 5px;  height:240px; width: 232px; font-size: 9px;}
.stat02 td.row1 {
 background : none;
 border: transparent;} 

.chouchou {line-height: 12px; text-align: justify;  background-color: #010000;
  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
  box-shadow: 0px 0px 4px #010000; -moz-box-shadow: 0px 0px 4px #010000;
  -o-box-shadow: 0px 0px 4px #010000; -webkit-box-shadow: 0px 0px 4px #010000; -htm-box-shadow: 0px 0px 4px #010000; padding: 5px;  height:198px; width: 236px; font-size: 9px;}
.partenaire {text-align: justify;  background-color: #010000;
  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
  box-shadow: 0px 0px 4px #010000; -moz-box-shadow: 0px 0px 4px #010000;
  -o-box-shadow: 0px 0px 4px #010000; -webkit-box-shadow: 0px 0px 4px #010000; -htm-box-shadow: 0px 0px 4px #010000; padding: 5px;  height:198px; width: 304px; font-size: 9px;}
.crédit {line-height: 12px; text-align: justify;  background-color: #010000;
  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
  box-shadow: 0px 0px 4px #010000; -moz-box-shadow: 0px 0px 4px #010000;
  -o-box-shadow: 0px 0px 4px #010000; -webkit-box-shadow: 0px 0px 4px #010000; -htm-box-shadow: 0px 0px 4px #010000; padding: 5px;  height:198px; width: 232px; font-size: 9px;}
.contexte {

padding: 5px;
overflow:auto;
text-align: justify;
font-size: 11px;
color: #3e1810;
font-family:Arial;
width: 280px;
  height: 70px;
line-height:10px;
}
.contexte img {
width: 70px;
    height: 35px;
float: left;
margin-right: 10px;
border: 2px solid #281f0a;
}



.stat_1 {text-align: justify;  background-color: #010000;
  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
  box-shadow: 0px 0px 4px #010000; -moz-box-shadow: 0px 0px 4px #010000;
  -o-box-shadow: 0px 0px 4px #010000; -webkit-box-shadow: 0px 0px 4px #010000; -htm-box-shadow: 0px 0px 4px #010000; padding: 5px; height:140px; width: 304px; font-size: 9px;}

.stat_2 { line-height: 12px; text-align: justify;  background-color: #010000;
  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
  box-shadow: 0px 0px 4px #010000; -moz-box-shadow: 0px 0px 4px #010000;
  -o-box-shadow: 0px 0px 4px #010000; -webkit-box-shadow: 0px 0px 4px #010000; -htm-box-shadow: 0px 0px 4px #010000; padding: 5px;  height:140px; width: 236px; font-size: 9px;}
avatar

Lilynufare
****

Messages : 202
Inscrit(e) le : 22/08/2012

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

Résolu Re: redimensionner l'avatar dans le qeel

Message par Neptunia le Mer 26 Oct 2016 - 21:49

Une image c'est bien beau mais je ne peux pas faire clic-droit dessus pour trouver l'identifiant de l'avatar.

Pour le template et le css, bah ça m'obligerait à installer le tout sur un forum, perte de temps quand en plus je devrais remettre mes propres codages à la place.

Du coup comme je ne vois aucun avatar sur votre forum, je vous communique la théorie.

Code:
sélecteur img {
max-width: xxpx;
max-height: yypx;
}
- Remplacez sélecteur par l'id ou le class de votre contenant.
- Remplacez xx par la largeur voulue et yy par la hauteur désirée.




Edité :

A vue de nez : sélecteur =
Code:
#avatar_dernier_membre
avatar

Neptunia
Membre actif

Féminin
Messages : 11912
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: redimensionner l'avatar dans le qeel

Message par Lilynufare le Lun 31 Oct 2016 - 11:03

Bonjour,
Merci de votre aide, le problème est résolu ^^
avatar

Lilynufare
****

Messages : 202
Inscrit(e) le : 22/08/2012

Lilynufare 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