School of Pub, où la perfection est à la portée de chacun. (Dixit Audidounette)

AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

 


Partager | 
 

 [forumactif]<Astuce> Code: CSS; un fond en page d'accueil

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
 

Sya

Doyenne

Voir le dossier scolaire

Doyenne

Féminin Rang spécial: Formatrice photofiltre
Nombre de messages: 545
Age: 21
$ops: 642
Points: 20
Date d'inscription: 13/05/2008
 
MessageSujet: [forumactif]<Astuce> Code: CSS; un fond en page d'accueil   Dim 24 Jan - 18:30

Coucou!

Beaucoup de personne ne savent pas mettre un joie fond sur la page d'accueil. Voici un code CSS afin d'embellir cette page (testé sous Invision) :
Code:

div.newslink{
background-image: url('URL DE VOTRE IMAGE');
background-repeat: no-repeat;
}

Attention: Il ne faut pas ôter les sortes de guillemets ('...') pour l'URL de l'image.

Conseils: Afin que votre image ne se répète pas, background-repeat: no-repeat; est présent. Cependant, si vous voulez que le fond se répète jusqu'en pied de page, il suffit de mettre à la place de no-repeat; : repeat; (avec le point virgule bien entendu Wink )

Si vous voulez mettre ce fond en transparence alors il faut mettre:
Code:

div.newslink{
background-color: transparent !important;
}


Viilou! Des questions?

[Si vous avez un soucis, n'hésitez pas à venir poser vos questions par ici]
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://illusionsworld.forumactif.fr
 

Miettes

Directrice

Voir le dossier scolaire

Directrice

Féminin Rang spécial: Designer professionnelle, formatrice analystes, codeurs, admins, animateurs, graphistes (photoshop, gimp)
Marraine

Rédactrice en chef du M-SoP

Chroniqueuse de l&#39;émission de SoP

Nombre de messages: 44143
Age: 24
Localisation: Lille
$ops: 21084
Points: 505
Date d'inscription: 01/02/2008
Distinctions: Membre de l'EST-SoP
*** Co-Rédactrice en Chef du M-SoP ***

 
MessageSujet: Re: [forumactif]<Astuce> Code: CSS; un fond en page d'accueil   Dim 24 Jan - 18:41

On pourrait avoir un exemple? Very Happy

Sinon merci pour cette astuce css Smile
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pvereecken.fr/
 

Sya

Doyenne

Voir le dossier scolaire

Doyenne

Féminin Rang spécial: Formatrice photofiltre
Nombre de messages: 545
Age: 21
$ops: 642
Points: 20
Date d'inscription: 13/05/2008
 
MessageSujet: Re: [forumactif]<Astuce> Code: CSS; un fond en page d'accueil   Dim 24 Jan - 18:55

Voici un petit exemple:

Avec :

Code:
div.newslink{
background-image: url('URL DE VOTRE IMAGE');
background-repeat: no-repeat;
}


Spoiler:
 


Avec:
Code:
div.newslink{
background-image: url('URL DE VOTRE IMAGE');
background-repeat: repeat;
}


Haut
Spoiler:
 


Bas
Spoiler:
 
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://illusionsworld.forumactif.fr
 

Miettes

Directrice

Voir le dossier scolaire

Directrice

Féminin Rang spécial: Designer professionnelle, formatrice analystes, codeurs, admins, animateurs, graphistes (photoshop, gimp)
Marraine

Rédactrice en chef du M-SoP

Chroniqueuse de l&#39;émission de SoP

Nombre de messages: 44143
Age: 24
Localisation: Lille
$ops: 21084
Points: 505
Date d'inscription: 01/02/2008
Distinctions: Membre de l'EST-SoP
*** Co-Rédactrice en Chef du M-SoP ***

 
MessageSujet: Re: [forumactif]<Astuce> Code: CSS; un fond en page d'accueil   Dim 24 Jan - 19:06

Merci Very Happy

Effectivement, cela offre plus de possibilité ^^
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pvereecken.fr/
 

Invité

Voir le dossier scolaire

Invité

 
MessageSujet: Re: [forumactif]<Astuce> Code: CSS; un fond en page d'accueil   Lun 25 Jan - 22:04

La seul différence c'est que le deuxième, l'image se répète, non ?
Revenir en haut Aller en bas
 

Sya

Doyenne

Voir le dossier scolaire

Doyenne

Féminin Rang spécial: Formatrice photofiltre
Nombre de messages: 545
Age: 21
$ops: 642
Points: 20
Date d'inscription: 13/05/2008
 
MessageSujet: Re: [forumactif]<Astuce> Code: CSS; un fond en page d'accueil   Lun 25 Jan - 22:11

Oui en effet c'est cela même Very Happy
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://illusionsworld.forumactif.fr
 

Invité

Voir le dossier scolaire

Invité

 
MessageSujet: Re: [forumactif]<Astuce> Code: CSS; un fond en page d'accueil   Sam 31 Juil - 16:44

Merci beaucoup ! Ca vas beaucoup me servir !
Revenir en haut Aller en bas
 

Luniia

Etudiante

Voir le dossier scolaire

Etudiante

Féminin Nombre de messages: 510
Age: 12
Localisation: Là,ou ici.
$ops: 1517
Points: 230
Date d'inscription: 16/05/2010
 
MessageSujet: Re: [forumactif]<Astuce> Code: CSS; un fond en page d'accueil   Dim 8 Aoû - 13:46

Merci !

Il va me servir une faire une c*nnerie (de toutes façons j'en fais tout le temps XD)
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 

[forumactif]<Astuce> Code: CSS; un fond en page d'accueil

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
School of Pub :: Les cours :: Tutoriels :: Informatique :: Gestion d'un forum-


Aller en haut
Aller en bas