modifier colone widget Bouton_activemodifier colone widget Bouton_hovermodifier colone widget Fb-hovermodifier colone widget 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
» Fiche de Présentation RPG
modifier colone widget EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
modifier colone widget EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
modifier colone widget EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
modifier colone widget EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
modifier colone widget EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
modifier colone widget EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
modifier colone widget EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
modifier colone widget EmptyMar 07 Fév 2023, 08:40 par Oxtran

Le deal à ne pas rater :
Cdiscount : -30€ dès 300€ d’achat sur une sélection Apple
Voir le deal

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

modifier colone widget

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://dicapriostylesource.net/
Slan
{ Membre }
{ Membre }

Féminin Messages : 46



modifier colone widget Empty
Bonjour, voici mon forum sur Leo :
http://dicapriostyle-source.1fr1.net/

je souhaiterai en faire comme un site en rajoutant une colonne à gauche avec des widgets comme j'ai pu faire mais cependant j'aimerai pouvoir réduire la largeur de colonne. Comment puis-je faire s'il vous plaït ?
car le marximum est de 180px et pour ma part c'est trop grand.
Merci par avance en espérant que vous comprenez ce que je veux dire.
MessageSujet: modifier colone widget   modifier colone widget EmptyJeu 13 Sep 2012, 16:40
Revenir en haut Aller en bas
http://internationale-lpp.com/
Fire-Fly
Fire-Fly
{ Membre actif }
{ Membre actif }

Féminin Messages : 429



modifier colone widget Empty
Salut! Eh bien pardonne-moi, mais j'ai un peu de mal à voir ce que tu veux dire. Présentement ce que je constate, c'est que ton index est tout déformé et décalé, mais pour pouvoir t'aider, ça nous prendra tes codes, comme ce poste l'indique: http://www.css-actif.com/t10633-aidez-nous-a-vous-aider. Donc ton CSS, l'endroit où tu as mis le code (que ce soit dans les templates ou la PA), ainsi que le tutoriel que tu as suivis.

Merci!
MessageSujet: Re: modifier colone widget   modifier colone widget EmptyJeu 13 Sep 2012, 20:24
Revenir en haut Aller en bas
Doare
Doare
{ Spécialiste }
{ Spécialiste }

Féminin Messages : 544



modifier colone widget Empty
Dans le panneau d'administration, il me semble qu'elle a affiché les widgets. C'est différent du portail. Ils apparaissent dans une colonne à droite ou à gauche du forum. La largeur minimale autorisée par ForumActif pour cette colonne est 180px et elle souhaite la réduire encore plus.

J'ai jeté un oeil à ton forum. Alors sur un principe tu as bien fait, il faut effectivement cibler div#left dans le CSS et lui attribuer un width spécifique.

Après... d'autres éléments du CSS et probablement de la structure entrent en conflit. Je peux déjà te proposer de corriger deux points :
  • dans les propriétés que tu as définies pour div#left, supprime la propriété : margin-right: 270px;
  • dans ton CSS, cherche le sélecteur .forumline, et remplace width: 720px; par width: 100%;.

Cela ne rétablit pas complètement l'affichage, mais la colonne se place normalement. C'est déjà ça, on va dire...

Pour identifier les problèmes qu'il reste, tu devras nous montrer ton CSS complet et les templates que tu as modifiés, notamment index_box et index_body.
MessageSujet: Re: modifier colone widget   modifier colone widget EmptyVen 14 Sep 2012, 06:51
Revenir en haut Aller en bas
http://dicapriostylesource.net/
Slan
{ Membre }
{ Membre }

Féminin Messages : 46



modifier colone widget Empty
désolée d'avoir oublié une nouvelle fois les codes.
les voici :

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 cellspacing="2" cellpadding="2" width="750" border="0" class="statistiques">
  <tr>
<td width="15%"></td>
<td width="50%">
<center>

<br><br>
<span class="gensmall">{TOTAL_POSTS}. {TOTAL_USERS}<br />
{NEWEST_USER}<br><br>
{TOTAL_USERS_ONLINE}<br>
{LOGGED_IN_USER_LIST}</center></span><br>
<td width="5%"></td>
</tr>
</table>
 
