REMARQUE ! Ce site utilise des cookies et autres technologies similaires.

En naviguant sur notre site, vous acceptez que des cookies soient utilisés pour vous proposer des contenus et services adaptés à vos centres d’intérêts En savoir plus

J'ai compris

Politique en matière de cookies

Que sont les cookies?

Un cookie est un petit fichier contenant du texte qu'un site web sauvegarde sur votre ordinateur ou votre appareil mobile lorsque vous visitez ce site. Les cookies sont largement utilisés pour faire fonctionner les sites web, ou pour les faire fonctionner plus efficacement, ainsi que pour fournir des informations aux propriétaires du site.

Comment utilisons-nous les cookies?

Ce site utilise Google Analytics, un service d'analyse du web fourni par Google, Inc. (ci-après "Google") qui m'aide à analyser l'usage qui est fait de ce site. À cette fin, Google Analytics utilise des cookies, qui sont des fichiers textes placés sur votre ordinateur. Les informations générées par les cookies concernant votre utilisation des sites – informations types concernant l'accès à l'internet (y compris votre adresse IP) et votre comportement de visiteur analysées de manière anonyme – sont transmises à Google, qui les stocke, y compris sur des serveurs installés aux États-Unis. Avant de stocker les informations transmises, Google les rendra anonymes en supprimant le dernier octet de votre adresse IP. Les conditions d'utilisation de Google Analytics précisent que Google utilise ces informations pour évaluer l'usage que vous faites des sites et générer, pour Web-eau.net, des rapports sur l'activité des sites.

Web-eau.net n'utilise pas ni n'autorise aucun tiers à utiliser l'outil d'analyse statistique pour repérer ou recueillir des informations personnelles de visiteurs de ces sites qui seraient identifiables. Google peut transférer les informations recueillies par Google Analytics à des tiers lorsque la loi l'exige ou lorsque ces tiers traitent les informations pour le compte de Google. Les conditions d'utilisation de Google Analytics précisent que Google n'établit pas de lien entre votre adresse IP et d'autres données détenues par Google. Vous pouvez refuser l'utilisation des cookies de Google Analytics en téléchargeant et en installant lemodule complémentaire du navigateur pour la désactivation de Google Analytics. Ce module indique au fichier JavaScript Google Analytics (ga.js) que les informations concernant la visite d'un site ne doivent pas être envoyées à Google Analytics.

Les cookies sont également utilisés pour déterminer si vous avez accepté (ou non) que nous utilisions des cookies sur ce site, de façon à ce que la question ne vous soit pas posée à chaque fois que vous le consultez.

Comment gérer les cookies?

Vous pouvez gérer et effacer des cookies comme vous le souhaitez; pour plus d'informations à ce sujet, consultez le sitewww.allaboutcookies.org. Vous pouvez effacer tous les cookies déjà enregistrés sur votre ordinateur et vous pouvez configurer la plupart des navigateurs pour empêcher l'enregistrement des cookies.

Gestion des cookies dans votre navigateur

La plupart des navigateurs vous permettent:

  • de consulter les cookies qui ont été créés et de les effacer individuellement;
  • de bloquer les cookies créés par des tiers;
  • de bloquer les cookies créés par certains sites;
  • de bloquer tous les cookies, quelle que soit leur origine;
  • d'effacer tous les cookies lorsque vous fermez votre navigateur.

Si vous décidez d'effacer vos cookies, soyez conscient que toutes les préférences que vous avez éventuellement paramétrées seront perdues. En outre, si vous bloquez tous les cookies, de nombreux sites web (dont le mien) ne fonctionneront plus correctement. C'est pourquoi il n'est pas recommandé de bloquer les cookies lorsque vous naviguez ici.

S'identifier S'enregistrer

S'identifier

O2switch logo

Bienvenue, Invité
Nom d'utilisateur : Mot de passe : Se souvenir de moi
Extensions Modules

SUJET : Agrandissement d'un module

Agrandissement d'un module 02 Nov 2009 16:22 #1

  • Rockyyy59
  • Portrait de Rockyyy59
  • Hors ligne
  • Nouveau membre
  • Messages : 2
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,
L'administrateur a désactivé l'accès en écriture pour le public.

 o2switch 728x90

Re:Agrandissement d'un module 02 Nov 2009 18:28 #2

  • lotfi_universal
  • Portrait de lotfi_universal
  • Hors ligne
  • Administrateur
  • Messages : 1936
  • Remerciements reçus 50
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
Composants UIajaxIM, Universal AjaxChat, UI CyberFolio, UIMagic Translator pour joomla 1.5
Pas de support en MP sans y être invité.
Merci de vous conformer aux règles du forum
L'administrateur a désactivé l'accès en écriture pour le public.

 formation-joomla kiwik

Re:Agrandissement d'un module 02 Nov 2009 19:17 #3

  • lavsteph
  • Portrait de lavsteph
  • Hors ligne
  • Webmaster
  • En perpétuelle recherche
  • Messages : 8683
  • Remerciements reçus 365
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. ;)
Suivez-nous sur Twitter, Facebook et Google+
Pas de support en MP sans y être invité.Merci

Merci de vous conformer aux règles du forum.
L'administrateur a désactivé l'accès en écriture pour le public.

Re:Agrandissement d'un module 22 Nov 2009 21:26 #4

  • Rockyyy59
  • Portrait de Rockyyy59
  • Hors ligne
  • Nouveau membre
  • Messages : 2
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)
L'administrateur a désactivé l'accès en écriture pour le public.
Temps de génération de la page : 0.572 secondes