Bordures catégories arrondies

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

Résolu Bordures catégories arrondies

Message par @nnie le Dim 3 Juin 2012 - 6:04

Bonjour,

J'ai vu plusieurs sujets qui traitent plus ou moins de la question, mais je n'ai rien trouvé qui fonctionne pour moi. Il s'agirait de modifier le CSS, si j'ai bien compris, mais comment ?

En fait, j'aimerais obtenir notamment ceci :


De même, faire en sorte que toutes les bordures soient arrondies.

Merci d'avance. Very Happy

@nnie
****

Féminin
Messages : 493
Inscrit(e) le : 04/01/2009

http://partageons.cool.st
@nnie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordures catégories arrondies

Message par Lixyr le Dim 3 Juin 2012 - 12:25

Bonjour.

Dans le css, mettez :

Code:
.forumline th {-moz-border-raius:15px 15px 0px 0px;
-webkit-border-radius:15px 15px 0px 0px;
-o-border-radius:15px 15px 0px 0px;
border-radius:15px 15px 0px 0px;}

ça vous va ?

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5647
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordures catégories arrondies

Message par @nnie le Dim 3 Juin 2012 - 13:37

Bonjour Lixyr Yrna,

Ah super, merci ! ::fleur:: on y est presque ! Very Happy
Il reste juste à supprimer le fond qui apparaît encore derrière les arrondis :

il disparaît si j'enlève la Couleur du cadre des cellules, mais dans ce cas, ce sont toutes les cellules qui sont affectées. Confused

Comment peut-on faire ça ?
Et pendant que j'y suis, comment obtenir le même résultat pour le Qui est en ligne ?
Lui, il a conservé un encadrement à angles doits...

@nnie
****

Féminin
Messages : 493
Inscrit(e) le : 04/01/2009

http://partageons.cool.st
@nnie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordures catégories arrondies

Message par Lixyr le Dim 3 Juin 2012 - 14:22

Hum pour l'instant les catégories :

Code:
.forumline tr {background-color:none;}

avec ça, ça marche ?





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5647
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordures catégories arrondies

Message par @nnie le Dim 3 Juin 2012 - 14:27

Hélas non : aucune différence. Non !

@nnie
****

Féminin
Messages : 493
Inscrit(e) le : 04/01/2009

http://partageons.cool.st
@nnie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordures catégories arrondies

Message par Lixyr le Dim 3 Juin 2012 - 16:31

Je peux avoir le lien du forum ? Je crois qu'on ne peut pas enlever la couleur sans l'enlever ailleurs, à moins de modifier le template. Hum par contre, quand vous dites enlever la couleur c'est que vous voulez du transparent ?

Parce que ce code marche très bien pour mettre une autre couleur.
Par exemple :
Code:
.forumline tr {background-color:red;}
le fond devient rouge.

Pour mettre en transparent, mettre transparent à la place de red.
Pour enlever le fond, mettre none à la place de red, mais comme il n'y a pas de fond, ça prendra automatiquement la couleur du fond du tableau (Couleur intérieure du cadre du forum Smile, donc ben on ne peut pas enlever la couleur, il y en aura toujours une visible. Enfin j'ai du mal à cerner le rendu que vous voulez.

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5647
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordures catégories arrondies

Message par @nnie le Lun 4 Juin 2012 - 7:11

Bonjour Lixyr Yrna,

En fait, je crois qu'il n'est pas possible de faire ce que je voulais, sauf peut-être à intervenir sur les templates, mais bref.

J'ai donc contourné le problème en changeant quasiment toutes mes couleurs de bordures et de fond de manière à obtenir que l'image arrondie des catégories se détache bien sur le fond.

Un grand Thanks pour ton aide.

Reste la question de la bordure du Qui est en ligne : comment obtenir le même arrondi ? reflexion


@nnie
****

Féminin
Messages : 493
Inscrit(e) le : 04/01/2009

http://partageons.cool.st
@nnie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordures catégories arrondies

Message par Lixyr le Lun 4 Juin 2012 - 12:54

Oh ben pour le QEEL, il faut soit mettre

Code:
.forumline {-moz-border-raius:15px 15px 0px 0px;
-webkit-border-radius:15px 15px 0px 0px;
-o-border-radius:15px 15px 0px 0px;
border-radius:15px 15px 0px 0px;}

mais ça prendra effet sur tous les tableaux ayant la classe forumline ;
soit changer la classe du tableau du QEEL dans le template index_body, et faire les modifications nécessaires dans le css.

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5647
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordures catégories arrondies

Message par @nnie le Lun 4 Juin 2012 - 13:39

Euh ... confused ... mais c'est toujours le même code, le 1er que tu mas donné et qui marche pour les bordures des catégories mais justement pas pour celle du QEEL.

soit changer la classe du tableau du QEEL dans le template index_body, et faire les modifications nécessaires dans le css.
Pour moi, ça relève du grand mystère ! Shocked Embarassed
Je n'y connais rien : changer la classe => laquelle et comment ? modifier le CSS => comment ? Non !

@nnie
****

Féminin
Messages : 493
Inscrit(e) le : 04/01/2009

http://partageons.cool.st
@nnie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordures catégories arrondies

Message par Lixyr le Lun 4 Juin 2012 - 14:27

^^

dans le template index_body, repérer ces lignes :
<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

changez forumline par, par exemple, forumQEEL
<!-- BEGIN disable_viewonline -->
<table class="forumQEEL" width="100%" border="0" cellspacing="1" cellpadding="0">
enregistrez :enreg: et validez le template ajout

et dans le css, rajoutez :
Code:
  .forumQEEL {-moz-border-radius:15px 15px 0px 0px;
        -webkit-border-radius:15px 15px 0px 0px;
        -o-border-radius:15px 15px 0px 0px;
        border-radius:15px 15px 0px 0px;}

(ah et tant que j'y suis je viens de voir que j'avais fait une faute de frappe dans mon css :
-moz-border-radius:15px 15px 0px 0px;
manquait un d.

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5647
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordures catégories arrondies

Message par @nnie le Lun 4 Juin 2012 - 14:56

Pour le d manquant, pas de souci, j'avais corrigé de moi-même. Wink
A ce propos, je ne l'ai corrigé qu'après coup alors que le code était déjà en place et fonctionnait comme ça : rien n'a changé quand j'ai ajouté le d ... bizarre, non ? What's happen ?!?

Quant au reste, encore un grand merci ! Very Happy
Toutefois, chez moi il est bientôt minuit et je vais aller I don't want that .
Alors à demain pour la mise en place et le compte-rendu. Mr. Green

@nnie
****

Féminin
Messages : 493
Inscrit(e) le : 04/01/2009

http://partageons.cool.st
@nnie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordures catégories arrondies

Message par Lixyr le Lun 4 Juin 2012 - 20:49

Non, ce n'est pas bizarre c'est parce que celui dans lequel j'ai fait la faute est pour firefox. Hors, vous, vous êtes sur Chrome. ^^

Et bien à demain. ^^





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5647
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordures catégories arrondies

Message par @nnie le Mar 5 Juin 2012 - 5:11

Non, ce n'est pas bizarre c'est parce que celui dans lequel j'ai fait la faute est pour firefox. Hors, vous, vous êtes sur Chrome.
Bien sûr ! jaurais dû le comprendre tout seule ... Embarassed
Pour le code, cela ne donne pas le résultat escompté.
Voici deux copies d'écran.

Sans les modifs :


Avec les modifs :


Les angles ne sont toujours pas arrondis, cela a juste tassé les lignes du QEEL.

@nnie
****

Féminin
Messages : 493
Inscrit(e) le : 04/01/2009

http://partageons.cool.st
@nnie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordures catégories arrondies

Message par Lixyr le Mar 5 Juin 2012 - 16:46

essayez comme ça.
-moz-border-radius:15px;
-webkit-border-radius:15px;
-o-border-radius:15px;
border: 3px double #c3bca7;





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5647
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordures catégories arrondies

Message par @nnie le Mer 6 Juin 2012 - 0:41

Bonjour, me revoilà ! Very Happy

Malheureusement, ce n'est pas encore ça.
Cette fois, les lignes sont encore tassées et il y a juste une bordure arrondie très fine (pas facile à voir) qui s'est ajoutée autour :


La solution pourrait-elle être de mettre une image à la place de la bordure du QEEL ? reflexion

@nnie
****

Féminin
Messages : 493
Inscrit(e) le : 04/01/2009

http://partageons.cool.st
@nnie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordures catégories arrondies

Message par Lixyr le Mer 6 Juin 2012 - 0:45

Non ça marche très bien sur mon forum test et j'ai exactement la même manipulation que vous. Vous êtes bien en phpbb2 ?
Je peux avoir le template index_body au cas où ?

Merci.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5647
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordures catégories arrondies

Message par @nnie le Mer 6 Juin 2012 - 1:41

Je confirme, mon forum est bien en phpBB2
Voici mon 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 class="forumQEEL" 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"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></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 />
      {LOGGED_IN_USER_LIST}</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>
   <!-- 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 -->
</table>
<!-- 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>  </td>
      
   </tr>
</table>
<!-- END switch_legend -->

{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 -->

CSS:
.forumQEEL {-moz-border-radius:15px;
-webkit-border-radius:15px;
-o-border-radius:15px;
border: 3px double #c3bca7;}

@nnie
****

Féminin
Messages : 493
Inscrit(e) le : 04/01/2009

http://partageons.cool.st
@nnie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordures catégories arrondies

Message par Lixyr le Mer 6 Juin 2012 - 9:50

Oui, bizarre ça marche bien chez moi..
Vous faites les manipulations sur quel forum ?

J'ai modifié le template et mis une couleur plus foncée pour qu'on puisse bien voir les arrondis.

Voici le bout de template :

Code:

    <!-- BEGIN disable_viewonline -->
    <table class="forumQEEL" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
          <td 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 rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
          <td width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
          {TOTAL_USERS}<br />
          {NEWEST_USER}</span></td>
      </tr>
      <tr>
          <td><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
          {RECORD_USERS}<br />
          <br />
          {LOGGED_IN_USER_LIST}</span></td>
      </tr>
      {L_CONNECTED_MEMBERS}
      {L_WHOSBIRTHDAY_TODAY}
      {L_WHOSBIRTHDAY_WEEK}
      <tr>
          <td><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
      </tr>
      <!-- BEGIN switch_chatbox_activate -->
      <tr>
          <td>
            <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 -->
    </table>
    <!-- END disable_viewonline -->

et le CSS :
Code:
.forumQEEL {-moz-border-radius:15px;
-webkit-border-radius:15px;
-o-border-radius:15px;
border: 3px double #056B9E;
background:#EFEFEF;}


j'ai enlevé les classes des cellules, parce que le fond passait par dessus les arrondis. Et j'ai mis une couleur de fond dans la table.
background:#EFEFEF;
Si vous voulez changer la couleur de fond, changez le EFEFEF.

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5647
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordures catégories arrondies

Message par @nnie le Mer 6 Juin 2012 - 13:53

J'ai essayé sur 2 forums différents, tous les deux en phpBB2, avec le même résultat. J'ai même vérifié sous Firefox, des fois que le problème vienne de Chrome, mais c'est pareil.
Bizarre, ce truc ! confused
Pourtant, on voit bien sur les copies d'écran que ça ne va pas.

Demain, je referai des essais avec les dernières modifs parce que ce soir,c 'est déjà trop tard pour moi. Mr. Green

Merci Lixyr Yrna pour votre patience et vos efforts pour trouver une solution.

@nnie
****

Féminin
Messages : 493
Inscrit(e) le : 04/01/2009

http://partageons.cool.st
@nnie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordures catégories arrondies

Message par @nnie le Jeu 7 Juin 2012 - 9:54

Ca y est, j'ai testé et voici des copies d'écran de mon 2ème forum.
Pour les essais, j'ai mis des couleurs tranchées pour mieux voir.

La 1ère, c'est avec l'index_body et le CSS d'origine :

Celle-ci avec les dernières modifs à la fois du template et du CSS :

On voit que tout est bien arrondi, table et bordure, mais :
- les liens au-dessus sont décalés
- il n'y a plus de lignes de séparation
- le titre du QEEL n'a plus de couleur de fond différente
- les lignes des anniversaires ont conservé leur couleur de fond d'origine Shocked

Franchement, j'ai du mal à comprendre pourquoi ça marche chez vous et pas chez moi ! confused
C'est un rien désespérant ... Crying or Very sad

@nnie
****

Féminin
Messages : 493
Inscrit(e) le : 04/01/2009

http://partageons.cool.st
@nnie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordures catégories arrondies

Message par Lixyr le Jeu 7 Juin 2012 - 13:43

Après ça dépend des modifications faites. J'ai enlevé les classes row1 etc dans le template pour que les fonds des cellules ne débordent pas sur les arrondis.

Pour le titre du QEEL, vous pouvez le modifier via la classe cattitle.
et remettre la classe catHead, si vous y tenez.
<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 -->

du reste vous avez du faire une fausse manip, parce que les liens ne devrait pas bouger, seule la bordure et le fond ont été changé.

Montrez-moi votre template que je regarde.

Pour la fond qui reste bleu c'est normal, c'est la variable qui fait ça. Pour la changer c'est chiant. Ce sont les variables
{L_WHOSBIRTHDAY_TODAY} & {L_WHOSBIRTHDAY_WEEK} = >
Il faut les entourer d'une table :
Code:
    <table class="anniversaire" width="100%" border="0" cellspacing="1" cellpadding="0">{L_WHOSBIRTHDAY_TODAY}
                </table>
Code:
  <table class="anniversaire" width="100%" border="0" cellspacing="1" cellpadding="0">{L_WHOSBIRTHDAY_WEEK}
                </table>

et ensuite mettre ceci dans le css :
Code:
.anniversaire .row1 {
background-color:none !important;}





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5647
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordures catégories arrondies

Message par @nnie le Jeu 7 Juin 2012 - 14:04

du reste vous avez du faire une fausse manip, parce que les liens ne devrait pas bouger, seule la bordure et le fond ont été changé.
Possible, mais je ne vois pas trop quoi : je n'ai fait qu'un simple copier-coller.
Voici le template :
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 class="forumQEEL" width="100%" border="0" cellspacing="1"cellpadding="0">
            <tr>
                <td 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 rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
                <td width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
                {TOTAL_USERS}<br />
                {NEWEST_USER}</span></td>
            </tr>
            <tr>
                <td><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
                {RECORD_USERS}<br />
                <br />
                {LOGGED_IN_USER_LIST}</span></td>
            </tr>
            {L_CONNECTED_MEMBERS}
            {L_WHOSBIRTHDAY_TODAY}
            {L_WHOSBIRTHDAY_WEEK}
            <tr>
                <td><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
            </tr>
            <!-- BEGIN switch_chatbox_activate -->
            <tr>
                <td>
                  <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 -->
          </table>
          <!-- 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>  </td>
      
   </tr>
</table>
<!-- END switch_legend -->

{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 -->

et le CSS
Code:
.forumQEEL {-moz-border-radius:15px;
-webkit-border-radius:15px;
-o-border-radius:15px;
border: 8px double #056B9E;
background: #f958fc;}

Pour les nouvelles modifs, je vais faire comme d'hab, remettre à demain, toujours pour les mêmes raisons : décalage horaire !
Surtout qu'effectivement, la variable des anniv a l'air particulièrement pénible à traiter !

Encore merci, Lixyr Very Happy et à demain pour le compte-rendu du test. thumright



P.S. comment avez-vous fait pour modifier votre pseudo ? ça m'intrigue ...

@nnie
****

Féminin
Messages : 493
Inscrit(e) le : 04/01/2009

http://partageons.cool.st
@nnie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordures catégories arrondies

Message par Lixyr le Ven 8 Juin 2012 - 14:54

(J'ai demandé au staff pour le pseudo.)

Bon pour les phrases qui se décalent, ça ne vient pas de votre template index_body. Ca vient d'ailleurs. Peut-être par rapport aux catégories ou au CSS, une mesure quelque part qui déforme le reste.

Donnez voir tout ça ?





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5647
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordures catégories arrondies

Message par @nnie le Ven 8 Juin 2012 - 15:01

Hello Lixyr,

Ah, je comprends mieux pour le pseudo, merci de l'info. Wink
Pour le reste, je n'ai malheureusement pas eu le temps aujourd'hui de tester, je vais faire ça tranquillou pendant le WE.

Je vais aussi vérifier pour les templates et le CSS, voir ce qu'il y a comme modifs ailleurs, les supprimer éventuellement pour tester et arriver à savoir d'où ça peut provenir.

Au rapport demain ou dimanche au plus tard !
Bon WE à vous et encore merci. sunny

@nnie
****

Féminin
Messages : 493
Inscrit(e) le : 04/01/2009

http://partageons.cool.st
@nnie a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordures catégories arrondies

Message par Lixyr le Ven 8 Juin 2012 - 17:09

D'accord, j'attend le rapport. Bon week-end à vous aussi.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5647
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bordures catégories arrondies

Message par @nnie le Sam 9 Juin 2012 - 15:18

Bonjour Lixyr,

Suite et fin : comme je n'arrivais pas à retrouver ce qui clochait, j'ai supprimé toutes les modifs déjà existantes (sans importance) et j'ai enfin pu appliquer vos codes avec succès !

Encore merci pour tout. Flowers2

@nnie
****

Féminin
Messages : 493
Inscrit(e) le : 04/01/2009

http://partageons.cool.st
@nnie 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