[Résolu] Problème avec la structure du QEEL Bouton_active [Résolu] Problème avec la structure du QEEL Bouton_hover [Résolu] Problème avec la structure du QEEL Fb-hover [Résolu] Problème avec la structure du QEEL Fb-active
AccueilForumÉquipe 
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
[Résolu] Problème avec la structure du QEEL EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
[Résolu] Problème avec la structure du QEEL EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
[Résolu] Problème avec la structure du QEEL EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
[Résolu] Problème avec la structure du QEEL EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
[Résolu] Problème avec la structure du QEEL EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
[Résolu] Problème avec la structure du QEEL EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
[Résolu] Problème avec la structure du QEEL EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
[Résolu] Problème avec la structure du QEEL EmptySam 11 Fév 2023, 06:04 par Krager

-28%
Le deal à ne pas rater :
-28% Machine à café avec broyeur à grain MELITTA Purista
229.99 € 318.99 €
Voir le deal

CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolusPartagez
 

[Résolu] Problème avec la structure du QEEL

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://theamazingstark.tumblr.com
Black Widow
Black Widow
{ Membre }
{ Membre }

Féminin Messages : 38



[Résolu] Problème avec la structure du QEEL Empty
Bonjour à tous !

Je rencontre quelques problèmes de codage actuellement. Pour commencer, voici l'adresse de mon forum : http://artfactory.1fr1.net/ Smile Hier, j'avais supprimé le nom des catégories à gauche de "Derniers posts" (Donc ici, "→ LE FORUM" et "Corbeille") et j'ai ajouté une image de fond à mon QEEL. Ce matin j'ai trouvé que cela faisait un peu vide donc j'ai remis le titre des catégories précedemment enlevées (pour se faire j'ai supprimé le " {catrow.tablehead.L_FORUM} " de mon template "index_box" puis je l'ai finalement remis). Hier, mon QEEL était parfaitement positionné, mais depuis que j'ai remis les titres, c'est comme s'il n'était plus du tout à la bonne taille ! Si vous regardez bien, chaque coté est "coupé", voici l'image originale : https://nsa29.casimages.com/img/2012/07/25/12072504045073927.png :/ J'ai essayé de "réajusté" le forum ) la taille de l'image du fond du QEEL, sans succès : c'est soit trop grand ou trop juste :/ A la base mon forum est à 55%. J'ai également essayé de mettre l'image de fond du QEEL centrée dans mon CSS, ça n'a rien changé ! :/ Je rencontre également un problème pour le codage du QEEL : j'aimerais que les infos du QEEL rentrent dans les cases prévues à cet effet. J'ai donc fait un tour sur le forum, et j'ai trouvé plusieurs tuto' mais aucun ne correspond à ce que j'aimerais faire :/ J'ai donc essayé de créer un tableau avec la balise , mais je n'ai toujours pas réussi : aucunes des infos ne rentre dans les bonnes cases ! SadQuant à la PA, j'ai essayé de faire en sorte que le fond soit transparent, j'ai donc été cherché dans mes templates la div qui lui était associée et j'ai trouvé "gensmall", donc dans mon CSS j'ai mis le fond transparent, mais ça n'a pas marché ! Me suis-je trompé de div ou bien il est impossible de rendre le fond transparent pour cette zone ? :/ Enfin, j'ai un souci suite à un tuto du forum concernant la chatbox ( http://www.css-actif.com/t3467-chatbox-laterale-coulissante-methode-1 ), j'ai réussi à faire ce que disait le tuto, mais mon image "ouvrir la chatbox" se place en dessous du QEEL, mais sur le tuto elle est à gauche :/ J'ai essayé de la changer de place en remettant le code plus haut dans mon template mais ça n'y change rien : toujours sans succès ! Sad Voici mes codes CSS, index_box et index_body :
CSS :
Code:
/* conteneur de la chatbox et du bouton */
.BoiteChatbox {
  position: fixed; /* position fixe dans la fenêtre */
  bottom: 50px; /* distance par rapport au bas de la fenêtre */
  left: -10px; /* distance par rapport au bord gauche de la fenêtre */
  z-index: 999;
  background:#FFFFFF; /* une couleur de fond */
}

/* chatbox seule */
.LaChatbox {
  width: 800px; /* largeur */
  height: 400px; /* hauteur */
  display: none; /* chatbox cachée par défaut */
  padding:4px; /* espacement par rapport aux bords */
}

