messages sujets et arrondi dans le css

3 participants

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

Résolu messages sujets et arrondi dans le css

Message par Mohnn Jeu 29 Déc 2011 - 0:40

Bonjour à tous,

J'ai deux petits soucis :

le 1er : je souhaiterais enlever la ligne situé au dessus de ma catégorie dernier message. J'ai tenté de m'aider de ce tuto : https://forum.forumactif.com/t261562-suppression-des-colonnes-sujets-et-messages#2348647 mais ca n'a pas fonctionné.... quelqu'un aurait il une solution ?

le 2ème : j'ai un arrondi qui s'est glissé en haut à gauche de chacun de mes cadres pour une raison qui m'échappe....

voici la partie de mon css qui est concerné je pense :

Code:
              /*DERNIER MESSAGE BULLE */
 
.stats{
    padding: 3px;
  text-align: center;}
 
.dermessage{
  border: 5px;
 moz-border-radius-topleft: 12px;
  -moz-border-radius-bottomright: 12px;
  -webkit-border-bottom-right-radius: 12px;}

 /*FOND DU FORUM*/
        body {
          background-position:top center;
          background-repeat:repeat-x;}
       
        /*CONTOUR DES CATEGORIES*/
  .forumline {
border-top-left-radius: 25px;
border-bottom-right-radius: 25px;
          padding:5px;
          border:1px dotted #000000;
          test-align:center;
          -moz-border-radius: 5px;}
       

       
       

        /*DESCRIPTIONS*/
        .forum-description {
        margin:auto;
          padding:10px;
          width:80%;
          border:1px solid #000000;
border-top-left-radius: 25px;
border-bottom-right-radius: 25px;
          font-size:12px;
          letter-spacing:2pt;
          font-family:arial;
          text-align: justify;}
       

       
/*DERNIER MESSAGE*/
              .forum-stats{
          font-size:11px;
          font-style:italic;
          height:14px;
          padding:3px;
          text-align:center;
          width: 200px;
          font-family:candara;}

 .lastm{
          margin:auto;
          padding:10px;
          width:80%;
          border:2px solid #000000;
border-top-left-radius: 25px;
border-bottom-right-radius: 25px;
          letter-spacing:2pt;
          font-size:12px;
          font-family:arial;
          text-align: justify;}
       
       
       
        /*SOUS FORUMS*/
        .forum-sousforum {
          margin:auto;
          padding:4px;
          text-align:center;
          height:14px;
          font-size:11px;
          font-family:georgia;
          font-variant:small-caps;}
       
       
a { text-decoration: none; }
        a:hover {text-decoration: none !important}


.my_modified_table{
  width: 80%;
  margin-left: 10%;
margin-right: 10%;
margin-top: 10px !important;
font-family: Calibri;
}
 .my_forum_name{
  display:none;
}
.my_img{
width: 10%;
margin-left: 50px;
font-family: Calibri;
  font-size: 15px;
}
.my_disc{
width: 70%;
text-align:center;
font-size: 13px;
}
.my_stats{
  width: 20%;
text-align:center;
  font-size: 15px;
font-family: Calibri ;
}
 
.myfoo_title{
  text-align:center;
  width: 100%;
  -moz-border-radius: 20px;
  border: 1px solid #EAEAEA;
 background-image: url('http://i42.servimg.com/u/f42/14/62/07/65/petite10.png');
font-size: 16px;
  font-family: Calibri;
  }
.my_title{
  text-align:center;
  font-size: 15px;
font-family: Calibri;
font-color: #FFFFFF;

}
 
.my_cat_body{
border: 1px solid #EEE;
-moz-border-radius: 3px;
background-image: transparent;
}
 
.my_cat ul{
margin:0;
padding: 0;
width: 800px !important;
}
.my_cat li{
margin-left: 10px;
}
.my_cat_style{
border-top: 1px #666 solid;
border-left: 1px #666 solid;
border-right: 1px #666 solid;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
text-align:center;
font-size: 16px;
padding-left:10px;
padding-right:10px;
display:inline;
background-image: url('http://i42.servimg.com/u/f42/14/62/07/65/petite10.png');
color = #;
width: 600px;
font-family: Calibri;
font-weight: bold;

}
.my_cat a{
text-decoration: none !important;
}

/* ARRONDISSEMENT */
.code
{
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
padding-left: 10px;
}
 
