IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Fond personnalisé à une image


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    Développeur décisionnel
    Inscrit en
    Février 2009
    Messages
    140
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Développeur décisionnel
    Secteur : Bâtiment

    Informations forums :
    Inscription : Février 2009
    Messages : 140
    Par défaut Fond personnalisé à une image
    Bonjour à toutes et à tous,

    Je cherche à mettre une bordure ou un fond personnalisé (je ne sais pas si il s'agit d'une bordure ou d'un fond en fait ) à une image.

    Si vous connaissez photoshop, c'est l'equivalent de la lueur externe.

    En fait, je veut faire comme pour cette image:
    http://www.cabel.name/images-post/20...f-16-thumb.jpg

    Mais en CSS

    1 - Est-ce possible ?
    2 - Bordure ou fond ?
    3 - CSS, JS ?

    Merci d'avance pour vos réponses

  2. #2
    Membre extrêmement actif Avatar de ledisciple
    Homme Profil pro
    observateur de nuage niveau 2.3
    Inscrit en
    Août 2008
    Messages
    860
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : France

    Informations professionnelles :
    Activité : observateur de nuage niveau 2.3

    Informations forums :
    Inscription : Août 2008
    Messages : 860
    Par défaut
    une méthode :

    1/faire une div avec un z-index à 10 par exemple avec ton image en background.

    2/créer une autre div par dessus la première avec un z-index à 20. Par contre ce cadre devra être inférieur en height et en width avec le premier (quelques px devrai suffire)

    je pense qu'il y en a d'autres ...

  3. #3
    Membre confirmé
    Homme Profil pro
    Développeur décisionnel
    Inscrit en
    Février 2009
    Messages
    140
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Développeur décisionnel
    Secteur : Bâtiment

    Informations forums :
    Inscription : Février 2009
    Messages : 140
    Par défaut
    Le problème est que les images n'auront pas toutes la meme taille :
    Certaines seront en paysage, d'autres en portrait ...

    De plus, ce sera pour une gallerie donc ce sera dynamique ...

  4. #4
    Membre éclairé
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    60
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2006
    Messages : 60
    Par défaut
    en CSS, une bordure me semble le plus simple et moins lourd pour régler le problème d'alternance entre portrait et paysage. tu peux inclure une couleur de fond.

    Dans ton code CSS de l'image, inclure, par exemple:

    margin: 45px; background-color: #a9a9a9; padding:25px;

    Mais si tu ne veux pas réinventer la roue, tu peux utiliser un programme flash et gratuit comme simple viewer, qui te laisse incorporer des galleries à l'interieur de page web, et bien sûr tu peux personnaliser les galleries, tant pour le nombre de colonnes, les commentaires, etc 9et ça tient compte de photos portrait et paysage. Mais je ne me souviens plus si il y a un patch pour le français....mais les caractères accentués sont acceptés.

    lien pour SimpleViewer

  5. #5
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Salut,
    C'est possible, mais uniquement en CSS3. Voir cet article.
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  6. #6
    Membre confirmé
    Homme Profil pro
    Développeur décisionnel
    Inscrit en
    Février 2009
    Messages
    140
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Développeur décisionnel
    Secteur : Bâtiment

    Informations forums :
    Inscription : Février 2009
    Messages : 140
    Par défaut
    Ok merci je me suis debrouillé avec des tableaux et du css

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Problème de fond d'une image inséré sur un bouton
    Par Santah dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 24/08/2012, 10h35
  2. Mettre un fond sur une image découpée en subplot.
    Par kaguouille dans le forum Images
    Réponses: 1
    Dernier message: 07/03/2012, 21h12
  3. [GD] Fond d'une image
    Par rezguiinfo dans le forum Bibliothèques et frameworks
    Réponses: 1
    Dernier message: 08/03/2010, 10h29
  4. Réponses: 2
    Dernier message: 27/03/2007, 17h35
  5. Fond d'une Image transparent
    Par master_thunder dans le forum AWT/Swing
    Réponses: 4
    Dernier message: 09/06/2006, 09h31

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo