Forum

Bonjour ,

voila j'aimerais que mon image de font de site ceu regle selon la resolution d'ecran.
es que c'est possible ?
car pour le moment je met une image en 1900 pour le font mais quand un pc as une plus petite resolution on vois en zoom le font.
Si une personne connais une astuce je suis preneur, pour info je me suis basé sur le theme cameleon

merci d'avance

plop

il faut que tu utilise la propriété background-size dans ta déclaration css

cela permet de définir une taille à ton image de fond

=> http://phpboost.com/forum/topic-14545+taille-automatique-image-de-font.php#m135437



dans ton cas, redimentionner l'image en fonction de la taille d'écran, il ne faudra pas utiliser des tailles fixes mais un "recouvrement" de l'image aux limites de l'ecran

exemple





ici la premiere ligne défini une image alignée horizontalement au centre, verticalement sur le haut de l'image et non-repetitive,

la deuxieme ligne défini que l'image doit "couvrir" l'écran, elle va donc etre rétrécie si l'ecran est plus petit, ou agrandie si l'ecran est plus grand.

selon le ratio de l'ecran il se peut que les cotés de l'image ne soient pas affichés, car ce systeme garde le ratio de l'image

par exemple si l'ecran est en 4/3 et l'image en 16/9, ce qui évite la déformation de l'image.

merci de ta reponce

ca fonctionne un grand merci

voici ceu que j'ai mis qui fonctionne avec juste un petit probleme :



body {

background:#00dd00 url(chemin/vers/image.jpg) center top repeat-y;

background-size:cover;

background-attachment: fixed ;





car avec background-image: url(chemin/vers/image.jpg) center top no-repeat; ça me fait un font blanc et non l'image



mais par contre mon compteur de visite ca police as grandie et sort de son cadre http://cemderonchin.free.fr pour voir.

une idée pour remetre la taille du texte du compteur dans son cadre?

Édité par nomon Le 03/02/2014 à 09h23

j'ai trouvais j'ai rajouter font-size:12px; dans la partie compteur de visite merci

pour background-image:url('cheminversimage.jpg');

ne pas oublier les suotes: ('....')

pour le moment j'en suis as ca :
body {
background:#00dd00 url(images/desktopwallpapers.org.ua-8025.jpg) center top repeat-y;
background-size:cover;
background-attachment: fixed ;
font-size:12px;

la j'ai bien mon font

si je fait :

body {
background-image: url('images/desktopwallpapers.org.ua-8025.jpg') center top repeat-y;
background-size:cover;
background-attachment: fixed ;
font-size:12px;

la j'ai un font blanc

Bonjour,

vu que vous êtes chez free, désactiver le cache CSS, cela vous évitera bien des désagréments.

Cordialement, janus57

ok merci du conseil j'ai desactiver le cache css

Bonjour,



de plus la propriété background-image ne prend pas les éléments "center top repeat-y" si vous vouez utiliser le tout dans une seul propriété vous devez garder la propriété "background"



ou sinon vous devez faire ceci :





Petit lien utile pour le (X)HTL/CSS/JS : http://www.w3schools.com/



Cordialement, janus57

ca fonctionne
un grand merci as tous ceu qui m'aide et me conseil.
par contre quand on est deconnecté les case pseudo et mdp sons transparente .
une idée ?

Édité par nomon Le 03/02/2014 à 17h05

Bonjour,





il suffit d'inspecter l'élément en étant déconnecter et de rectifier les couleurs.



Cordialement, janus57

j'ai trouvais ca :

.connect_form {
background: url("images/form.png") no-repeat scroll right bottom transparent;
border: medium none;
padding-left: 4px;
padding-top: 3px;
height: 18px;
width: 115px;
font-size: 12px;
color: rgb(233, 236, 239);
}
dans l'inspection quand je change transparent par red ou autre je vois les case, mais ca sauvegarde pas.
je ne trouve pas dans mon template une ligne qui parle du connect_form
je la voudrais juste moin transparente que l'on vois les rectangle car la on vois pas les emplacement on vois juste les pseudo et 5 gros point
voici ceu que je vois :

Édité par nomon Le 03/02/2014 à 19h55

Bonjour,

ce code CSS fait partie du module "connect", tu peu soit changer directement dans le dossier template du module ou surcharger ton thème pour modifier la couleur.

Cordialement, janus57

merci
j'ai beau essayer de changer la couleur dans ce css mais ca change pas les case pseudo et mdp reste invisible