.quote
{
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
padding-left: 10px;
}
button{
-webkit-border-radius:20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.bodyline
{
-webkit-border-radius:100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
input,textarea, select {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
padding-left: 3px;
}
.maintitle
        {
        margin-top:-30px;
        }

/*CADRE DU FORUM */
 
.forumline{
border:3px; #ccc785
double
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
 
/* FOND DECRAN */
 
body {
background-repeat: no-repeat;
background-position: none;
}
 
/*OPACITER FORUM */
 
body {
filter:alpha(opacity=80);
-moz-opacity:0.80;
-khtml-opacity: 0.80;
opacity: 0.80;
}
 
 
/* TABLEAU ENTETE  */
 
.titrepa{
border: 2px solid #c06020;
-moz-border-radius: 11px;
-webkit-border-radius: 11px;
border-radius: 11px;
background-color:#ffa000;
text-align: center;
font-variant: small-caps;
font-size: 15px;
font-weight: bold;
padding: 3px;}
 
.contenupa{
border: 2px solid #c06020;
-moz-border-radius: 11px;
-webkit-border-radius: 11px;
border-radius: 11px;
background-color:#ffc040;
padding: 10px;
font-size: 12px;}

Impr écran : [img]messages sujets et arrondi dans le css Sans_t10[/img]

Merci d'avance de votre aide.

Mohnn


Dernière édition par Mohnn le Jeu 26 Jan 2012 - 0:21, édité 1 fois
avatar

Mohnn
***

Féminin
Messages : 105
Inscrit(e) le : 21/05/2011

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

Résolu Re: messages sujets et arrondi dans le css

Message par Psyaliah Jeu 29 Déc 2011 - 0:54

Il faut déja remplacer ca:

Code:
/*CONTOUR DES CATEGORIES*/
  .forumline {
border-top-left-radius: 25px;
border-bottom-right-radius: 25px;
          padding:5px;
          border:1px dotted #000000;
          test-align:center;
          -moz-border-radius: 5px;}

Par ceci pour supprimer les arrondis:
Code:
/*CONTOUR DES CATEGORIES*/
  .forumline {
          padding:5px;
          border:1px dotted #000000;
          test-align:center;
          }

Pour les messages, aucune idée si le tutoriel ne fonctionne pas :/
Psyaliah

Psyaliah
Membre habitué

Féminin
Messages : 1281
Inscrit(e) le : 22/12/2011

https://forum.forumactif.com/
Psyaliah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: messages sujets et arrondi dans le css

Message par Mohnn Jeu 29 Déc 2011 - 1:06

Merci beaucoup ca fonctionne très bien, je vais attendre pour voir si quelqu'un a une solution.

Je n'ai pas pensé à demander mais est ce que quelqu'un à une solution pour aligner le sous forum avec le dernier message et l'icone du lu ou non lu ?
avatar

Mohnn
***

Féminin
Messages : 105
Inscrit(e) le : 21/05/2011

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

Résolu Re: messages sujets et arrondi dans le css

Message par Mohnn Lun 2 Jan 2012 - 22:56

up s'il vous plait.
avatar

Mohnn
***

Féminin
Messages : 105
Inscrit(e) le : 21/05/2011

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

Résolu Re: messages sujets et arrondi dans le css

Message par Mohnn Lun 9 Jan 2012 - 16:30

up s'il vous plait
avatar

Mohnn
***

Féminin
Messages : 105
Inscrit(e) le : 21/05/2011

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

Résolu Re: messages sujets et arrondi dans le css

Message par Dr. Karlos Lun 9 Jan 2012 - 16:35

Bonjour,

Je n'arrive pas à situer la ligne dont vous parlez... Celle qui est arrondie?


Cordialement,


Dr. Karlos
Aidant Forumactivien.
Dr. Karlos

Dr. Karlos
Membre actif

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

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

Résolu Re: messages sujets et arrondi dans le css

Message par Mohnn Ven 13 Jan 2012 - 23:04

Psyaliah a réglé le problème d'arrondi.

Il reste uniquement le celui de la ligne avec le nombre de message et les sujets... Si quelqu'un a une idée !
avatar

Mohnn
***

Féminin
Messages : 105
Inscrit(e) le : 21/05/2011

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

Résolu Re: messages sujets et arrondi dans le css

Message par Dr. Karlos Ven 13 Jan 2012 - 23:25

Bonsoir,

Je n'arrive pas à voir de quelle ligne vous parlez... Pouvez-vous prendre une prise d'écran de la dite ligne?


Cordialement,


Dr. Karlos
Aidant Forumactivien.
Dr. Karlos

Dr. Karlos
Membre actif

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

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

Résolu Re: messages sujets et arrondi dans le css

Message par Mohnn Mer 18 Jan 2012 - 17:13

J'ai entouré en rouge ce que je souhaiterais enlever. J'espère que ça ira :

messages sujets et arrondi dans le css Sans_t11
avatar

Mohnn
***

Féminin
Messages : 105
Inscrit(e) le : 21/05/2011

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

Résolu Re: messages sujets et arrondi dans le css

Message par Dr. Karlos Mer 18 Jan 2012 - 22:41

Re,

Pouvez-vous poster votre template index_box ici s'il vous plaît?


Cordialement,


Dr. Karlos
Aidant Forumactivien.
Dr. Karlos

Dr. Karlos
Membre actif

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

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

Résolu Re: messages sujets et arrondi dans le css

Message par Mohnn Jeu 19 Jan 2012 - 22:05

Voilà.

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 class="forumline" width="100%" border="0" cellspacing="0" 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;">{L_LASTPOST}</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">
        <fieldset  class="forum-description"><legend><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}></legend>
        <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
          </fieldset>
        <div class="forum-sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
        <span class="gensmall">
        <!-- BEGIN switch_moderators_links -->
        {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
        <!-- END switch_moderators_links -->
       
        </span>
        </td>
        <!-- BEGIN forum_link_no -->
        <td class="row3 over" align="center" valign="middle" height="50">
        <div class="forum-stats">{catrow.forumrow.POSTS} messages, dans {catrow.forumrow.TOPICS} sujets.</div>
        <div class="lastm"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
        </td>
       
       
        <!-- END forum_link_no -->
        <!-- BEGIN forum_link -->
        <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
        <!-- END forum_link -->
        </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 -->
avatar

Mohnn
***

Féminin
Messages : 105
Inscrit(e) le : 21/05/2011

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

Résolu Re: messages sujets et arrondi dans le css

Message par Dr. Karlos Jeu 19 Jan 2012 - 22:10

Bonsoir,

Remplacez votre ancien template par celui-ci:
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 class="forumline" width="100%" border="0" cellspacing="0" 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;">{L_LASTPOST}</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">
        <fieldset  class="forum-description"><legend><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}></legend>
        <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
          </fieldset>
        <div class="forum-sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
        <span class="gensmall">
        <!-- BEGIN switch_moderators_links -->
        {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
        <!-- END switch_moderators_links -->
     
        </span>
        </td>
        <!-- BEGIN forum_link_no -->
        <td class="row3 over" align="center" valign="middle" height="50">
     
        <div class="lastm"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
        </td>
     
     
        <!-- END forum_link_no -->
        <!-- BEGIN forum_link -->
        <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
        <!-- END forum_link -->
        </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 -->


Cordialement,


Dr. Karlos
Aidant Forumactivien.
Dr. Karlos

Dr. Karlos
Membre actif

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

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

Résolu Re: messages sujets et arrondi dans le css

Message par Mohnn Mer 25 Jan 2012 - 23:57

Merci !! ca a fonctionné sauf que maintenant la case avec le lien des derniers messages posté est moins large. Ou dois je modifié mon code pour qu'il s'élargisse ?
avatar

Mohnn
***

Féminin
Messages : 105
Inscrit(e) le : 21/05/2011

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

Résolu Re: messages sujets et arrondi dans le css

Message par Dr. Karlos Mer 25 Jan 2012 - 23:58

Bonsoir,

Essayez de modifier ceci:
Code:
 <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>

Le 150 par ce que vous voulez, mais deux valeurs identiques.


Cordialement,


Dr. Karlos
Aidant Forumactivien.
Dr. Karlos

Dr. Karlos
Membre actif

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

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

Résolu Re: messages sujets et arrondi dans le css

Message par Mohnn Jeu 26 Jan 2012 - 0:20

Merci beaucoup !! ^^
avatar

Mohnn
***

Féminin
Messages : 105
Inscrit(e) le : 21/05/2011

http://otsu.forumactif.com/forum
Mohnn 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