× Extensions Modules

Question Agrandissement d'un module

Plus d'informations
02 Nov 2009 16:22 #1 par Rockyyy59
Agrandissement d'un module a été créé par Rockyyy59
Bonjour à tous,

Je suis un jeune débutant de Joomla et a crée récemment un site pour mon club de Handball.

Je voulais savoir comment on modifie la longueur d'un module et ou doit-on changer le code correspondant dans le css. Voici un extrait du code de mon template. Je voudrai changer la longueur du module se trouvant en "user1".
@charset "utf-8";
/*Code by Fio
author url: http//www.vonfio.de
copyright: Creative Commons Attribution-Share Alike 3.0 Unported License
*/
#left_border {
width: 100%;
text-align: left;
background-repeat: repeat-y;
background-color: #FFFFFF;
margin: 0 auto;
}
#right_border {
background-repeat: repeat-y;
background-position: right;
}
#bottom {
background-repeat: repeat-x;
background-position: bottom;
width: 100%;
}
#bottom_right {
background-repeat: no-repeat;
background-position: bottom right;
}
#bottom_left {
background-repeat: no-repeat;
background-position: bottom left;
}
#header  {
background: #000000;
height: 36px;
border-bottom: 2px solid #cccccc;
line-height: 36px;
padding: 3px 15px 0 15px;
}
#date {
font-size: 11px;
float: left;
color: #fff;
font-weight: bold;
margin-right: 20px;
}
#pathway {
float: left;
color: #fff;
font-weight: bold;
font-size: 11px;
height: 36px;
line-height: 36px;
}
#pathway a {
color: #CCCCCC;
height: 36px;
line-height: 36px;
}
#search_out {
float: right;
background-image: url(../images/search.jpg);
background-repeat: no-repeat;
width: 197px;
height: 36px;
}
#search {
margin: 7px 0 7px 45px;
}
#search input,
#search .inputbox {
float: left;
margin: 0;
background: none;
border: none;
padding: 0;
}
#banner_out {
background-repeat: repeat-x;
height: 140px;
width: 100%;
}
#banner_in {
float: left;
color: #FFFFFF;
height: 140px;
font-size: 34px;
background-repeat: no-repeat;
background-position: left;
width: 100%;
font-family: Arial, Helvetica, sans-serif;
}
#banner {
float: right;
padding: 30px 30px 0px 0px;
}
.sitetitle {
float: left;
text-indent: 70px;
padding-top: 60px;
}
#topmenu_out {
height: 38px;
background-repeat: repeat-x;
}
#topmenu_left {
height: 38px;
background-repeat: no-repeat;
}
#topmenu_right {
height: 38px;
background-repeat: no-repeat;
background-position: right;
}
#topmenu {
height: 33px;
color: #fff;
text-align: left;
padding: 4px 27px 0px 27px;
float: left;
}
#topmenu ul,
#topmenu li {
display: inline;
padding: 0px;
margin: 0px;
list-style-type: none;
}
#topmenu a {
color: #fff;
float: left;
height: 33px;
border: none;
background: none;
font-size: 11px;
font-family: Tahoma, Arial, Verdana;
padding: 0px 14px;
line-height: 33px;
font-weight: bold;
}
#topmenu  a:hover,
#topmenu #active_menu,
#topmenu li#current a {
text-decoration: none;
background-image: url(../images/topmenu_over.jpg);
color: #FFFFFF;
background-repeat: repeat-x;
}
#container {
padding-bottom: 10px;
}
#maincontent {
padding: 0px 16px;
}
#left_out {
width: 188px;
float: left;
padding: 0;
margin: 0;
}
#right_out  {
width: 182px;
float: right;
padding: 0;
margin: 0;
}
#left_out ul, #left_out li, #right_out ul, #right_out li {
list-style-type: none;
padding: 0;
margin: 0;
}
#left_out ul.menu li a,
#left_out ul.menu li#current a,
#left_out a.mainlevel,
#right_out ul.menu li a,
#right_out ul.menu li#current a,
#right_out a.mainlevel {
display: block;
height: 25px;
line-height: 25px;
background-repeat: no-repeat;
background-position: left;
width: 172px;
font-size: 12px;
!important;
font-weight: normal;
text-indent: 20px;
!important;
}
#left_out ul.menu a:hover,
#right_out ul.menu a:hover,
#left_out a.mainlevel:hover,
#right_out a.mainlevel:hover,
#left_out #active_menu,
#right_out #active_menu,
#left_out ul.menu li#current a,
#right_out ul.menu li#current a {
background-image: url(../images/mainlevel_over.gif);
text-decoration: none;
background-repeat: no-repeat;
background-position: left;
color: #000000; !important;
}
#left_out a.sublevel,
#left_out ul.menu li#current li a,
#left_out ul.menu li li a,
#left_out ul.menu li li#current a,
#left_out ul.menu li li#current li a,
#left_out ul.menu li li li a,
#right_out a.sublevel,
#right_out ul.menu li#current li a,
#right_out ul.menu li li a,
#right_out ul.menu li li#current a,
#right_out ul.menu li li#current li a,
#right_out ul.menu li li li a {
background-repeat: no-repeat;
height: 20px;
line-height: 20px;
background-position: left;
text-indent: 20px;
!important;
border: none;
display: block;
}
#left_out a.sublevel#active_menu,
#right_out a.sublevel#active_menu,
#left_out a.sublevel:hover,
#right_out a.sublevel:hover,
#left_out ul.menu li#current li a,
#left_out ul.menu li li#current a,
#left_out ul.menu li li#current li a,
#right_out ul.menu li#current li a,
#right_out ul.menu li li#current a,
#right_out ul.menu li li#current li a,
#left_out ul.menu li#current a:hover,
#right_out ul.menu li#current a:hover,
#left_out ul.menu li li a:hover,
#right_out ul.menu li li a:hover{
text-decoration: none;
background-repeat: no-repeat;
background-position: left;
color: #000000; !important;
}
#left_out .module,
#right_out .module,
#left_out .moduletable,
#right_out .moduletable,
#left_out .module_menu,
#right_out .module_menu,
#left_out .module_text,
#right_out .module_text {
background-repeat: repeat-y;
margin-top: 5px;
}
#left_out .module div,
#right_out .module div,
#left_out .moduletable div,
#right_out .moduletable div,
#left_out .module_menu div,
#right_out .module_menu div,
#left_out .module_text div,
#right_out .module_text div {
background-position: bottom;
background-repeat: no-repeat;
width: 182px
}
#left_out .module div div,
#right_out .module div div,
#left_out .moduletable div div,
#right_out .moduletable div div,
#left_out .module_menu div div,
#right_out .module_menu div div,
#left_out .module_text div div,
#right_out .module_text div div {
background-position: top;
background-repeat: no-repeat;
}
#left_out .module div div div,
#right_out .module div div div,
#left_out .moduletable div div div,
#right_out .moduletable div div div,
#left_out .module_menu div div div,
#right_out .module_menu div div div,
#left_out .module_text div div div,
#right_out .module_text div div div{
background: none;
padding: 5px 5px 10px 5px;
overflow: hidden;
width: 172px;
}
#left_out .module div div div div,
#right_out .module div div div div,
#left_out .moduletable div div div div,
#right_out .moduletable div div div div,
#left_out .module_menu div div div div,
#right_out .module_menu div div div div,
#left_out .module_text div div div div,
#right_out .module_text div div div div {
padding: 0;
}
#left_out h3,
#right_out h3 {
height: 35px;
width: 172px;
background-repeat: no-repeat;
color: #FFFFFF;
line-height: 35px;
text-indent: 20px;
padding: 0;
margin: 0 0 5px 0;
font-size: 14px;
font-weight: bold;
}
#content_outleft,
#content_outmiddle,
#content_outright {
margin: 0 0 10px 0;
padding-top: 5px;
}
#content_outleft {
margin: 0 0 0 188px;
}
#content_outmiddle {
margin: 0 188px;
}
#content_outright {
margin: 0 188px 0 0;
}
#content {
background-repeat: repeat-x;
background-position: bottom;
width: 100%;
}
#content_border_left {
background-repeat: repeat-y;
background-position: top left;
}
#content_border_right {
background-repeat: repeat-y;
background-position: top right;
}
#content_bottom_right {
background-repeat: no-repeat;
background-position: bottom right;
}
#content_bottom_left {
background-repeat: no-repeat;
background-position: bottom left;
padding: 3px 5px 5px 5px;
}
.user_bg,
.user_left,
.user_right {
height: 148px;
}
.user_bg {
margin: 0 0 10px 0;
padding: 0;
background-repeat: repeat-x;
width: 100%;
}
.user_left {
background-repeat: no-repeat;
background-position: left top;
}
.user_right {
background-repeat: no-repeat;
background-position: right top;
}
.user_bg .topmodule_usertwo {
width: 45%;
height: 140px;
margin: 0px;
float: left;
padding: 0px;
}
.user_bg .topmodule_userone {
width: 100%;
height: 140px;
margin: 0px;
float: left;
padding: 0px;
}
.user_bg ul,
.user_bg li {
margin: 0px;
padding: 0px;
list-style-type: square;
}
.user_bg th,
.user_bg h3 {
height: 28px;
line-height: 28px;
font-size: 14px;
color: #FFFFFF;
padding: 0px 5px;
font-family: Arial, Helvetica, sans-serif;
margin: 0 0 5px 0;
font-weight: normal;
}
.user_bg .user_inside {
margin: 5px;
height: 136px;
overflow: hidden;
}
.user_bg .user_inside1 {
margin: 5px 5px 5px 15px;
height: 136px;
overflow: hidden;
}
.separator {
width: 2%;
min-width: 22px;
height: 140px;
float: left;
background-repeat: no-repeat;
background-position: top center;
}
#user_bottom {
padding: 0px 16px;
margin-top: 5px;
}
#user_bottom .user_bg {
margin: 0;
}
.user_bg .bottom_user, .user_bg .bottom_user1, .user_bg .bottom_user2, .user_bg .bottom_user3 {
width: 30%;
height: 140px;
margin: 0px;
float: left;
padding: 0px;
}
.user_bg .bottom_user1 {
width: 100%;
}
.user_bg .bottom_user2 {
width: 45%;
}
.user_bg .bottom_user3 {
width: 30%;
}
.user_bg .bottom_user1 {
width: 30%;
height: 140px;
margin: 0px;
float: left;
padding: 0 0 0 15px;
}
#footer {
background-color: #000000;
border-top: 2px solid #cccccc;
color: #fff;
text-align: center;
padding: 10px 20px;
font-family: Tahoma, Arial, Verdana;
height: 20px;
}
#copy {
float: left;
font-size: 11px;
padding-left: 10px;
}
#othermenu {
float: right;
overflow: hidden;
font-size: 11px;
font-weight: bold;
}
#othermenu_in ul,
#othermenu_in li {
list-style-type: none;
margin: 0;
padding: 0;
display: inline;
}
#othermenu_in {
margin-right: -2px;
float: right;
}
#othermenu_in a {
color: #FFFFFF;
border-right: 1px solid #8B8B8B;
padding: 0px 20px;
}
.clr {
clear:both;
}
body  {
font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
background: #000000;
margin: 0px;
padding: 0px;
text-align: center;
color: #000000;
}
p, td, tr {
font-size: 11px;
padding: 0;
margin: 0;
font-family: Tahoma, Arial, Verdana;
}
ul {
margin: 0px;
padding: 0px 0px 0px 18px;
list-style-type: square;
}
a:link, a:visited {
color: #46AC13;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.button {
color: #FFFFFF;
padding: 3px 5px;
background-image: url(../images/button.jpg);
background-repeat: repeat-x;
background-color: #42A80F;
margin: 5px 0px;
border: 1px solid #ACE092;
font-family: Tahoma, Arial, Verdana;
font-size: 12px;
font-weight: bold;
}
.inputbox, input {
border: 1px solid #CCC;
}
.input, img {
border: none;
}
.search {}
a.readon {
background-image: url(../images/readon.gif);
background-repeat: no-repeat;
height: 20px;
width: 102px;
color: #FFF;
float: left;
text-indent: 25px;
line-height: 20px;
margin: 10px 0 0 0;
}
.back_button {
background-image: url(../images/backbutton.gif);
height: 20px;
line-height: 20px;
width: 102px;
text-indent: 25px;
color: #FFFFFF;
font-weight: bold;
font-size: 10px;
margin-top: 5px;
}
.back_button a:link {
color: #FFFFFF;
}
.componentheading {
background-image: url(../images/componentheading.jpg);
height: 31px;
line-height: 31px;
padding: 0px 10px;
color: #ffffff;
font-weight: bold;
font-size: 14px;
}
.contentheading, .contentheading a {
font-size: 22px;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
}
.contentdescription {
padding: 10px;
}
.sectiontableheader {
padding: 3px 5px;
background-color: #666;
color: #FFFFFF;
font-size: 15px;
color: #FFFFFF;
}
.sectiontableentry1,
.sectiontableentry2 {
background-repeat: repeat-x;
height: 26px;
line-height: 26px;
font-size: 12px;
text-indent: 5px;
background-position: bottom;
background-color: #FFFFFF;
}
.createdate,
.small {
font-size: 10px;
color: #999999;
}

Si vous avez des questions ou des choses que vous ne comprenez pas, dîtes le moi, j'essayerai de vous éclairir avec mes maigres connaissances ;)
Merci,
A bientôt,

Connectez-vous ou Créer un compte pour participer à la conversation.

Plus d'informations
02 Nov 2009 18:28 #2 par lotfi_universal
Réponse de lotfi_universal sur le sujet Re:Agrandissement d'un module
bonsoir,

merci de préciser le nom de module( si c'est module particulier)pour faire quoi? et un lien de téléchargement.

Les css et le template en général c'est pour "dans des cas" la largeurs de d'une position de module mais pas la sa longueur
petite précision: qui dit longueur dit de haut en bas de l'écran ou de gauche à droite?
ce sont des choses importants pour la compréhension de ton problème

Pas de support en MP sans y être invité.
Merci de vous conformer aux règles du forum

Connectez-vous ou Créer un compte pour participer à la conversation.

Plus d'informations
02 Nov 2009 19:17 #3 par lavsteph
Réponse de lavsteph sur le sujet Re:Agrandissement d'un module
Bonsoir,

si le site est en ligne, un lien est toujours souhaitable ainsi que le nom du template employé. ;)

Si tu peux développer un peu ton histoire de longueur de module car au premier abord ce n'est pas très clair. ;)

Connectez-vous ou Créer un compte pour participer à la conversation.

Plus d'informations
22 Nov 2009 21:26 #4 par Rockyyy59
Réponse de Rockyyy59 sur le sujet Re:Agrandissement d'un module
Bonjour,

Je suis désolé de vous répondre que maintenant mais mieux vaut tard que jamais.

Voici un lien de mon site : wwww.hbcnieppe.webou.net/

En gros, je voudrai agrandir la longueur (et non la largeur comme je l'ai dit avant...) du module "Informations Générales" pour pouvoir insérer par la suite le module FrontPage SlideShow. Il est assez grand et il ne rentre pas actuellement dans l'espace proposé.

J'utilise le template sunshine1.5. (www.gelono.com/fr/templates-joomla-1.5-gratuits/J55VGJZY.html)

Connectez-vous ou Créer un compte pour participer à la conversation.

  • Vous ne pouvez pas: Créer un nouveau sujet.
  • Vous ne pouvez pas: Répondre au sujet.
  • Vous ne pouvez pas: Éditer votre message.
Modérateurs: lavstephtramber91Scottuxserge
Temps de génération de la page : 2.950 secondes