/* bouton ouvrir/fermer */
.BoutonChatbox {
  vertical-align: bottom ; /* alignement vertical du bouton */
}

.BoutonChatbox img {
  cursor:pointer ; /*on ajoute un pointeur pour indiquer que l'image est cliquable */
}

/*contour avatar*/
.contouravatar {
background-color : none;
border : 5px solid #e2d1c4 ;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
margin: 10px;
}

.ListeConnectes a {
font-variant:small-caps;
}

body {
background-repeat:no-repeat;
background-position: top center;}

.row1 {
color: transparent;
  -moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
margin: 10px;
}

#qeel{
          background-image:url(http://nsa29.casimages.com/img/2012/07/25/12072504045073927.png);
        height:697px;
            background-color: transparent;
  border: transparent;
  background-repeat: no-repeat;
  background-position: top center;

        }
       
        #qeel td.row1{
          background-color: transparent;
        }

.cattitle {
  display: none;
  background-color: transparent;
color: transparent;}

.catHead {
  background-color: transparent;
color: transparent;}


.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 5px solid #d0bbaa;
}

a:hover {
text-decoration: none !important;
}

a
{
 text-decoration:none;
}


#table1
{background-image : http://nsa30.casimages.com/img/2012/07/25/12072501152016020.png; width: 143 px; height: 1017 px;
}

.selectCode { float:right; text-transform: uppercase; cursor:pointer; }


table.bodylinewidth
{
position: relative;
top: -9px;
bottom: -9px;
}

tr.post span.gensmall { display: none; }


.postdetails img {
max-width: 140px;
max-height: 200px;
}

index_box :

Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table width="100%" border="0" cellspacing="0" cellpadding="0"></table>
                        <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">Derniers posts</div></th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
                           <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
         </h{catrow.forumrow.LEVEL}>
         <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>

<td class="row3 over" align="center" valign="middle" height="50">
            <span class="gensmall"></span><br />
  <span class="gensmall">{catrow.forumrow.POSTS} messages || {catrow.forumrow.TOPICS} sujets {catrow.forumrow.LAST_POST} <br /> </span>
          </td>
      </td>
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

index_body :

Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
   </tr>
   <!-- END message_admin_titre -->
   <!-- BEGIN message_admin_txt -->
   <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle" align="right">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td width="50%" valign="top">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
         <!-- END switch_delete_cookies -->
         </span>
      </td>
      <td width="50%" align="right">
         <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
               <!-- BEGIN switch_delete_cookies -->
               <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
               <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
         </span>
      </td>
   </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <!-- BEGIN switch_fb_connect_no -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                     <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                     <span class="gensmall">{L_AUTO_LOGIN}</span> 
                  </td>
               </tr>

               <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect_no -->

   <!-- BEGIN switch_fb_connect -->
   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
         <td valign="top" width="100%" class="row1" align="center">
            <table width="100%">
               <tr>
                  <td width="55%" valign="middle">
                     <table class="right">
                        <tr>
                           <td><span class="genmed">{L_USERNAME}:</span> </td>
                           <td><input class="post" type="text" size="10" name="username"/> </td>
                           <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span> 
                           </td>
                        </tr>

                        <tr>
                           <td><span class="genmed">{L_PASSWORD}:</span> </td>
                           <td><input class="post" type="password" size="10" name="password"/> </td>
                           <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                     </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                     <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
   <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
        <table id="qeel" class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td class="catHead" colspan="2" height="28">
      <!-- BEGIN switch_viewonline_link -->
      <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
      <!-- END switch_viewonline_link -->

      <!-- BEGIN switch_viewonline_nolink -->
      <span class="cattitle">{L_WHO_IS_ONLINE}</span>
      <!-- END switch_viewonline_nolink -->
      </td>
   </tr>
   <tr>
      <td class="row1" rowspan="6" align="center" valign="middle"></td>
      <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}</span></td>
   </tr>
   <tr>
      <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
      <span class="ListeConnectes">{LOGGED_IN_USER_LIST}</span></span></td>
   </tr>
   {L_CONNECTED_MEMBERS}
   {L_WHOSBIRTHDAY_TODAY}
   {L_WHOSBIRTHDAY_WEEK}
   <tr>
      <td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
   </tr>

</table>



<!-- BEGIN switch_chatbox_activate -->
   <tr>
      <td class="row1">
         <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
            <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
            //<![CDATA[
            insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            //]]>
            </script>
            <!-- END switch_chatbox_popup -->
         </span>
      </td>
   </tr>
   <!-- END switch_chatbox_activate -->
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
   <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td> &nbsp;</td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
   </tr>
