Redimensionner une photo

[Tolo]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.detenteaujardin.com/

Description du problème

Bonjour,


Pour l'automne j'aimerais utiliser cette photo




1910 x 968 sf erreur de ma part

pour le forum.
J'ai besoin de votre aide pour les dimensions correctes, svp.

J'aimerais bien comprendre comment calculer les quotes car je n'y arrive pas.

D'avance je vous remercie.

[Stefano123]

Bonjour,

Petite question : où voulez-vous ajouter cette image dans votre forum, dans le Header, dans un post ou autre ?
(Car ce ne sont pas les mêmes codes de redimensionnement selon les endroits)

Pour redimensionner votre image, avez-vous fait ce chemin ?
Dans votre : Panneau d'administration / Générale / Messages et Emails / Configuration :



Bonne journée,

[Tolo]

Bonsoir Stefano,

Oup's je n'ai pas été précise, désolée!
Je voudrais mettre cette photo en 'image de fond de page'.
Je n'ai pas utilisé le chemin que tu mentionnes.
En fait il faut que j'arrive à un format qui ne déforme pas la page principale, que n'ai pas pas l'image en x fois.

D'avance merci de l'aide que tu pourrais m'apporter.
Bonne soirée!

[Stefano123]

Bonsoir,

Avez-vous essayé d'entreposer votre img dans votre panneau d'admin ?

Dans : Panneau d'administration / Affichage / Images et Couleurs / Gestion des images / Mode Avancé :
Dans : Général / navigation :

[Tolo]

Bonjour,

Oui mais sans succès!

[Stefano123]

Bonjour Tolo,

Dans votre Feuille de style CSS essayer de rajouter ceci !

Code:

body {
  background-color: #dbe4e5;
  background-image: url(https://i.servimg.com/u/f77/11/45/89/06/automn16.jpg);
  background-attachment: fixed;
}

Par contre, dans votre feuille de style, si vous avez déjà ce body, il ne sera pas nécessaire de rajouter le code !
Mais seulement remplacer le lien de votre image actuel entre les guillemets : comme ceci : (votre lien d'image)

Cordialement,

[Tolo]

Ooooh........c'est du charabia pour moi, je n'y comprends rien.
J'ai regardé le PA et je ne vois pas du tout.
Bon je vais me débrouiller autrement en espérant y arriver.
Sinon tant pis!

Merci d'avoir essayé votre aide.

[Stefano123]

Bonjour Tolo,

Pour pouvoir ajouter le code dans votre feuille de Style CSS
Le chemin à prendre : Panneau d'administration / Affichage / Images et Couleurs / Couleurs & CSS / Feuille de style CSS

Tout en bas de la "Feuille de Style CSS", vous avez ceci : Options du CSS
Actionner les boutons comme sur l'image puis Enregistrer



Ensuite, dans votre "Feuille de style CSS", Regarder si vous avez déjà ce code "body", Car le code Body, il ne faudrait pas qu'il soit en double !
Si vous n'avez pas ce code Body dans votre Feuille de Style CSS :  copier-coller le code tel qu'il est !

Code:

body {
  background-color: #dbe4e5;
  background-image: url(https://i.servimg.com/u/f77/11/45/89/06/automn16.jpg);
  background-attachment: fixed;
}

Si dans votre "Feuille de style", vous avez déjà ce code body, ne rajoutez pas le code,
Mais seulement, remplacez le lien de l'image par votre nouveau lien entre les 2 guillemets : comme ceci : (votre lien d'image)

Après je suis désolé si j'explique pas très bien, car le codage à sont dialogue  !  En espérant que quelqu'un plus espériementer que moi puissent vous aidé plus clairement !!!  

Cordialement,

[Tolo]

Bonjour Stefano,

Si je ne cherche pas au bon endroit -le ccs- cela ne peut pas le faire, arfff!
Si si tu expliques très, très bien.
Seulement je suis réfractaire à ces codages.

Bon!

Dans la feuille actuelle il y a :

1 #wrap { padding: 40px; }

3 .sceditor-emoticons {width: 250px !important; height: 250px !important; overflow: auto !important;}
4 img.smiley {width: auto !important; height : auto !important;}
5 body {
6 background-size: cover;
7 }

donc je remplace cela par ton modèle qui va de 1 à 5.
Au secours, mdr!!!
Je vais y arriver.
Bonne journée!

[Stefano123]

Bonjour Tolo,

Le body que vous me montrez dans votre feuille de style : vous le supprimez

Code:

body {
background-size: cover; }

Remplacez-le par celui-là :

Code:

body {
  background-color: #dbe4e5;
  background-image: url(https://i.servimg.com/u/f77/11/45/89/06/automn16.jpg);
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
}

Puis validez !
Par la suite, si vous décidez de changer votre image de fond, vous avez juste à remplacer le lien de l'image entre les guillemets ( votre lien d'image) , directement dans le body de la feuille de style.

Quand vous ajoutez ou modifiez des codes dans votre feuille de style, faites toujours une sauvegarde de votre CSS avant, et mettez ceci dans votre ordinateur,
comme ça vous ne perdrez rien ! Et si ça ne va pas dans votre feuille de style, au moins vous pouvez toujours rectifier le tir :

En haut dans votre feuille de Style :  Cliquez sur Sauvegarder le CSS, ceci va se télécharger dans votre navigateur. Placez ensuite cette Sauvegarder sur votre bureau :



En espérant que ça va le faire...  

Cordialement,

[Tolo]

Mdr..... bon je vais manger un petit truc et reprendre posément car un truc m'échappe.
Le body c'est la feuille ccs.
Tu parles de ligne 2 alors que je n'ai pas de ligne 2

D'ores et déjà je te remercie tout plein de ta patience Stefano.
Bon app!



P. S. : ou est-ce que c'est body entre ligne 5 et 7 ???

[Stefano123]

Bonjour Stefano,

Dans la feuille actuelle il y a :

1 #wrap { padding: 40px; }

3 .sceditor-emoticons {width: 250px !important; height: 250px !important; overflow: auto !important;}
4 img.smiley {width: auto !important; height : auto !important;}
5 body {
6 background-size: cover;
7 }

donc je remplace cela par ton modèle qui va de 1 à 5.
Au secours, mdr!!!
Je vais y arriver.
Bonne journée!

Bonjour Tolo,

Dans votre message, vous mentionnez que vous avez des codes, dans votre feuille de style, donc ce body :

Code:

5 body {
6 background-size: cover;
7 }

Et ce body qui est déjà existant dans votre feuille de style, vous le supprimez :
C'est-à-dire si vous parlez des chiffres  : supprimer le code body  : 5, 6, 7 :

Code:

5 body {
6 background-size: cover;
7 }

Et vous le remplacez par celui que je vous donne :
Les chiffres, ce ne sont pas des codes, mais des repaires !
Mettre ceci à la place :

Code:

body {
  background-color: #dbe4e5;
  background-image: url(https://i.servimg.com/u/f77/11/45/89/06/automn16.jpg);
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
}

Si ma capture d'image ressemble exactement à ce que vous avez dans votre feuille de style ! Captur d'image 1



Dans ce cas-là : Supprimez tout et mettre exatement comme cette capture : Capture d'image 2



Si dans votre feuille de style CSS, ce n'est pas fait comme ça, (comme ma première capture d'image 1), faites moi un retour avec votre capture d'image, pour voir comment c'est goupillé ! Merci.

Cordialement,

[Tolo]

Bonjour Stefano,


J'ai merdé grave avec ce ccs.
Finalement j'ai comparé photo d'été et celle automne....j'ai vu une similitude avec ces photos.....du coup j'ai gardé :

https://i.servimg.com/u/f77/11/45/89/06/automn16.jpg

et l'ai collé directement sur la page 'gestion des images'.
Cela fonctionne mais mon problème sera probablement le même lors du prochain changement.

Il y a quelque chose que je ne capte pas mais je ne sais pas où cela coince.
Pour l'instant c'est réglé et je garde précieusement tes modèles.

Encore un très grand merci à toi.
Bonne journée!