- Forums
- Archives
- Versions stables
- Joomla 1.5
- Discussions générales
- Extensions tierces
- Modules
- Agrandissement d'un module
×
Extensions Modules
Question Agrandissement d'un module
- Rockyyy59
- Auteur du sujet
- Hors Ligne
- Nouveau membre
Réduire
Plus d'informations
- Messages : 2
- Remerciements reçus 0
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".
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,
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.
- lotfi_universal
- Hors Ligne
- V.I.P
02 Nov 2009 18:28 #2
par lotfi_universal
Pas de support en MP sans y être invité.
Merci de vous conformer aux règles du forum
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
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.
- lavsteph
- Hors Ligne
- V.I.P
- Fondateur
Réduire
Plus d'informations
- Messages : 9394
- Remerciements reçus 500
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.
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.
- Rockyyy59
- Auteur du sujet
- Hors Ligne
- Nouveau membre
Réduire
Plus d'informations
- Messages : 2
- Remerciements reçus 0
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)
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.
Droit d'accès du forum
- 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: lavsteph, tramber91, Scottux, serge
- Forums
- Archives
- Versions stables
- Joomla 1.5
- Discussions générales
- Extensions tierces
- Modules
- Agrandissement d'un module
Temps de génération de la page : 2.950 secondes