Header

Partagez | 

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

Message Sujet: [forumactif]<Astuce> Code: CSS; un fond en page d'accueil   Dim 24 Jan - 19:30

avatar

Mes clubs


En savoir plus
Mes clubs extra-scolaires:

Sya

Doyenne
Bons Points (BP) : 60
Voir le profil de l'utilisateur http://illusionsworld.forumactif.fr
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!



Vous rencontrez un souci avec ce tutoriel ? Venez poser votre question [ici].

Idea N'oubliez pas de lire et de suivre les [règles de la section].

Je soussignée, Sya,  accepte qu'un directeur reposte le tutoriel "[FA] Code: CSS; un fond en page d'accueil" tel que je l'ai rédigé.
Revenir en haut Aller en bas

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

avatar

Mes clubs


En savoir plus
Mes clubs extra-scolaires:

Miettes

Doyenne
Bons Points (BP) : 233
Voir le profil de l'utilisateur
On pourrait avoir un exemple? Very Happy

Sinon merci pour cette astuce css Smile
Revenir en haut Aller en bas


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

avatar

Mes clubs


En savoir plus
Mes clubs extra-scolaires:

Sya

Doyenne
Bons Points (BP) : 60
Voir le profil de l'utilisateur http://illusionsworld.forumactif.fr
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

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

avatar

Mes clubs


En savoir plus
Mes clubs extra-scolaires:

Miettes

Doyenne
Bons Points (BP) : 233
Voir le profil de l'utilisateur
Merci Very Happy

Effectivement, cela offre plus de possibilité ^^
Revenir en haut Aller en bas


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

avatar

Mes clubs

Invité

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

Message Sujet: Re: [forumactif]<Astuce> Code: CSS; un fond en page d'accueil   Lun 25 Jan - 23:11

avatar

Mes clubs


En savoir plus
Mes clubs extra-scolaires:

Sya

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

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

Mes clubs

Contenu sponsorisé

Revenir en haut Aller en bas
[forumactif]<Astuce> Code: CSS; un fond en page d'accueil
Page 1 sur 1
 Sujets similaires
-
» Code pour mettre une image en fond de Page d'Accueil
» Fond de page d'accueil
» Image en fond sur page d'accueil
» Image en fond de page d'accueil ( Feuille de style CSS )
» Code pour bannière en fond de page
Réponse rapide

School of Progress :: La bibliothèque :: Tutoriels :: Informatique :: Codage+

Qui est en ligne ?

SoP en quelques chiffres

Nos étudiants ont posté un total de @messages@ messages.

Nous avons @membres_enregistres@ étudiants inscrits dans l’école.

Le dernier dossier validé est celui de @dernier_membre@.

@@membres_anniversaire_aujourdhui?@membres_anniversaire_aujourdhui=Il/Elle fête son anniversaire aujourd'hui : @membres_anniversaire_aujourdhui$&@$Ils fêtent leur anniversaire aujourd'hui : @membres_anniversaire_aujourdhui$, @@$Aucun membre ne fête son anniversaire aujourd'hui. @@

Ils étaient là hier

@derniers_membres_connectes$, @

Liste de présence

@membres_connectes$, @

La DirectionLes AssistantsLes SurveillantsLes ArtistesLes InspecteursLes PitresLes IntervenantsLes Doyens