<table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify">
{L_CONNECTED_MEMBERS}</table>
<img src="URL DE TON IMAGE ICI SANS LES [IMG]"><br>
<!-- 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="150"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="gensmall">{}</span></td>
      <td></td>
      <td align="center" width="150"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="gensmall">{}</span></td>
      <td>  </td>
      <td align="center" width="150"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="gensmall">{}</span></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 -->

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="3" nowrap="nowrap" width="100%" class="secondarytitle"><link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'><div style="font-family: 'Open Sans Condensed', sans-serif;">{catrow.tablehead.L_FORUM}</div></th>
                   
                  </tr>
                  <!-- END tablehead -->
                  <!-- BEGIN cathead -->
                  <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.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}"></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" border="0px">
                        <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}>
                        <div class="categorie"><span class="genmed">{catrow.forumrow.FORUM_DESC}<br/>
                                          </span>                  </div><span class="gensmall">
                                          <div class="liensfo">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
                                          </span>
                      </td>
                      <!-- BEGIN forum_link_no -->
             
             
                      <td class="row1-over" align="center" valign="middle" height="50" width="100%" border="0px">
                        <div class="troisieme"><span class="gensmall">{catrow.forumrow.LAST_POST}<br>{catrow.forumrow.TOPICS} messages - {catrow.forumrow.POSTS} sujets</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 -->[/spoiler]

Et les Css :

[spoiler]body
{
background: url(http://i33.servimg.com/u/f33/17/03/65/20/fond_910.jpg) top center repeat-x #DCDCDC;
}

#i_logo
{
height: 350px;
width: 780px;
margin-left: -10px;
margin-top: -10px;
margin-right: -10px;
margin-bottom: -50px;
-moz-border-radius: 20px 20px 0 0;
border-bottom: 1px solid #FABB72;
}

.bodyline{
-moz-border-radius: 20px 20px 20px 20px;
 margin-top: 20px;
 border:none;
   }

.bodylinewidth {
   width:40%;
  margin-top: 55px;
}

#page-body
{
width: 720px;
margin: auto;
background: url() top center repeat-x #eeeeee;
border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
-webkit-border-radius: 0px;
-htm-border-radius: 0px;
border: 0px solid #e26f15;
box-shadow: 0px 0px 0px #515151;
-moz-box-shadow: 0px 0px 0px #515151;
-o-box-shadow: 0px 0px 0px #515151;
-webkit-box-shadow: 0px 0px 0px #515151;
-htm-box-shadow: 0px 0px 0px #515151;
padding-top: 5px;
padding-bottom: 20px;
padding-left: 5px;
padding-right: 30px;
margin-bottom: 10px;
}
#navigation
{
float: right;
margin-top: -200px;
margin-right: 200px;
color: #FFFFFF;
}


.mainmenu
{
margin-right: 2px;
font-family: Sans Book SC;
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
height: 20px;
}
 
a.mainmenu
{
color: #FFFFFF;
;
}
a.mainmenu:hover
{
color: #FFFFFF;
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
}

.table_complete
{
width: 700px;
margin-bottom: 10px;
margin-top: 10px;
border: 0px solid #e26f15;
border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
-webkit-border-radius: 0px;
-htm-border-radius: 0px;
box-shadow: 0px 0px 0px #515151;
-moz-box-shadow: 0px 0px 0px #515151;
-o-box-shadow: 0px 0px 0px #515151;
-webkit-box-shadow: 0px 0px 0px #515151;
-htm-box-shadow: 0px 0px 0px #515151;
  padding-left: 5px;
}
.quote
{
  -moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-htm-border-radius: 5px;
box-shadow: 0px 5px 5px #515151;
-moz-box-shadow: 0px 5px 5px #515151;
-o-box-shadow: 0px 5px 5px #515151;
-webkit-box-shadow: 0px 5px 4px #515151;
-htm-box-shadow: 0px 5px 5px #515151;
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  background: #F0F0F0;
  color: #808080;
  font-style: italic;
}

.forumline
{
width: 720px;
margin-bottom: 0px;
margin-top: 10px;   
border: 0px solid #e26f15;
border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
-webkit-border-radius: 0px;
-htm-border-radius: 0px;
box-shadow: 0px 0px 0px #515151;
-moz-box-shadow: 0px 0px 0px #515151;
-o-box-shadow: 0px 0px 0px #515151;
-webkit-box-shadow: 0px 0px 0px #515151;
-htm-box-shadow: 0px 0px 0px #515151;
background: url() bottom center no-repeat #E3E3E3;
}
.forumline2
{
width: 700px;
margin: auto;
background: url() bottom center no-repeat #C9DDE7;
}
.table_head
{
width: 700px;
height: 92px;
margin: auto;
background: url() top center repeat-x #C9DDE7;
padding-left: 5px;
}
.table_foot
{
width: 750px;
height: 42px;
margin: auto;
background: url() top center no-repeat border-bottom: 1px dotted #2d1500;;
}
.title {
  background: url() bottom center repeat-x #C9DDE7;
}

.secondarytitle
{
font-size: 20px;
text-align: left;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
background: url() bottom center repeat-x #C9DDE7;
border-bottom: 1px solid #FABB72;

 
}
.titre_cate
{
font-size: 15px;
font-weight: bold;
color: #c0c0c0;
text-shadow: 1px 1px 0px #eeeeee;
margin-bottom: 5px;
background: url() bottom center repeat-x #C9DDE7;
padding-left: 2px;

}

.forumlink {
width: 100%;
text-align: left;
padding-left: 1px;
margin-top: 6px;
margin-bottom: 6px;
padding-bottom: 10px;
color: #D06D98;
}


.forumlink a {
font-size: 15px;
}

.forumlink a:hover {


}
.table_cate
{
vertical-align: top;
padding-left: 2px;
}
.icone
{
display: block;
width: 100px;
height: 100px;
float: left;
}
.stats_last
{
display: block;
width: 150px;
margin-left: 60px;
margin-top: 20px;
padding: 4px;
background-color: #E1E0E2;
border: 0px solid #C9DDE7;
border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-htm-border-radius: 5px;
text-align: center;
}
.stats
{
display: block;
font-size: 10px;
font-weight: bold;
border-bottom: 0px dotted #C9DDE7;
padding-bottom: 2px;
margin-bottom: 4px;
}
.last
{
display: block;
font-size: 11px;
border-bottom: 0px dotted #C9DDE7;
}
.cate_contenu
{
width: 100px;
margin-left: 10px;
padding-left: 10px;
}
.description_cate
{
border-left: 0px solid #bebebe;
border-right: 0px solid #bebebe;
background-color: #E1E0E2;
height: 100px;
overflow: auto;
padding: 5px;
padding-left: 10px;
}
.illu_cate
{
float: left;
margin-right: 5px;
margin-bottom: 5px;
border-radius: 100px;
-moz-border-radius: 100px;
-o-border-radius: 100px;
-webkit-border-radius: 100px;
-htm-border-radius: 100px;
border: 0px solid #e26f15;
}
.description
{
display: block;
text-align: justify;
padding-left: 10px;
}
.qeel
{
width: 650px;
margin: auto;
height: 400px;
background: url(http://img11.hostingpics.net/pics/945551fondqeel.jpg) center center no-repeat;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
-htm-border-radius: 10px;
box-shadow: 0px 0px 4px #515151;
-moz-box-shadow: 0px 0px 4px #515151;
-o-box-shadow: 0px 0px 4px #515151;
-webkit-box-shadow: 0px 0px 4px #515151;
-htm-box-shadow: 0px 0px 4px #515151;
}
.stats1
{
width: 400px;
background-color: #DBE2E1;
border: 0px solid #535655;
border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-htm-border-radius: 5px;
text-align: center;
padding: 6px;
}
.stats2
{
width: 250px;
max-height: 200px;
overflow: auto;
margin-top: 20px;
background-color: #DBE2E1;
border: 2px solid #C9DDE7;
border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-htm-border-radius: 5px;
text-align: center;
padding: 6px;
}
.groupes
{
width: 150px;
float: right;
max-height: 250px;
overflow: auto;
text-align: center;
padding: 6px;
margin-top: 70px;
background-color: #bebebe;
border: 2px solid #C9DDE7;
border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-htm-border-radius: 5px;
}
.groupes a
{
display: block;
padding: 3px;
margin-bottom: 5px;
background-color: #eeeeee;
text-decoration: none !important;
border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
-htm-border-radius: 10px;
border-left: 3px solid #676767;
border-right: 3px solid #676767;
}
.groupes a:hover
{
border-left: 3px solid #e26b0a;
border-right: 3px solid #e26b0a;
}
.cb
{
margin-top: 50px;
}



th {
   color: #000000;
   font-size: 11px;
   font-weight : bold;
   background-color: #C9DDE7;
   height: 25px;
   background-image: url("") ;
   padding: 2px 2px 3px 0;
        border-bottom: 1px solid #FABB72;
        border-top: 0;
   }





 .troisieme
        {
          width: 200px;
        }

.statistiques{
background: url() bottom center repeat-x #E3E3E3;
border-bottom: 1px solid #FABB72;
border-top: 1px solid #FABB72;
background-position: center;
height:150px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
-webkit-border-radius: 0px;
-htm-border-radius: 0px;
box-shadow: 0px 0px 0px #515151;
-moz-box-shadow: 0px 0px 0px #515151;
-o-box-shadow: 0px 0px 0px #515151;
-webkit-box-shadow: 0px 0px 0px #515151;
-htm-box-shadow: 0px 0px 0px #515151;
 margin-top: 10px;
 width: 750px;
}

  .row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}



voilà merci de bien vouloir m'aider en tout cas !


Dernière édition par Slan le Ven 14 Sep 2012, 07:04, édité 1 fois
MessageSujet: Re: modifier colone widget   modifier colone widget EmptyVen 14 Sep 2012, 06:56
Revenir en haut Aller en bas
Doare
Doare
{ Spécialiste }
{ Spécialiste }

Féminin Messages : 544



modifier colone widget Empty
Slan, il va falloir que tu édites ton post. Tu dois mettre les codes entre les balises CODE :
Code:
[code]code html, css, javascript[/code]

Sinon c'est illisible pour nous. Wink
MessageSujet: Re: modifier colone widget   modifier colone widget EmptyVen 14 Sep 2012, 07:01
Revenir en haut Aller en bas
http://dicapriostylesource.net/
Slan
{ Membre }
{ Membre }

Féminin Messages : 46



modifier colone widget Empty
ah ok au tant pour moi désolée.
MessageSujet: Re: modifier colone widget   modifier colone widget EmptyVen 14 Sep 2012, 07:03
Revenir en haut Aller en bas
http://dicapriostylesource.net/
Slan
{ Membre }
{ Membre }

Féminin Messages : 46



modifier colone widget Empty
Doare a écrit:
Dans le panneau d'administration, il me semble qu'elle a affiché les widgets. C'est différent du portail. Ils apparaissent dans une colonne à droite ou à gauche du forum. La largeur minimale autorisée par ForumActif pour cette colonne est 180px et elle souhaite la réduire encore plus.

J'ai jeté un oeil à ton forum. Alors sur un principe tu as bien fait, il faut effectivement cibler div#left dans le CSS et lui attribuer un width spécifique.

Après... d'autres éléments du CSS et probablement de la structure entrent en conflit. Je peux déjà te proposer de corriger deux points :
  • dans les propriétés que tu as définies pour div#left, supprime la propriété : margin-right: 270px;
  • dans ton CSS, cherche le sélecteur .forumline, et remplace width: 720px; par width: 100%;.

Cela ne rétablit pas complètement l'affichage, mais la colonne se place normalement. C'est déjà ça, on va dire...

Pour identifier les problèmes qu'il reste, tu devras nous montrer ton CSS complet et les templates que tu as modifiés, notamment index_box et index_body.


alors je n'ai pas de div#left dans mon css et j'ai supprimé la largeur du forumline.
Effectivement ça change tout mais du coup ça ne prend pas en compte la largeur que j'ai choisi dans les options de colonne dans la section module.
Puis il y a cet écart entre la colone et le tableau du forum pause toujours problème.
Si quelqu'un pourrait m'aider ça serait sympa. Merci par avance
MessageSujet: Re: modifier colone widget   modifier colone widget EmptyVen 14 Sep 2012, 07:52
Revenir en haut Aller en bas
Doare
Doare
{ Spécialiste }
{ Spécialiste }

Féminin Messages : 544



modifier colone widget Empty
Je suis encore au travail, je rentre dans 2h environ. Je me pencherai sur tes codes à ce moment-là, si personne ne l'a fait avant. Wink
MessageSujet: Re: modifier colone widget   modifier colone widget EmptyVen 14 Sep 2012, 10:42
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



modifier colone widget Empty
Bonjour,

Le lien que tu donnes dans ton premier message ne fonctionne pas (et le lien dans ton profil annonce que ton site est fermé et que, je cite, "j’en ai marre de souffrir pour une passion qui n’en vaut pas la peine". On t'aide à faire quoi au juste si tu as laissé tomber ton projet ?).
MessageSujet: Re: modifier colone widget   modifier colone widget EmptyVen 14 Sep 2012, 12:25
Revenir en haut Aller en bas
Espeon
Espeon
Administrateur
Administrateur

Masculin Messages : 1819



modifier colone widget Empty
Pour y avoir jeté un oeil rapidement hier, le forum existait. Je suppose que l'abandon du projet vient juste d'avoir lieu donc... ?
MessageSujet: Re: modifier colone widget   modifier colone widget EmptyVen 14 Sep 2012, 12:34
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



modifier colone widget Empty
Elle a posté ce midi et cet abandon est daté du 11 septembre, donc je ne sais pas trop u_u'

J'en profite pour te signaler Slan que tu as deux autres sujets de demande d'aides ouvert actuellement où on attend encore tes réponses et ta participation active.


Dernière édition par 'Christa le Ven 14 Sep 2012, 14:47, édité 1 fois
MessageSujet: Re: modifier colone widget   modifier colone widget EmptyVen 14 Sep 2012, 12:37
Revenir en haut Aller en bas
Doare
Doare
{ Spécialiste }
{ Spécialiste }

Féminin Messages : 544



modifier colone widget Empty
Le site fonctionnait tout à l'heure à ma première réponse (donc avant midi). Je n'ai pas regardé après.
MessageSujet: Re: modifier colone widget   modifier colone widget EmptyVen 14 Sep 2012, 14:45
Revenir en haut Aller en bas
http://internationale-lpp.com/
Fire-Fly
Fire-Fly
{ Membre actif }
{ Membre actif }

Féminin Messages : 429



modifier colone widget Empty
Moi je le vois encore... Mais la déformation n'est plus, je crois qu'elle a tout simplement enlevé la colonne widget.
MessageSujet: Re: modifier colone widget   modifier colone widget EmptySam 15 Sep 2012, 09:39
Revenir en haut Aller en bas
pamina
pamina
{ Membre actif }
{ Membre actif }

Féminin Messages : 1170



modifier colone widget Empty
Hey Slan !
Tu n'es pas intervenue depuis le 14 septembre sur ton sujet.
Est-il toujours d'actualité ?
Si nous n'avons pas de réponse dans 4 jours, le problème sera considéré comme résolu et archivé.
Laughing
MessageSujet: Re: modifier colone widget   modifier colone widget EmptyMer 19 Sep 2012, 13:14
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



modifier colone widget Empty
Bonjour.
Une fois n'est pas coutume, vu ton absence de réponse je considère ce sujet comme résolu !
Je pense qu'à la prochaine demande d'aide, les codeurs ne seront pas aussi rapides pour te répondre vu ton désintérêt évident.
Merci de ta compréhension modifier colone widget 926145
MessageSujet: Re: modifier colone widget   modifier colone widget EmptySam 22 Sep 2012, 08:20
Revenir en haut Aller en bas
Contenu sponsorisé




modifier colone widget Empty
MessageSujet: Re: modifier colone widget   modifier colone widget Empty
Revenir en haut Aller en bas
 

modifier colone widget

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

 Sujets similaires

-
» Descendre la petite "box widget"
» Ajout d'un widget
» aide personnalisation widget?
» Widget qui déforme le CSS
» Widget sur le forum

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 | Forum gratuit