</table>
<!-- END switch_legend -->
<table style="BoiteChatbox">
  <tr>
      <td>
        <iframe src="/chatbox/index.forum?page=front&" id="chatboxpop" scrolling="no" class="LaChatbox" marginwidth="0" marginheight="0" frameborder="0"></iframe>
      </td>
      <td class="BoutonChatbox">
        <img src="http://nsa30.casimages.com/img/2012/07/25/120725024223711570.png" onClick="document.getElementById('chatboxpop').style.display=(this.src=='http://nsa30.casimages.com/img/2012/07/25/120725024223711570.png')?'block':'none'; this.src=(this.src=='http://nsa30.casimages.com/img/2012/07/25/120725024223711570.png')?'http://nsa30.casimages.com/img/2012/07/25/120725024810658188.png':'http://nsa30.casimages.com/img/2012/07/25/120725024223711570.png';"/>
      </td>
  </tr>
</table>

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
   oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->


Je m'excuse pour cet énorme pavé que je vous écris ici, mais je remercie d'avance ceux qui auront lu et qui pourront peut-être m'aider!

EDIT : Ce qui est barré est résolu Smile Il me reste toujours un problème qui persiste (cf mon post plus bas et celui ci :/) Merci !


Dernière édition par Black Widow le Ven 27 Juil 2012, 10:03, édité 2 fois
MessageSujet: [Résolu] Problème avec la structure du QEEL    [Résolu] Problème avec la structure du QEEL EmptyJeu 26 Juil 2012, 07:56
Revenir en haut Aller en bas
Faucon
Faucon
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 1757



[Résolu] Problème avec la structure du QEEL Empty
J'ai essayé de faire un récap de ce que tu demande ^^

1/ remettre l'image de fond de ton qeel en entier
2/ rectifier le tableau de ton qeel pour que les donnés soient à leur place
3/ mettre le fond de ta page d'acceuil transparent
3/ mettre l' image "ouvrir la chatbox" a gauche du forum

C'est tous ces points que tu demandes ?
MessageSujet: Re: [Résolu] Problème avec la structure du QEEL    [Résolu] Problème avec la structure du QEEL EmptyJeu 26 Juil 2012, 08:09
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



[Résolu] Problème avec la structure du QEEL Empty
*Assomme Faucon avec le panneau "bonjour"*

Bonjour !

Pour le cas de la chatbox, il y avait une petite coquille dans le tutoriel, que je viens de corriger dans la foulée. Remplace style="BoiteChatbox" par class="BoiteChatbox" (Si je puis me permettre, tu aurais pu t'en rendre compte toi même ^^')

Pour le cas de ton QEEL, l'image s'affiche au complet quand je mets ma fenêtre en taille maximale (j'ai une grande résolution d'écran). Le problème vient essentiellement que ton image de QEEL fait 1017px de large et que le forum est forcément trop étroit pour la contenir en entier. Suffit juste de rapetisser le fond de ton QEEL ou de fixer la largeur du forum (bodylinewidth) à plus de 1000px plutôt qu'en pourcentage.

La classe .gensmall est utilisée partout sur le forum et elle n'a pas de fond par défaut @_@ Dans le cas présent il te faudra éditer ton template index_body (entre BEGIN message_admin_index et END message_admin_index pour retirer les classes forumline et row1, ce qui retirera le fond de ton message d'accueil.

Enfin, pour ce qui est de la structure de ton QEEL, dans la mesure où tu souhaites placer ton contenu sur une image de fond, il va te falloir utiliser un positionnement absolu en CSS, et là je me dis que ça fait au moins cinq fois en deux semaines qu'on me pose cette question : faut vraiment que je fasse un tuto XD
MessageSujet: Re: [Résolu] Problème avec la structure du QEEL    [Résolu] Problème avec la structure du QEEL EmptyJeu 26 Juil 2012, 10:04
Revenir en haut Aller en bas
http://theamazingstark.tumblr.com
Black Widow
Black Widow
{ Membre }
{ Membre }

Féminin Messages : 38



[Résolu] Problème avec la structure du QEEL Empty
Bonjour Faucon ! Smile Oui c'est exactement ça ! Smile

Bonjour Christa Smile Déjà, merci beaucoup d'avoir pris du temps pour me repondre ! Merci beaucoup pour la Chatbox, et desolé de ne pas y avoir pensé Sad et merci énormement pour l'affichage du QEEL et la couleur du fond de la PA ! :'D
Pour la structure du QEEL, je ne suis pas sûre d'avoir totalement compris... Sad Je ne connais pas trop le positionnement absolu, donc j'ai fait ma petite recherche google mais je ne suis pas sûre du tout :/ Je dois utiliser "padding" ?

En tout cas merci encore une fois pour ton aide précieuse ! Very Happy

EDIT : Finalement, grace à ton aide et quelques recherches, j'y suis arrivée, merci mille fois ! Very Happy Seulement un probleme persiste : les utilisateurs enregistrés et les connectés au cours des dernières 24 heures sont en dehors, alors qu'ils devraient être avec la case "membres" :S De plus j'ai essayé de définir une zone avec "width" mais ça ne marche pas, car si apres la case s'agrandie j'aimerais mettre une scrollbar, est-ce possible? Je dois mal m'y prendre Sad Et les liens sont maintenant incliquables dans le QEEL, par exemple on ne peut pas cliquer sur le dernier membre enregistré alors que normalement on devrait pouvoir et ça nous redirige vers le profil ! Sad Voici mes codes :

CSS pour cette partie uniquement :
Code:
.anniversaires {
  position: relative;
  padding-left: 35em;
  padding-top: 53em;
}

.recap {
  position: absolute;
  padding-top: 17em;
  padding-left: 13em;
}

.membres {
  position: absolute;
  padding-top: 29em;
  padding-left: 8em;
}

index_body pour cette partie uniquement :
Code:
        <table id="qeel" class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td class="catHead" colspan="2" height="28">
      <!-- BEGIN switch_viewonline_link -->
      <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
      <!-- END switch_viewonline_link -->

      <!-- BEGIN switch_viewonline_nolink -->
      <span class="cattitle">{L_WHO_IS_ONLINE}</span>
      <!-- END switch_viewonline_nolink -->
      </td>
   </tr>
   <tr>
      <td class="recap" rowspan="6" align="center" valign="middle">
          <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
            {NEWEST_USER}<br />
            {LEGEND} :&nbsp;{GROUP_LEGEND}</span></td> </tr>
           
   <tr>
      <td class="membres" rowspan="6" align="center" valign="middle"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
                  {L_CONNECTED_MEMBERS}
      <br />
      {LOGGED_IN_USER_LIST}</span></td>
   </tr>
         
          <tr>
            <td class="anniversaires" rowspan="6" align="center" valign="middle"><span class="gensmall">
   {L_WHOSBIRTHDAY_TODAY}<br />
              {L_WHOSBIRTHDAY_WEEK} </span> </td> </tr>


</table>

Merci une nouvelle fois pour ton aide !
MessageSujet: Re: [Résolu] Problème avec la structure du QEEL    [Résolu] Problème avec la structure du QEEL EmptyJeu 26 Juil 2012, 12:57
Revenir en haut Aller en bas
Faucon
Faucon
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 1757



[Résolu] Problème avec la structure du QEEL Empty
En faite dans ton tableau il y a des variables a faire grincer les dents, ces dernière sont {L_CONNECTED_MEMBERS}, {L_WHOSBIRTHDAY_TODAY} et {L_WHOSBIRTHDAY_WEEK}. On peux pas les mettres dans un tableau sauf si tu les entoures de
Code:
<table>Variable</table>
Ce que tu n'a pas fait ^^

Essaie Very Happy Es ce que cela résout ton problème ?
MessageSujet: Re: [Résolu] Problème avec la structure du QEEL    [Résolu] Problème avec la structure du QEEL EmptyVen 27 Juil 2012, 09:31
Revenir en haut Aller en bas
http://theamazingstark.tumblr.com
Black Widow
Black Widow
{ Membre }
{ Membre }

Féminin Messages : 38



[Résolu] Problème avec la structure du QEEL Empty
Génial! Merci beaucoup! Very Happy Maintenant ils sont tous dans les blocs, mais il y a toujours le probleme des liens qui ne sont pas cliquables dans le QEEL :/ Je ne sais pas si je m'y suis prise de la bonne maniere! Sad

Voici le CSS pour la partie du QEEL qui a un probleme
Code:
.anniversaires {
  position: relative;
  padding-left: 35em;
  padding-top: 53em;
}

.recap {
  position: absolute;
  padding-top: 17em;
  padding-left: 13em;
}

.membres {
  position: absolute;
  padding-top: 29em;
  padding-left: 8em;
}

et la partie du QEEL dans index_body corrigée :

Code:
<td class="recap" rowspan="6" align="center" valign="middle">
                  <span class="gensmall"><table>{TOTAL_CHATTERS_ONLINE} {CHATTERS_LIST}<br />
{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
            {NEWEST_USER}<br />
                    {GROUP_LEGEND}</table></span></td> </tr>
           
   <tr>
      <td class="membres" rowspan="6" align="center" valign="middle"><span class="gensmall">
                <table>{TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
                {L_CONNECTED_MEMBERS}<br />
      {LOGGED_IN_USER_LIST}</table></span></td>
   </tr>
         
          <tr>
            <td class="anniversaires" rowspan="6" align="center" valign="middle"><span class="gensmall">
   <table>{L_WHOSBIRTHDAY_TODAY}<br />
              {L_WHOSBIRTHDAY_WEEK}</table> </span> </td> </tr>


</table>

Merci encore Very Happy
MessageSujet: Re: [Résolu] Problème avec la structure du QEEL    [Résolu] Problème avec la structure du QEEL EmptyVen 27 Juil 2012, 09:44
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



[Résolu] Problème avec la structure du QEEL Empty
Bonjour !

Pour le fait que les liens ne soient pas cliquables, c'est sans doute une mauvaise gestion des absolus (vu que tu as opté pour une table, tu n'en as pas besoin en fait, contente toi des padding !). Pour compenser ça, si tu tiens à garder les absolu, rajoute un z-index:10 sur les classes qui posent souci.
MessageSujet: Re: [Résolu] Problème avec la structure du QEEL    [Résolu] Problème avec la structure du QEEL EmptyVen 27 Juil 2012, 09:50
Revenir en haut Aller en bas
http://theamazingstark.tumblr.com
Black Widow
Black Widow
{ Membre }
{ Membre }

Féminin Messages : 38



[Résolu] Problème avec la structure du QEEL Empty
Bonjour Christa ! Merci beaucoup pour ta réponse, ça marche à nouveau! Very Happy J'ai juste une dernière question : je peux ajouter une scrollbar, quand le texte deviendra trop grand? et je peux limiter la taille du "bloc", par exemple si je veux qu'il soit en 320*150 px ? Smile
MessageSujet: Re: [Résolu] Problème avec la structure du QEEL    [Résolu] Problème avec la structure du QEEL EmptyVen 27 Juil 2012, 09:57
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



[Résolu] Problème avec la structure du QEEL Empty
Oui, il te suffit de fixer une largeur et une auteur dans la classe, et de rajouter la propriété overflow:auto; qui gère les dépassements, comme son nom l'indique ^^
MessageSujet: Re: [Résolu] Problème avec la structure du QEEL    [Résolu] Problème avec la structure du QEEL EmptyVen 27 Juil 2012, 10:01
Revenir en haut Aller en bas
http://theamazingstark.tumblr.com
Black Widow
Black Widow
{ Membre }
{ Membre }

Féminin Messages : 38



[Résolu] Problème avec la structure du QEEL Empty
D'accord ! Smile Mes problèmes sont résolus, merci beaucoup à vous, Christa et Faucon ! Very Happy
MessageSujet: Re: [Résolu] Problème avec la structure du QEEL    [Résolu] Problème avec la structure du QEEL EmptyVen 27 Juil 2012, 10:02
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



[Résolu] Problème avec la structure du QEEL Empty
Hello (:
Je vois que le problème est résolu, par conséquent je classe ! (:
Merci de l'avoir signalé [Résolu] Problème avec la structure du QEEL 926145
MessageSujet: Re: [Résolu] Problème avec la structure du QEEL    [Résolu] Problème avec la structure du QEEL EmptyDim 29 Juil 2012, 10:08
Revenir en haut Aller en bas
Contenu sponsorisé




[Résolu] Problème avec la structure du QEEL Empty
MessageSujet: Re: [Résolu] Problème avec la structure du QEEL    [Résolu] Problème avec la structure du QEEL Empty
Revenir en haut Aller en bas
 

[Résolu] Problème avec la structure du QEEL

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Problème avec un tuto (QEEL) [RESOLU]
» [résolu] Problème avec l'alignement de l'image de fond d'un qeel
» [résolu] Petit problème avec mon QEEL : code de Miki
» Probléme avec position de mes top des posteurs .. avec mon QEEL
» Problème avec l'iframe (signature) avec les codes couleurs. (non résolu)

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

Partenaires Or

← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit