Pokémon en folie

-
 
AccueilAccueil  PortailPortail  CalendrierCalendrier  FAQFAQ  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 Faire une signature qui s’adapte à la largeur de la page.

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

avatar

Messages : 4065
Date d'inscription : 29/02/2012
Age : 27

MessageSujet: Faire une signature qui s’adapte à la largeur de la page.   Ven 16 Aoû - 12:11

Ce qu’on va faire, c’est une signature qui a un comportement comme ça :

Spoiler:
 

Ce qu’il vous faut pour image :
  • une image large ;
  • une image avec un des côtés qui n’a un fond sans importance (cette partie sera coupée sur les petits écrans, donc ça ne doit pas être la partie qui contient du texte, un personnage, sinon ça sera coupé).


Dans votre signature, mettez ce code :

Code:
<div style="width: 100%; height: 256px; background:url(http://example.com/image.png) no-repeat bottom right"></div>
En remplaçant :


C’est tout !

Sur l’exemple et ma signature, la partie importante (le personnage) se trouve à droite. Il faut donc que l’image ne soit jamais coupée à droite. C’est le rôle du « right » dans le code.
Si votre image a quelque chose à gauche, et doit être rognée à droite, remplacez ça par « left ».
Si votre image a son sujet au milieu, remplacez par « center »

Voilà !

Vous pouvez utiliser des signatures larges sans avoir peur de déformer la page : elle ne dépassera jamais la largeur « normale » de la page, tout en occupant 100% de la largeur sur les grands écrans.


NOTE : une image large signifie aussi une image plus lourd à charger. N’oubliez pas de diminuer le poids (en kilooctets) de l’image avant (compression JPEG, par exemple).

__
« il était une fois, un Lapin… »
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 
Faire une signature qui s’adapte à la largeur de la page.
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» faire une signature
» [FAIT] Qui pourrait me faire une Signature SVP ?
» [Photoshop CS3] Tuto Signature [Niveau : Débutant]
» logo style signature
» Voici comment faire pour écrabouiller un baril de métal

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Pokémon en folie :: Le forum :: Tes idées pour le site-
Sauter vers: