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
    Rozenbrez
    FémininAge : 25Messages : 1175

    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



    Halloween
    FémininAge : 22Messages : 9733

    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



    Je mets les voiles, que le vent te soit favorable matelot !
    NyoTheNeko
    FémininAge : 22Messages : 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! ^^



    Rozenbrez
    FémininAge : 25Messages : 1175

    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



    Halloween
    FémininAge : 22Messages : 9733

    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



    Je mets les voiles, que le vent te soit favorable matelot !
    Rozenbrez
    FémininAge : 25Messages : 1175

    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



    Halloween
    FémininAge : 22Messages : 9733

    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



    Je mets les voiles, que le vent te soit favorable matelot !
    Yogi Nakagawa
    MasculinAge : 16Messages : 92

    le Jeu 2 Avr 2015 - 19:28

    Thanx!



    Rozenbrez
    FémininAge : 25Messages : 1175

    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. :)



    catkiller
    FémininAge : 21Messages : 67

    le Sam 16 Avr 2016 - 15:33

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

    le Sam 16 Avr 2016 - 18:45

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

    le Sam 14 Mai 2016 - 14:37

    merci :)



    Patricia :)
    Uxia
    FémininAge : 21Messages : 27

    le Sam 14 Mai 2016 - 14:49

    Mercii ! Very Happy
    Eleania Madena
    FémininAge : 19Messages : 84

    le Dim 22 Mai 2016 - 19:50

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



    Contenu sponsorisé

    Aujourd'hui à 21:16


      La date/heure actuelle est Dim 4 Déc 2016 - 21:16