AccueilFAQRechercherMembresGroupesS'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.


    Fiche de présentation "Sous l'Océan."

    Partagez
    avatar
    Rozenbrez
    FémininAge : 27Messages : 1382

    le Jeu 6 Nov 2014 - 0:55

    Bien le bonsoir ou bonjour à toute la communauté :)

    Après avoir passé une journée à m'entrainer sur un super site, je me suis lancé sur un codage simple : une fiche de présentation! L'image utilisé fait 434px sur 105px.


    Html&CSS ▬ PhpBB 2
    Voici un aperçus de la fiche : Fiche de présentation "Sous l'Océan."
    Un petit merci fera apparaitre le code Wink

    /!\ Je rappelle que cette section existe en cas de problème!./!\



    Le code CSS est à insérer dans votre feuille de style. C'est-à-dire que seul les Fonda/admins peuvent installer la fiche. Pour cela allez dans votre panneau d'administration => Affichage => Images&Couleurs => Couleurs => Feuille de style CSS.


    Code HTML:

    Code CSS:


    Dernière édition par Rozenbrez le Sam 8 Nov 2014 - 21:44, édité 6 fois

    avatar
    Halloween
    FémininAge : 24Messages : 9754

    le Ven 7 Nov 2014 - 14:32

    Coucou Roz' !

    Ah ! Tu devrais t'essayer au codage plus souvent Very Happy

    Néanmoins, je passe faire le grand méchant loup (loups *w*) ! Il y a quelques coquilles qu'il faudrait modifier s'il te plait :3 La plus importante : on ne mélange pas le BBcode et le HTML. Jamais. Donc par exemple, ceci :
    Code:
    [img]http://i74.servimg.com/u/f74/18/81/56/20/entete10.png[/img]

    Qui est du BBcode, va devenir celà :
    Code:
    <img src="http://i74.servimg.com/u/f74/18/81/56/20/entete10.png" />

    De même que le gras, le "[b]", deviendra :
    Code:
    <b>Texte</b>

    D'ailleurs, tu l'as fais vers la fin, c'est bizarre xD Tu peux trouver plus d'explications ici sinon Wink Et enfin, le "center" tend à disparaître, donc tu peux le remplacer par un :
    Code:
    text-align: center;

    Dans la balise .Texte_haut du CSS Wink

    Et pour pouvoir déplacer, il faut que le crédit figure :$ Il y a eu trop d'abus, les gens ne prennent pas le temps de le poser eux-mêmes, d'où la demande qu'il figure directement sur les éléments codés. Tu peux toujours le rendre discret hein (petite taille, couleur ...). En tout cas la démarche était toute à fait louable !

    Merci du partage ! Very Happy




    < / Libre service codage >
    avatar
    NyoTheNeko
    FémininAge : 24Messages : 5018

    le Ven 7 Nov 2014 - 15:09

    Rozeeeeen, tu m'as mit la chansons dans la têêêêêêête!
    Merci pour le partage en tout cas, c'est une jolie fiche! ^^



    avatar
    Rozenbrez
    FémininAge : 27Messages : 1382

    le Ven 7 Nov 2014 - 20:45

    J'aime quand tu fais ton Grand Méchant Loup //PAN//

    Je vais faire toutes les modifications demains, si cela ne dérange pas? Et essayer d'ajouter le crédits à la fin Wink

    avatar
    Halloween
    FémininAge : 24Messages : 9754

    le Ven 7 Nov 2014 - 21:25

    Tu m'as tuée là xD

    Oui oui, prends ton temps (enfin pas 3 semaines sans donner signe de vie hein :hum:) !

    Merci à toi Very Happy




    < / Libre service codage >
    avatar
    Rozenbrez
    FémininAge : 27Messages : 1382

    le Sam 8 Nov 2014 - 21:45

    Re coucouuu :)

    Voilà j'ai fais tous les changements demandé. Wink Promis je ne referais pas les mêmes erreurs <3

    avatar
    Halloween
    FémininAge : 24Messages : 9754

    le Dim 9 Nov 2014 - 14:56

    Ca me semble nickel, je déplace !

    Merci d'avoir modifié et partagé Roz', surtout aussi vite ! Very Happy




    < / Libre service codage >
    avatar
    Yogi Nakagawa
    MasculinAge : 17Messages : 93

    le Jeu 2 Avr 2015 - 19:28

    Thanx!
    avatar
    Rozenbrez
    FémininAge : 27Messages : 1382

    le Jeu 2 Avr 2015 - 22:42

    De rien Yogi Nakagawa.

    J'ai remis la prévisualisation correctement pour ceux et celles qui souhaitent avoir un aperçus avant de vous lancer dans la fiche. :)

    avatar
    catkiller
    FémininAge : 23Messages : 70

    le Sam 16 Avr 2016 - 15:33

    Elle a l'air jolie, mais la prévisualisation ne fonctionne pas malheureusement!
    Merci tout de meme!
    avatar
    Kelalin
    FémininAge : 26Messages : 1948

    le Sam 16 Avr 2016 - 18:45

    Merci pour le partage !
    avatar
    patriciadpt30
    FémininAge : 55Messages : 240

    le Sam 14 Mai 2016 - 14:37

    merci :)



    Patricia :)
    avatar
    Uxia
    FémininAge : 22Messages : 30

    le Sam 14 Mai 2016 - 14:49

    Mercii ! Very Happy
    avatar
    Eleania Madena
    FémininAge : 21Messages : 88

    le Dim 22 Mai 2016 - 19:50

    Le lien de l'aperçu est mort fais attention !




    avatar
    Edward Speleers
    FémininAge : 30Messages : 456

    le Lun 22 Mai 2017 - 0:11

    Merci :)



    avatar
    Gieve
    FémininAge : 28Messages : 104

    le Mar 4 Juil 2017 - 10:00

    Merci **
    avatar
    Deed01
    MasculinAge : 40Messages : 340

    le Dim 6 Aoû 2017 - 9:40

    sympa ;D
    avatar
    Doriand
    MasculinAge : 27Messages : 90

    le Sam 4 Nov 2017 - 23:53

    merci
    avatar
    Idylle
    FémininAge : 28Messages : 33

    le Dim 10 Déc 2017 - 23:26

    Merci
    avatar
    Shinmujaengpae
    MasculinAge : 20Messages : 9

    le Lun 8 Jan 2018 - 18:47

    merci
    avatar
    Heah92
    FémininAge : 20Messages : 87

    le Jeu 11 Jan 2018 - 19:21

    Merci !
    avatar
    Shueisha
    MasculinAge : 20Messages : 3

    le Jeu 7 Juin 2018 - 15:11

    Merci Very Happy
    Contenu sponsorisé


      La date/heure actuelle est Mar 25 Sep 2018 - 8:56