Forum de support officiel

Forum d'entraide et support officiel des forums Forumprod.com


Heures au format UTC + 1 heure [ Heure d’été ]



Poster un nouveau sujet Répondre au sujet  [ 15 messages ] 
Auteur Message
Modérateur
Modérateur
Avatar de l’utilisateur

Inscription: Jan 2012
Messages: 1960
Points: 4968
Localisation: France
Sexe: Masculin
Age: 17
Forum: http://support.forumprod.com/
Posté: 23 Sep 2012, 14:55 

Bonjour / Bonsoir à tous !
Voilà, ça fait quelques jours que j'ai commencé a coder. Enfin, plus ! Mais aujourd'hui je vous présente mon premier tuto Avancé.

Vous allez dans votre feuille de style,et cherchez :
Code:
body {
   /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
   font-family: {COLOR_FONTFACE1};
   color: {COLOR_BODY_TEXT};
   background-color: {COLOR_BG_COLOR};
   background-image: url('{IMG_BACKGROUND_SRC}');
   font-size: {COLOR_FONTSIZE2};
   margin: 0;

Remplacez background-image: url('{IMG_BACKGROUND_SRC}'); par
Code:
background-image: url('http://lien_de_votre_image.com');

_________________
Cordialement,
Alexandre - Modérateur du forum de support.

Merci de lire les règles du forum
Merci de faire une recherche avant de poster
- Bien demander du support
Pas de support par MP, merci.


Haut
  Profil Site Internet 
 
Chef des aideurs
Chef des aideurs
Avatar de l’utilisateur

Inscription: Déc 2011
Messages: 1061
Points: 1293
Localisation: France
Sexe: Masculin
Posté: 23 Sep 2012, 14:58 

Merci pour le tuto Machin, c'est très bien. à toi de passer de temps à autre si tu as le temps pour nous donner des bonnes astuces ^^


Haut
  Profil 
 
Modérateur
Modérateur
Avatar de l’utilisateur

Inscription: Jan 2012
Messages: 1960
Points: 4968
Localisation: France
Sexe: Masculin
Age: 17
Forum: http://support.forumprod.com/
Posté: 23 Sep 2012, 15:46 

Bon. J'ai décidé que je revenais sur le forum de support de temps en temps pour poster des tutos en CSS et HTML.

bonne journée

_________________
Cordialement,
Alexandre - Modérateur du forum de support.

Merci de lire les règles du forum
Merci de faire une recherche avant de poster
- Bien demander du support
Pas de support par MP, merci.


Haut
  Profil Site Internet 
 
Membre super
Membre super

Inscription: Jan 2011
Messages: 1141
Points: 1096
Sexe: Masculin
Age: 26
Posté: 23 Sep 2012, 15:47 

Allez, bon codage !!


Haut
  Profil 
 
Administrateur
Administrateur
Avatar de l’utilisateur

Inscription: Juil 2009
Messages: 2508
Points: 3466
Sexe: Masculin
Forum: http://support.forumprod.com
Posté: 24 Sep 2012, 22:37 

Bonjour,

Merci pour ce tutoriel mais on peut spécifier une image de fond depuis le pack d'images.

_________________
Cordialement,
Zied - Administrateur du forum de support.

- Merci de lire les règles du forum
- Merci de faire une recherche avant de poster
- Pas de support par MP, merci.


Haut
  Profil Site Internet 
 
Membre super
Membre super

Inscription: Aoû 2012
Messages: 125
Points: 547
Localisation: Champagne-Ardenne
Sexe: Masculin
Age: 34
Posté: 26 Sep 2012, 01:28 

Bonsoir,

Petit tutoriel bien commencer, mais comme Zied le stipule quelle est l’intérêt de mettre ceci dans la feuille de style alors que l'on peut le mettre directement le lien de l'image de fond dans le packs images ?

Et dernière question j'aimerais savoir comment peut t-on faire en sorte que l'image de fond s'adapte selon la résolution de chacun ?

_________________
Cordialement, OptimaluS


Un souci d'informatique Anonymous ? N'hésite plus :arrow: http://sos-informatique.forumprod.com/


Haut
  Profil 
 
Membre super
Membre super

Inscription: Aoû 2012
Messages: 125
Points: 547
Localisation: Champagne-Ardenne
Sexe: Masculin
Age: 34
Posté: 27 Sep 2012, 02:11 

Bonsoir,
Up s.v.p

_________________
Cordialement, OptimaluS


Un souci d'informatique Anonymous ? N'hésite plus :arrow: http://sos-informatique.forumprod.com/


Haut
  Profil 
 
Membre super
Membre super

Inscription: Déc 2010
Messages: 1779
Points: 295
Localisation: Larochelle/Lagord
Sexe: Masculin
Age: 53
Forum: http://pub-forum.forumprod.com
Posté: 27 Sep 2012, 11:12 

Bonjour, je ne sais te répondre optimalus,wadjh ou willy pourront te donner la réponse avec le code adéquate ou Zied, sinon fait une demande dans le forum de propositions pour que ce soit automatique^^


Haut
  Profil Site Internet 
 
Chef des aideurs
Chef des aideurs
Avatar de l’utilisateur

Inscription: Déc 2011
Messages: 1061
Points: 1293
Localisation: France
Sexe: Masculin
Posté: 27 Sep 2012, 18:46 

Bonsoir,
Citation:
Bonsoir,
Up s.v.p

Les UP c'est pour forumactif nous on est Forumprod (pour les intimes FP ) ^^ chaque question aura réponse avec le plus grand soin croyez-nous ^^

Pour le fond adapté à la résolution de chacun,c'est Willy ou Zied qui s'y connais ce sont des professionnels ! ^^ je penche pour les Média queries en CSS3 ou des balises méta-tags.

Bien cordialement.


Haut
  Profil 
 
Modérateur
Modérateur
Avatar de l’utilisateur

Inscription: Sep 2009
Messages: 4607
Points: 9941
Localisation: en France
Sexe: Masculin
Age: 28
Forum: http://support.forumprod.com
Posté: 27 Sep 2012, 18:58 

bonjour : bonsoir

de plus aucun support n'est à faire ici

_________________
Nous restons à votre disposition pour toutes questions complémentaires.

Cordialement,
Lesny- Modérateur du forum de support.

- Merci de lire les règles du forum
- Merci de faire une recherche avant de poster
- Pas de support par MP, merci.


Haut
  Profil Site Internet 
 
Membre fidèle
Membre fidèle

Inscription: Sep 2012
Messages: 32
Points: 97
Sexe: Masculin
Posté: 27 Sep 2012, 19:22 

Je ne connais pas ForumProd mais je pense que tu peux réaliser cela en procédant ainsi.
Dans ton CSS tu modifies

Code:
body {
   /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
   font-family: {COLOR_FONTFACE1};
   color: {COLOR_BODY_TEXT};
   background-color: {COLOR_BG_COLOR};
   background-image: url('{IMG_BACKGROUND_SRC}');
   font-size: {COLOR_FONTSIZE2};
   margin: 0;


Par
Code:
body {
   /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
   font-family: {COLOR_FONTFACE1};
   color: {COLOR_BODY_TEXT};
   background-color: {COLOR_BG_COLOR};
   background-image: url('{IMG_BACKGROUND_SRC}');
   /* pour que l'image couvre l'intégralité de l'écran*/
   background-size:cover;
   /* pour que l'image reste toujours en fond et ne défile pas */
   background-attachement:fixed;
   /* Pour que l'image soit toujours centre horizontalement et verticalement */
   background-position: center center;
   font-size: {COLOR_FONTSIZE2};
   margin: 0;


J'ai ajouté des commentaires pour la compréhension des fonctions que j'ai ajouté.
J'espère que cela fonctionne sur vos forums.

Mais excuses pour le non support dans cette rubrique. :oops: :oops:

Par contre trois modérateurs qui postent à la suite et qui ne verrouillent pas le sujet qui dérape, c'est pas bien..... :lol: :lol: :lol:
Avis perso avec beaucoup d'humour. Un des modérateurs comprendra.... :oops:


Si vous souhaitez diviser pour en faire un tuto, c'est comme vous le désirerez.... :arrow:


Haut
  Profil Site Internet 
 
Membre super
Membre super

Inscription: Aoû 2012
Messages: 125
Points: 547
Localisation: Champagne-Ardenne
Sexe: Masculin
Age: 34
Posté: 27 Sep 2012, 22:46 

Bonsoir,

Pour commencer toutes mes excuses pour avoir fait une demande de support sur ce sujet. Ceci ne se reproduira plus, j'y ferais attention ;)

Maintenant je remercie mon chère Patmax :thumbup: pour cette astuce que je confirmerais et ravit de te voir sur cette plateforme.

_________________
Cordialement, OptimaluS


Un souci d'informatique Anonymous ? N'hésite plus :arrow: http://sos-informatique.forumprod.com/


Haut
  Profil 
 
Membre super
Membre super

Inscription: Déc 2010
Messages: 1779
Points: 295
Localisation: Larochelle/Lagord
Sexe: Masculin
Age: 53
Forum: http://pub-forum.forumprod.com
Posté: 28 Sep 2012, 10:47 

Bonjour patmax et merci pour ce tuto, oui j'ai compris lol^^


Haut
  Profil Site Internet 
 
Nouveau membre
Nouveau membre

Inscription: Avr 2015
Messages: 2
Points: 13
Sexe: Masculin
Forum: http://militarium.forumprod.com/
Posté: 23 Avr 2015, 20:28 

En fait, j'ai un problème. Je n'arrive pas à fixer l'image de fond et elle se répète. J'ai essayé le tutoriel mais ça ne fonctionne pas (ça n'a pas l'air du moins comme l'image est mobile et se répète). Si quelqu'un peut m'aider bien que j'ai déjà posé la question.

Désolé et merci d'avance.

L'image défile au fond malgré le changement voilà le problème.  :crazy:

PS: J'ai réussiiiiiii. En fait, dans le tuto, il y avait marqué "attachement" alors que c'est "attachment". Merci. :wave:


Haut
  Profil 
 
Nouveau membre
Nouveau membre

Inscription: Mai 2015
Messages: 2
Points: 6
Localisation: Chad
Sexe: Masculin
Age: 27
Forum: tchadhackeur.forumprod.com
Posté: 01 Mai 2015, 14:10 

merci pour ce tuto

_________________
Cordialement admin du forum tchadhackeur

<< l'ordinateur a une memoire mais n'a aucun souvenir >>


Haut
  Profil Site Internet 
 

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités

Modérateur:

Aideurs

Permissions de ce forum:

Vous ne pouvez pas poster de nouveaux sujets
Vous ne pouvez pas répondre aux sujets
Vous ne pouvez pas éditer vos messages
Vous ne pouvez pas supprimer vos messages
Vous ne pouvez pas joindre des fichiers
Poster un nouveau sujet Répondre au sujet  [ 15 messages ] 


cron
Créer un forum | © phpBB | Entraide & support | Forum gratuit