Accueil
Créer un forumredimenssion des images marche plus
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
redimenssion des images marche plus
par Mélodiepub Jeu 30 Aoû 2012 - 19:09
Coucou
j'ai vu qu'un autre sujet a était ouvert mais mon soucis a rien avoir avec elle
mon redimensionnement d'image automatiques est activé avec une dimension précise 400 X200 est depuis aujourd'hui sa redimensionne plus rien .. je soupçonne un bug dans mon css mais je le trouve pas ..
pouvait vous m'aider ?
Mon forum : http://www.melodie-pub.net/
mon css :
Merci d'avance de m’éclairai ..
Bonne soirée
Mélodie
j'ai vu qu'un autre sujet a était ouvert mais mon soucis a rien avoir avec elle
mon redimensionnement d'image automatiques est activé avec une dimension précise 400 X200 est depuis aujourd'hui sa redimensionne plus rien .. je soupçonne un bug dans mon css mais je le trouve pas ..
pouvait vous m'aider ?
Mon forum : http://www.melodie-pub.net/
mon css :
- Spoiler:
- Code:
/* CONFIGURATION DE FORUMLINE */
.forumline {
margin-bottom: 15px;
padding: 10px;
background: #C7C7C7;
border: 3px none #3B2214;
-moz-box-shadow: 0 0 6px 0 #4A4949;
-webkit-box-shadow: 0 0 6px 0 #4A4949;
box-shadow: 0 0 6px 0 #4A4949;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
/* TITRE FORUM */
span.forumlink {
line-height: 38px;
vertical-align: middle;
display: block;
margin: 0;
text-align: center;
width: 100%;
min-width: 250px;
}
/* LIENS TITRE DU FORUM */
a.forumlink{
text-shadow: 1px 0px 2px #000;
letter-spacing: 6px;
font-size: 17px;
}
/* TITRE DE CATEGORIES */
.secondarytitle, .secondarytitle h2 {
text-shadow: 0px 0px 1px #000;
letter-spacing: 3px;
font-weight: bold;
font-size: 14px;
position: relative;
height: 3px;
}
.rotat-cat-titre{
float-left;
position: absolute;
width: 300px;
margin: 0 auto;
padding: 0;
}
/* DIV CONTENANT LE TITRE DE CATEGORIE */
.top_tfa_cat{
position: relative;
width: 100%;
margin: 0 auto;
padding: 0;
}
/* TITRE DE CATEGORIE EN FLOTTANT A GAUCHE + ROTATION DU TEXTE */
.cat_titre{
float: left;
background: #C7C7C7;
padding: 8px;
border: 1px solid #9b9a9a;
border-bottom: none;
border-left: none;
border-bottom: 1px solid #9b9a9a\9;
-moz-border-radius: 9px 9px 0px 0px;
-webkit-border-radius: 9px 9px 0px 0px;
border-radius: 9px 9px 0px 0px;
margin: 0;
z-index: 2;
position: absolute;
margin-top: 30px;
margin-left: -45px;
top: 0;
left: 0;
-webkit-transform: translateX(-100%) rotate(-90deg);
-webkit-transform-origin: right top;
-moz-transform: translateX(-100%) rotate(-90deg);
-moz-transform-origin: right top;
-o-transform: translateX(-100%) rotate(-90deg);
-o-transform-origin: right top;
-ms-transform: translateX(-100%) rotate(-90deg);
-ms-transform-origin: right top;
transform: translateX(-100%) rotate(-90deg);
transform-origin: right top;
filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
/* IE-only DX filter */
writing-mode: tb-rl;
filter: flipv fliph;
}
/* REGLAGES IE7 */
.cat_titre{
/margin-left: -11px;
/border: 1px solid #9b9a9a;
/border-left: none;
}
/* DESCRIPTION */
.cell_tfa_des{
background : #BDBDBD;
padding:7px;
margin: 0 auto;
border : 1px solid #aeaeae;
-moz-border-radius: 0px 0px 15px 15px;
-webkit-border-radius: 0px 0px 15px 15px;
border-radius: 0px 0px 15px 15px;
}
.la_description span.genmed img{
margin: 5px;
}
/* DERNIERS SUJETS */
.dernier_messages{
background : #BDBDBD;
background-position: bottom;
padding: 7px;
padding-left: 28px;
margin: 0 auto;
height: 50px;
border : 1px solid #aeaeae;
-moz-border-radius: 15px 15px 0px 0px ;
-webkit-border-radius: 15px 15px 0px 0px ;
border-radius: 15px 15px 0px 0px ;
}
/* EMPLACEMENT DE L ICONE NEW/NO-NEW/CLOS */
.icone_cat{
position: relative;
float: left;
margin-left: -10px;
margin-top: -15px;
}
/* TEXTES CELLULES SOUS-FORUMS ET NOMBRE DE SUJETS-MESSAGES */
.text-tfa_cell .gensmall{
font: 11px Arial;
color: #cfcfcf;
text-shadow: 0px 0 1px #000;
}
.text-tfa_cell .gensmall img{
vertical-align: middle;
}
/*--------------------------------------------------------Proil avatar-------------------*/
div.info_profil em {
display:none;
}
div.info_profil:hover {
background: none;
z-index: 999;
cursor: hand;
position: relative;
text-decoration:none;
border: 0;
}
div.info_profil:hover em {
font-style: normal;
font-size: 10px;
color:#000 !important;
padding: 3px;
display: block;
position: absolute;
top: 130px;
left: 100px;
-moz-border-radius: 7px 0px 7px 0px ;
-webkit-border-radius: 7px 0px 7px 0px ;
border-radius: 7px 0px 7px 0px ;
-moz-box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
background-color: #CAD4EB;
border: 2px solid #D15B1C;
width:180px;
}
/*------------------------------------------------------------------------ debut tag moderation --*/
.moderation_val1 {
text-align: center;
background: none;
color: #05AF08;
font-weight: bold;
width: 80%;
float:right;
margin-right: 100px;
}
.moderation_img1 {
background: none;
background:url(http://i42.servimg.com/u/f42/17/02/12/65/sans_t17.png)no-repeat center right;
height: 400px;
width: 600px;
}
.moderation_val2 {
text-align: center;
background: none;
color: #AF0596;
font-weight: bold;
width: 80%;
float:right;
margin-right: 100px;
}
.moderation_img2 {
background: none;
background:url(http://i42.servimg.com/u/f42/17/02/12/65/sans_t18.png)no-repeat center right;
height: 400px;
width: 600px;
}
.moderation_val3 {
text-align: center;
background: none;
color: #224DE8;
font-weight: bold;
width: 80%;
float:right;
margin-right: 100px;
}
.moderation_img3 {
background: none;
background:url(http://i40.servimg.com/u/f40/17/20/33/92/tagint10.png)no-repeat center right;
height: 400px;
width: 600px;
}
.moderation {
background: none;
text-align: right;
background:url(http://i44.servimg.com/u/f44/14/44/90/04/croixr10.png)no-repeat center left;
padding: 5px 5px 5px 100px;
-moz-border-radius: 18px 18px 18px 18px;
-moz-box-shadow: 3px 3px 20px;
border-radius: 30px;
border: 3px double red;
color: red;
font-weight: bold;
width: 60%;
margin: auto;
}
.moderation_ques {
background: none;
text-align: right;
background:url(http://i42.servimg.com/u/f42/17/02/12/65/interr10.png)no-repeat center left;
padding: 5px 5px 5px 100px;
-moz-border-radius: 18px 18px 18px 18px;
-moz-box-shadow: 3px 3px 20px;
border-radius: 30px;
border: 3px double blue;
color: blue;
font-weight: bold;
width: 60%;
margin: auto;
}
.moderation_val {
background: none;
text-align: right;
background:url(http://i42.servimg.com/u/f42/17/02/12/65/person10.png)no-repeat center left;
padding: 5px 5px 5px 135px;
-moz-border-radius: 18px 18px 18px 18px;
-moz-box-shadow: 3px 3px 20px;
border-radius: 30px;
border: 3px double green;
color: green;
font-weight: bold;
width: 60%;
margin: auto;
}
.moderation_avert {
background: none;
text-align: right;
background:url(http://i44.servimg.com/u/f44/14/44/90/04/croixo10.png)no-repeat center left;
padding: 5px 5px 5px 100px;
-moz-border-radius: 18px 18px 18px 18px;
-moz-box-shadow: 3px 3px 20px;
border-radius: 30px;
border: 3px double orange;
color: #F76B2A;
font-weight: bold;
width: 60%;
margin: auto;
}
.moderation_verif {
background: none;
text-align: right;
background:url(http://i42.servimg.com/u/f42/17/02/12/65/3d_res11.png)no-repeat center left;
padding: 5px 5px 5px 100px;
-moz-border-radius: 18px 18px 18px 18px;
-moz-box-shadow: 3px 3px 20px;
border-radius: 30px;
border: 3px double #870EF2;
color: #870EF2;
font-weight: bold;
width: 60%;
margin: auto;
}
/*-- fin tag moderation --*/
/*---ancienne description--*/
.genmed1{ /* La div ayant pour class 'description' */
-moz-border-radius: 10px; /* Réglage des arrondis des coins pour mozilla */
-webkit-border-radius: 10px; /* Réglage des arrondis des coins pour chrome et safari */
border-radius:10px; /* réglage des arrondis des coins */
font-size:12px;
text-align:justify;
margin-top :-6px;
color:#000000; text-align: center;
margin-left:60px;
overflow: auto;
width : 500px;
height: 75px;
padding:3px;background-color : #4b6776; }
/*--fin ancienne description--*/
.sousforum {
font-size:13px;
color:#000;
;
padding:3px; }
#nav_barr {
position: fixed; /*--- Cette ligne permet de toujours afficher la barre ---*/
width:900px; /*--- pour régler la largeur de la barre ---*/
border:1px #94a8b3 solid; /*--- On ajoute une bordure ---*/
margin-left:-450px; /* pour centrer: largeur divisée par -2 */
left:50%;
-moz-border-radius:0px 0px 10px 10px; /* pour mozilla */
-webkit-border-radius: 0px 0px 10px 10px; /* pour chrome et safari */
border-radius:0px 0px 10px 10px; /* réglage des arrondis */
background-color: #CBD3D6;
height:30px;
}
a.mainmenu{
text-decoration: none;
color : #4b6776;
text-shadow: 2px 2px 2px #4b6776;
font-variant: small-caps;
text-align: center;
}
a.mainmenu:hover{
text-decoration: underline;
color : #ffffff;
}
/*
|--------------------------------------------------------------------------
| PAGE D'ACCUEIL
|--------------------------------------------------------------------------
*/
/* Propriétés générales */
.block, .titre, .lien {
background: #C7C7C7;
color:#000000;
border: 1px #968B8B dashed;
-moz-border-radius:20px 20px 20px 20px;
-webkit-border-radius:20px 20px 20px 20px;
border-radius:20px 20px 20px 20px;
text-shadow: 0px 0px 8px #ffffff;
-moz-box-shadow: 1px 1px 5px #ffffff;
-webkit-box-shadow: 1px 1px 5px #ffffff;
}
.block, .lien {
text-align: center;
padding: 10px;
}
td {
vertical-align: top;
}
/* Images */
.block-partenaires img, .thumbnail > div {
-moz-transition: opacity 1s;
-o-transition: opacity 1s;
-webkit-transition: opacity 1s;
-htm-transition: opacity 1s;
transition: opacity 1s;
}
.block-partenaires img {
width: 88px;
height: 31px;
padding: 1px;
opacity: 0.5;
-moz-opacity: 0.5;
filter: alpha(opacity=50);
}
.block-partenaires img:hover {
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}
.thumbnail {
position: absolute;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail > div {
position: absolute;
left: -2000px;
padding: 5px;
margin: auto;
background-color:#C7C7C7;
color: #ffffff;
text-shadow: 0px 0px 8px #000000;
border-LEFT: 1px dashed #968B8B;
opacity: 0.5;
-moz-opacity: 0.5;
filter: alpha(opacity=50);
}
.thumbnail:hover > div {
top: 0px;
left: 0px;
width: 78px;
height: 78px;
opacity: 1;
-moz-opacity: 1;
filter: alpha(opacity=100);
}
/* Liens */
.lien{
display: block;
width: 110px;
margin-right: 10px;
text-decoration: none;
color: #ffffff;
}
.lien:hover{
background: #ffffff;
color: #000000;
}
a.tstaff {
display: block;
text-align: center;
margin-top: 95px;
}
.block a {
text-decoration: none;
}
/* Blocs */
.block-welcome, .block-staff {
height: 150px;
overflow: auto;
text-align: justify;
}
.block-welcome {
width: 500px;
}
.block-staff {
width: 332px;
}
.block-staff table {
margin: auto;
}
.block-staff td {
width: 92px;
}
.block-partenaires, .block-nouveautes, .block-credits {
width: 280px;
height: 120px;
}
.block-partenaires > div, .block-nouveautes > div, .block-credits > div {
width: 280px;
height: 70px;
overflow: auto;
}
/* Titres */
.titre {
font-family: impact;
font-size: 14px;
padding: 4px;
margin: auto;
margin-bottom: 5px;
}
.titre-welcome {
height: 130px;
width: 20px;
padding: 7px;
margin-right: -4px;
margin-top: 15px;
text-align: center;
border-RIGHT: 1px dashed #968B8B;
}
.titre-staff {
width: 130px;
text-align: center;
}
.titre:hover {
background: #FFFFFF;
color: #000000;
text-shadow: 0px 0px 8px #968B8B;
}
.titre-welcome:hover {
background: C7C7C7;
color: #ffffff;
text-shadow: 0px 0px 8px #968B8B;
}
________________________qeel______________
img.lumiere {
opacity:90
-moz-opacity:90;
-ms-filter:"alpha(opacity=50)";
filter:alpha(opacity=50);
}
img.lumiere:hover {
opacity:2;
-moz-opacity:1;
-ms-filter:"alpha(opacity=100)";
filter:alpha(opacity=100);
}
.forumline {
opacity: 80;
-moz-border-radius:11px;
-webkit-border-radius:11px;
-ô-border-radius:11px;
-khtml-border-radius:11px;
border-radius:11px;
border: 1px dashed #968B8B;
}
a { text-decoration: none; }
________________________________qeel_____________________
/*** Qui est en ligne ? ***/
table#qeel{
width:800px;
margin:auto;
margin-top:10px;
}
table#qeel td div#stats{
background-color:#C7C7C7;
-moz-border-radius: 10px; /* pour mozilla */
-webkit-border-radius: 10px; /* pour chrome et safari */
border-radius:10px; /* réglage des arrondis */
border:1px dashed #968B8B;
width:350px;
font-size:12px;
text-align:left;
padding-right:12px;
padding-left:12px;
padding-bottom:4px;
color:#000000;
margin-bottom:10px;
}
table#qeel td div#groupes h1{
font-size:12px;
border-bottom:#968B8B 2px double;
font-style:italic;
color:#000000;
margin-bottom:4px;
margin-top:0;
padding-top:0;
}
table#qeel td div#groupes{
background-color:#C7C7C7;
-moz-border-radius: 10px; /* pour mozilla */
-webkit-border-radius: 10px; /* pour chrome et safari */
border-radius:10px; /* réglage des arrondis */
border:1px dashed #968B8B;
width:230px;
text-align:center;
border-bottom:#968B8B 1px solid;
padding-bottom:4px;
font-size:12px;
margin-bottom:10px;
padding:4px;
margin-right:10px;
}
table#qeel td div#mb_co{
background-color:#C7C7C7;
-moz-border-radius: 10px; /* pour mozilla */
-webkit-border-radius: 10px; /* pour chrome et safari */
border-radius:10px; /* réglage des arrondis */
border:1px dashed #968B8B;
width:800px;
font-size:12px;
text-align:center;
padding:4px;
color:#000000;
}
table#qeel_co24 td{
background:none;
}
table#qeel_co24 td.row1{
width:800px;
text-align:center;
}
table#qeel_co24 td.row1 span.gensmall{
font-size:12px;
text-align:center;
padding:4px;
color:#000000;
}
/*-- Deco des sujets --*/
.titredeco {
width : 500px ;
padding-bottom:3px;
-moz-border-radius-:15px;
border : 2px solid #94a8b3;
background-color : #D4B58E;
font-size: 20px;
text-align: center;
letter-spacing: 1px;
margin:auto;
color:#4b6776;
}
hr { border: 1px #94a8b3 solid;}
.formu {
font-weight: bold;
color: #;
font-variant: small-caps;
}
/* TITRES DES CATEGORIE */
.forumdescription{
/* La div ayant pour class 'description' */
-moz-border-radius: 18px 18px 18px 18px; /* Réglage des arrondis des coins pour mozilla */
-webkit-border-radius: 10px; /* Réglage des arrondis des coins pour chrome et safari */
border-radius:10px; /* réglage des arrondis des coins */
border:1px dashed #968B8B;
font-size:12px;
text-align:center;
margin-top :-6px;
color:#000000;
text-align: center;
margin-left:60px;
margin-right: 40px;
margin-bottom: 6px;
margin-top: -6px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
overflow: auto;
width : 500px;
height: auto;
padding:3px;
background-color : none;
font-variant: small-caps;
display: block;
line-height: 17px;
-moz-box-shadow: 3px 3px 20px rgb(0, 0, 0);
font-variant: small-caps;
}
#header{
background-image:url(http://nsm05.casimages.com/img/2012/08/29/1208290501029151610258609.png);
background-repeat:no-repeat;
background-position:center;
margin-left:auto;
margin-right:auto;
width:100%;
}
body{
background-repeat: no-repeat;
background-position: top center;}
.limitation-avatar img {
max-width: 150px;
max-height: 200px;
}.
Merci d'avance de m’éclairai ..
Bonne soirée
Mélodie
Dernière édition par Mélodiepub le Ven 21 Sep 2012 - 20:45, édité 1 fois
Mélodiepub- ***
-
Messages : 139
Inscrit(e) le : 13/04/2010 -
Re: redimenssion des images marche plus
par Dr. Sam Jeu 30 Aoû 2012 - 22:02
Bonjour,
Le redimensionnement fonctionne que si l'image est supérieur au grandeur que vous avez donné. Si l'image est plus petite, elle ne se redimensionnera pas. Il se peut que je me trompe, mais il me semble que cela soit bien le cas.
Cordialement,
Le redimensionnement fonctionne que si l'image est supérieur au grandeur que vous avez donné. Si l'image est plus petite, elle ne se redimensionnera pas. Il se peut que je me trompe, mais il me semble que cela soit bien le cas.
Cordialement,
Dr. Sam- *****
-
Messages : 894
Inscrit(e) le : 28/06/2012 -
Re: redimenssion des images marche plus
par Mélodiepub Ven 31 Aoû 2012 - 6:16
Non ces bien cela mais il fonctionne pas j'ai du rétrécir les images pour pas que sa déforme le forum ...
la preuve de mes dires : http://www.melodie-pub.net/t11460-nouveau-header
Mélodie
la preuve de mes dires : http://www.melodie-pub.net/t11460-nouveau-header
Mélodie
Mélodiepub- ***
-
Messages : 139
Inscrit(e) le : 13/04/2010 -
Re: redimenssion des images marche plus
par Mélodiepub Jeu 6 Sep 2012 - 11:11
up personne pour m'aider ?
Mélodiepub- ***
-
Messages : 139
Inscrit(e) le : 13/04/2010 -
Mélodiepub- ***
-
Messages : 139
Inscrit(e) le : 13/04/2010 -
Re: redimenssion des images marche plus
par Threax Lun 17 Sep 2012 - 16:45
Bonjour,
Le lien fourni est inaccessible aux invités, le problème est-il toujours d'actualité ?
Le lien fourni est inaccessible aux invités, le problème est-il toujours d'actualité ?
Threax- Membre actif
-
Messages : 17276
Inscrit(e) le : 27/08/2005 -
Re: redimenssion des images marche plus
par Mélodiepub Lun 17 Sep 2012 - 19:26
non le problème n’est toujours pas résolu ..
Mélodiepub- ***
-
Messages : 139
Inscrit(e) le : 13/04/2010 -
Re: redimenssion des images marche plus
par Threax Lun 17 Sep 2012 - 20:48
Dans ce cas il nous faut un lien que l'on peut voir.
Threax- Membre actif
-
Messages : 17276
Inscrit(e) le : 27/08/2005 -
Mélodiepub- ***
-
Messages : 139
Inscrit(e) le : 13/04/2010 -
Re: redimenssion des images marche plus
par Threax Mar 18 Sep 2012 - 13:50
Bonjour,
Sans les templates modifiés, l'image est bien redimensionnée. J'en déduis qu'une des modifications opérées est à l'origine du problème, il faudrait vérifier les templates et notamment overall_header, et viewtopic_body s'ils sont modifiés.
Sans les templates modifiés, l'image est bien redimensionnée. J'en déduis qu'une des modifications opérées est à l'origine du problème, il faudrait vérifier les templates et notamment overall_header, et viewtopic_body s'ils sont modifiés.
Threax- Membre actif
-
Messages : 17276
Inscrit(e) le : 27/08/2005 -
Re: redimenssion des images marche plus
par Mélodiepub Mar 18 Sep 2012 - 13:56
erf hélas je sait pas du tous d’où sa pourrait venir ...
si je vous transmet les templates vous penser trouvez l'erreur ? ...
si je vous transmet les templates vous penser trouvez l'erreur ? ...
Mélodiepub- ***
-
Messages : 139
Inscrit(e) le : 13/04/2010 -
Re: redimenssion des images marche plus
par Mélodiepub Ven 21 Sep 2012 - 18:55
problème semble régler grâce a un suppression de script
Mélodiepub- ***
-
Messages : 139
Inscrit(e) le : 13/04/2010 -
Re: redimenssion des images marche plus
par Mélodiepub Ven 21 Sep 2012 - 20:43
ceux ci semble être régler grâce a un soucis régler ici > https://forum.forumactif.com/t338498-impossible-d-ouvrir-un-spoiler
Mélodiepub- ***
-
Messages : 139
Inscrit(e) le : 13/04/2010 -
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum