AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

Le deal à ne pas rater :
LEGO Icons 10331 – Le martin-pêcheur
35 €
Voir le deal

    Un texte sur une image

    Shigeru
    Shigeru
    MasculinAge : 30Messages : 1497

    Jeu 29 Juil 2010 - 17:08

    P l 0 p !

    J'espère que les Nutopiens sont prêts à m'aider car j'aimerai si possible connaitre un code assez banale, qui consiste à superposé un texte sur une image.

    Voila, merci d'avance Wink



    Un texte sur une image 609890Naruto_1Un texte sur une image Naruto10
    Sui'
    Sui'
    MasculinAge : 32Messages : 1865

    Jeu 29 Juil 2010 - 17:17

    Salut!!

    En tapant les mots clés dans la fonction recherche du forum je tombe sur un sujet portant sur ton problème, la prochaine fois sert en Wink.

    https://www.never-utopia.com/sur-votre-forum-f100/image-en-fond-d-un-message-avec-ecriture-par-dessus-t27889.htm?highlight=texte+sur+image

    Si ce n'est pas ce que tu cherche soit plus explicite avec un exemple sa parle mieux :p.

    A+



    Merci beaucoup Woo pour ce kit *-*
    Un texte sur une image 657955SignatureSuicopie
    Sui' Art's
    Shigeru
    Shigeru
    MasculinAge : 30Messages : 1497

    Jeu 29 Juil 2010 - 17:54

    (J'avais la flemme de cherche ^^)

    Merci c'est sa, sinon il n'y a pas une astuce css permettant de mettre tous les liens ou texte d'un forum avec la même image en dessous ?



    Un texte sur une image 609890Naruto_1Un texte sur une image Naruto10
    Coriolis
    Coriolis
    FémininAge : 35Messages : 288

    Jeu 29 Juil 2010 - 20:44

    Heu, si. En cherchant tu trouverais (x3)

    Je suis pas si chiante, voici le code.

    Code:
    a img
    {
    background: url('adresse url de l'image de fond') fixed top left no-repeat;
    padding: HAUTpx DROITEpx BASpx GAUCHEpx;
    }

    Le padding remplace les mentions en majuscules par les pixels que tu veux ça permettra d'agrandir un peu les marges autour de ton lien histoire qu'on voit l'image de fond. Supprime cette ligne si elle te sert à rien.

    Selon l'image à utiliser, tu peux modifier le fixed (en le supprimant) top left (qui peut de venir beaucoup de chose, cherche sur google background-position tu verras bien) et le no-repeat peut devenir repeat, repeat-x (se répète à l'horizontal) repeat-y (à la verticale).

    Voilà pour le fond d'un lien.

    [la fonction "rechercher" n'est pas là que pour faire jolie xD]



    C'est cela l'Entre-Monde, le carrefour de la vie et de toutes les possibilités, voyons au delà de la réalité puisque ce monde est irréel.
    Shigeru
    Shigeru
    MasculinAge : 30Messages : 1497

    Jeu 29 Juil 2010 - 21:48

    (C'est plutot moi qui suis chiant ^^)

    Sinon merci :ggg1:



    Un texte sur une image 609890Naruto_1Un texte sur une image Naruto10
    Contenu sponsorisé


      La date/heure actuelle est Dim 24 Nov 2024 - 15:09