Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

La date/heure actuelle est Lun 21 Sep 2020 - 21:37

2 résultats trouvés pour F1F8E9

Redimensionnement automatique des images (non-souhaité)

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:
Tag f1f8e9 sur Forum gratuit : Le forum des forums actifs Image_10

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : hiver 2017
Lien du forum : http://entreelles.org

Description du problème

Bonjour,

je ne sais pas pourquoi ou ce que j'aurais pu changer, mais le forum redimensionne automatiquement les images à 800x256 pixels. J'ai besoin d'environ 1300x480 pour mon image de fond, alors c'est un problème.

Je n'avais pas ce problème avant, seulement depuis la dernière fois où j'ai changé l'image, il y a quelques semaines. Je viens de remarquer le problème hier car nous voulons changer l'image à nouveau.

Est-ce un problème dans mon CSS ? Comme je suis très novice, je n'arrive pas à décoder où serait le bobo. Quelqu'un peut m'aider ?

Je vous mets copie de mon CSS en entier :

Merci beaucoup ! Very Happy

***********************************************

/*REDIMENSIONNER LE LOGO À LA PAGE*/

/*TAILLE LOGO*/
#logo img {
max-width: 100%;
}

A:hover{text-transform:uppercase;}

/*BOUTON VOTER POUR CE MESSAGE (non-utilsé, va avec bouton j'aime (1)*/
div.vote .vote-no-bar, div.vote div.vote-bar + div.vote-button, div.vote div.vote-no-bar + div.vote-button { display: none; }
.vote-count {
background: url("https://i.servimg.com/u/f43/14/33/98/96/button10.png") no-repeat scroll 0 0 transparent;
color: #4AAE00;
font-size: 10px;
font-weight: 700;
height: 17px;
padding-top: 2px;
text-align: center;
width: 27px;
}

/*remplacement Chatbox par clavardage dans la boîte de clavardage */
.chatbox-title a {
font-size:0;
}
.chatbox-title a:after {
font-size:18px;
content:"CLAVARDAGE";
}
/*Message Chatbox sur même ligne que Avatar */

#chatbox .user-msg .user, #chatbox .user-msg .msg {
display: inline;
}

/*TEXTE POUR REMERCIER L'AUTEUR D'UN MESSAGE*/
#fa_thanks_message img { vertical-align:middle }
#fa_thanks_message {
color:#280;
font-size:16px;
font-weight:bold;
text-align:center;
background-color:#DFD;
border:1px solid #BDB;
border-radius:6px;
padding:6px;
margin:6px;
}
/*LIMITER LA TAILLE DES AVATARS DANS LA CHATBOX*/
#chatbox_members .cb-avatar > img {
height:30px;width:30px;
vertical-align: middle;
}

/*MESSAGE DE BIENVENUE DANS LA CHATBOX*/
#chatbox.recently-connected:after {
font-family: "trebuchet ms", serif;
font-size: 1.5em; line-height:1.5em; font-weight: bold; color: #8BC34A;
box-shadow:0 0 5px #AED581; display:block; background: #F1F8E9; margin:auto;
width:80%; margin:1.5% auto; padding:1%; white-space: pre;
content: "Bienvenue dans la zone de clavardage !";
}
/*COLORISER LES CELLULES SUR L'INDEX LORSQU'UN NOUVEAU MESSAGE EST POSTÉ*/
dl.newpost {
background-color:#A2BCAB!important;
}

/*REDIMENSIONNER LES SIGNATURES*/
.signature_div img{
max-width: 500px !important;
max-height: 200px !important;
}

/*CHANGER LA COULEUR DES NOUVEAUX MESSAGES (EN ROUGE)*/
.new-message{
color: #E3170D;
}

/*CHANGER LA COULEUR AU SURVOL DES NOUVEAUX MESSAGES (EN BLEU)*/
.new-message:hover{
color: #1C86EE;
}

/*RACCOURCISSEMENT DES LIENS INTERNET DANS LES MESSAGES*/
.postbody a {
display: inline-block;
max-width: 400px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
vertical-align: bottom;
}

/*couleur des liens dans les messages*/
.postbody a{
color: blue;
font-weight: bold;}

/*couleur des titres des messages*/
.topic-title a{color: black;}

/*couleur du nom de l'auteur*/
.author a{
color: black;
font-weight: lighter;}

/*REDIMENSIONNER LES IMAGES À 90%*/
div.postbody img {
max-width: 100%;}

/*Bouton J'aime (0)*/
#rep_post .reput_vote {
-khtml-user-select: none;
-moz-transition: all,1s;
-moz-user-select: none;
-ms-user-select: none;
-o-transition: all,1s;
-webkit-touch-callout: none;
-webkit-transition: all,1s;
-webkit-user-select: none;
background: #667882 url(https://i.servimg.com/u/f68/16/87/83/03/u0as10.png) no-repeat 3px center;
background-size: 22px;
border-radius: 4px;
border-top: 1px solid #999;border-bottom:2px solid #999;
text-shadow: 1px 1px 1px #ccc, 0px 3px 3px #000;
box-shadow: -0 2px 4px #000;
clear: both;
color: #fff;
cursor: pointer;
display: table;
font-size: 11px;
font-weight: 700;
line-height: 18px;
margin: 5px;
padding: 3px 5px 3px 30px;
transition: all,1s;
user-select: none;
}
.reput_vote.zero {
background-color: #6a6a6a;
}

.BS_like {font-family:'arial';
-khtml-user-select: none;
-moz-transition: all,1s;
-moz-user-select: none;
-ms-user-select: none;
-o-transition: all,1s;
-webkit-touch-callout: none;
-webkit-transition: all,1s;
-webkit-user-select: none;
background: #667882 url(https://i.servimg.com/u/f68/16/87/83/03/u0as10.png) no-repeat 3px center;
background-size: 22px;
border-radius: 4px;
border-top: 1px solid #999;border-bottom:2px solid #999;
text-shadow: 1px 1px 1px #ccc, 0px 3px 3px #000;
box-shadow: -0 2px 4px #000;
clear: both;
color: #fff;
cursor: pointer;
display: table;
font-size: 11px;
font-weight: 700;
line-height: 18px;
margin: 5px;
padding: 3px 5px 3px 30px;
transition: all,1s;
user-select: none;
}
.BS_like:before {
content: "Si tu aimes ce message clique ici !";
}

#rep_post .bs_inline {
list-style: none;
}

#rep_post {white-space: nowrap;margin: 6px 4px;float: right;}
#rep_post .bs_inline {list-style: none;}
#rep_post .bs_inline > li {display: inline-block;margin: 0 3px;}
#rep_post .bs_inline > li:first-child {margin-left: 0;}
#rep_post .bs_inline img {display: none;}
#rep_post span img {cursor: pointer;}
.reput_vote.positive {background-color: #8db13e;}
.reput_vote.zero {background-color: #6a6a6a;}
#rep_post .reput_vote:before {
content: " ";
}


/*Gras rouge pour " vous devez vous présenter avant d'écrire dans ce forum*/
.grasRouge {
font-weight: bold;
color: #FF0000;
}

par Chedis
le Lun 1 Mai 2017 - 17:58
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: Redimensionnement automatique des images (non-souhaité)
Réponses: 7
Vues: 1262

Comment intégrer une image dans un code CSS?

ah oui pardon, j'étais restée sur le titre !

Ici on peut mettre l'image en fond, remplacez par exemple votre code css par le suivant :
Code:
#chatbox.recently-connected:after {
  background: #F1F8E9 url(http://2img.net/i/fa/i/smiles/icon_cool.gif) no-repeat 90% center;
  box-shadow: 0 0 5px #AED581;
  color: #3cb828;
  content: "Bienvenue à la Taverne du forum! Commande une bière, on arrive !";
  display: block;
  font-family: "trebuchet ms", serif;
  font-size: 1.5em;
  font-weight: 700;
  line-height: normal;
  padding: 10px;
  text-align: center;
  margin: 5px 20px 20px 20px;
}

C'est la ligne
background: #F1F8E9 url(https://2img.net/i/fa/i/smiles/icon_cool.gif) no-repeat 90% center;
qui nous intéresse ici :
#F1F8E9 pour la couleur de fond
url(https://2img.net/i/fa/i/smiles/icon_cool.gif) l'image de fond, ici l'url du smiley
no-repeat pour que l'image de fond (ici le smiley) n'apparaisse qu'une fois sans être répétée
90% c'est la position de l'image vers la droite
center pour la position de l'image centrée verticalement

Vous pouvez bien sûr modifier les valeurs, notamment mettre l'image du smiley qui vous intéresse, et modifier 90% pour la positionner à l'endroit où vous souhaitez.
par MlleAlys
le Ven 15 Mai 2015 - 20:53
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Comment intégrer une image dans un code CSS?
Réponses: 6
Vues: 614

Revenir en haut

Sauter vers: