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

-34%
Le deal à ne pas rater :
Ventilateur ROWENTA VU5640 TURBO SILENCE EXTRÊME
66 € 100 €
Voir le deal

    Mini fiche de pub simple (2 cases / gris-rouge)

    Kitty Galore
    Kitty Galore
    FémininAge : 29Messages : 55

    le Sam 4 Oct 2014 - 16:21



    Bonjour à tous,

    Voilà une mini fiche pour ceux qui aiment comme moi les fiches petites mais efficaces.

    Aperçu


    Quelques informations :

    - Les images se redimensionnent automatiquement sauf pour le logo de partenariat (bien sur...).
    - Les couleurs personnalisables sont celles du fond et de la bordure du bas. A savoir que les 2 cases ainsi que leurs titres sont en transparence donc inutile de modifier leurs couleurs, elles s'adaptent automatiquement
    - Il est possible de rajouter encore une icone pour les attendus pas plus.
    - Merci de conserver le crédit.



    Code:
    <link href='http://fonts.googleapis.com/css?family=Anton' rel='stylesheet' type='text/css' />
    <div style="width:400px; margin:auto; background: #606060; border-bottom:3px solid darkred;"><img src="IMAGE DU HEADER" alt="entete" width="400" />
    <div style="width:185px; height:210px; background:rgba(255,255,255,0.1); margin-left: 10px; margin-top: 10px;"><span style="font-family: 'Anton'; font-weight: lighter; text-transform: lowercase; color:rgba(0,0,0,0.4); font-size: 20px; text-align:center; margin-top: 20px; display: block;padding-top:10px; padding-bottom:10px;">News</span><span style="width:165px; height:150px; font-family:Trebuchet MS; font-size:11px; color: black; padding : 10px; overflow : auto; display: block; text-align:justify;">- news
    - news
    - news
    - news</span></div><div style="width:185px; height:210px; background:rgba(255,255,255,0.1); margin-right: 10px; margin-top: -210px; float: right; "><span style="font-family: 'Anton'; font-weight: lighter; text-transform: lowercase; color:rgba(0,0,0,0.4); font-size: 20px; text-align:center; margin-top:10px; margin-bottom:10px; display: block;">Stats</span><span style="width:165px; height:100px; font-family:Trebuchet MS; font-size:11px; color: black; padding : 10px; overflow : auto; display: block; text-align:justify;"><b>Ouvert depuis le :</b> XX/XX/XXXX
    <b>Messages :</b> XXXX
    <b>Membres :</b> XX
    <b style="color:pink;">~ Groupe :</b> XX
    <b style="color:orange;">~ Groupe :</b> XX
    <b style="color:red;">~ Groupe :</b> XX
    <b style="color:purple;">~ Groupe :</b> XX
    <b>Dernier enregistré :</b> Nom Prénom</span>
    <div style="width:185px; height:50px; margin-top: -20px; font-family:Trebuchet MS; font-size:9px; color: black; text-align: center; text-transform:uppercase;">Attendus
    <a href="http://" target="_blank"><img src="ICONE" width="30" /></a> <a href="http://" target="_blank"><img src="ICONE" width="30" /></a> <a href="http://" target="_blank"><img src="ICONE" width="30" /></a> <a href="http://" target="_blank"><img src="ICONE" width="30" /></a></div></div>
    <center><img src="IMAGE DU LOGO" alt="bouton partenariat" /></center>
    [code]<a href="http://" target="_blank"><img src="http://" alt="bouton partenariat" /></a>[/code]
    <a href="http://www.never-utopia.com/" style="font-size:8px; text-align:center; display:block; font-family:Trebuchet MS; text-transform:uppercase;">Lady sur Never-Utopia</a></div></div>


    Dernière édition par Kitty Galore le Sam 4 Oct 2014 - 16:52, édité 3 fois



    Alzufen
    Alzufen
    MasculinAge : 24Messages : 2103

    le Sam 4 Oct 2014 - 16:23

    Merci du partage :)

    Pense à fermer la balise link comme une balise img cependant Wink



    Kitty Galore
    Kitty Galore
    FémininAge : 29Messages : 55

    le Sam 4 Oct 2014 - 16:27

    Une balise non fermée où ça ? :ange: *nivuniconnu*



    Alzufen
    Alzufen
    MasculinAge : 24Messages : 2103

    le Sam 4 Oct 2014 - 16:42

    Ici :

    Code:
    <link href='http://fonts.googleapis.com/css?family=Anton' rel='stylesheet' type='text/css'>
    <div style="width:400px; margin:auto; background: #606060; border-bottom:3px solid darkred;" />

    Et euh, une div ça se ferme pas comme ça 'o'



    Kitty Galore
    Kitty Galore
    FémininAge : 29Messages : 55

    le Sam 4 Oct 2014 - 16:46

    LOL en voulant tricher et faire comme si de rien n'était j'ai mis la barre en bas xD Je plaide coupable e.e



    Anonymous
    Invité

    le Dim 12 Oct 2014 - 13:59

    Hey !

    Il me semble que tout est bon, merci du partage Wink
    Nana-Chan
    Nana-Chan
    FémininAge : 21Messages : 44

    le Dim 12 Oct 2014 - 15:50

    Merci !
    Concierge
    Concierge
    MasculinAge : 39Messages : 67

    le Lun 13 Oct 2014 - 8:47

    très joli, merci



    Very Happy
    The_Psychocat
    The_Psychocat
    MasculinAge : 25Messages : 37

    le Mar 21 Oct 2014 - 22:05

    Joli code ! o/
    GoldenGrams
    GoldenGrams
    FémininAge : 19Messages : 35

    le Mer 22 Oct 2014 - 12:18

    Merci. ♫
    Madras
    Madras
    FémininAge : 35Messages : 282

    le Lun 27 Oct 2014 - 10:55

    Merci
    W.
    W.
    FémininAge : 21Messages : 127

    le Lun 27 Oct 2014 - 15:56

    merci



    Je suis Charlie.
    PrincesseÔ
    PrincesseÔ
    FémininAge : 22Messages : 220

    le Jeu 30 Oct 2014 - 21:42

    Merci ! :)
    hoterion
    hoterion
    FémininAge : 28Messages : 75

    le Mar 4 Nov 2014 - 23:26

    merci beaucoup du partage!



    Mini fiche de pub simple (2 cases / gris-rouge) Sing10
    Moona Neko
    Moona Neko
    FémininAge : 25Messages : 75

    le Sam 8 Nov 2014 - 22:29

    ~ Merci Very Happy
    Asuka
    Asuka
    FémininAge : 26Messages : 105

    le Mer 12 Nov 2014 - 18:28

    J'adore ! Merci beaucoup



    Mini fiche de pub simple (2 cases / gris-rouge) 975531MisakiHino3
    Mikasa
    Mikasa
    FémininAge : 22Messages : 162

    le Sam 15 Nov 2014 - 23:17

    so perfect ^^



    Mini fiche de pub simple (2 cases / gris-rouge) Miksa210
    Signa:
    Mini fiche de pub simple (2 cases / gris-rouge) Draco10
    Mini fiche de pub simple (2 cases / gris-rouge) Mikasa11
    Sinon
    Sinon
    FémininAge : 21Messages : 68

    le Dim 16 Nov 2014 - 15:56

    Merci, il est sympa !
    Tatia38
    Tatia38
    FémininAge : 31Messages : 308

    le Mar 18 Nov 2014 - 12:49

    C'est sublime merci
    Dark Fairy
    Dark Fairy
    FémininAge : 22Messages : 241

    le Ven 28 Nov 2014 - 21:27

    Merci!
    Shadaan
    Shadaan
    FémininAge : 27Messages : 80

    le Lun 1 Déc 2014 - 21:28

    Génial, merci ! o/



    Mini fiche de pub simple (2 cases / gris-rouge) 897455signnu
    Solitude
    Solitude
    FémininAge : 45Messages : 290

    le Lun 15 Déc 2014 - 17:51

    Merci



    ~ Je suis capable du meilleur comme du pire, mais dans le pire c'est moi la meilleure. ~
    Mini fiche de pub simple (2 cases / gris-rouge) Sign510
    Fame
    Fame
    MasculinAge : 30Messages : 240

    le Mar 13 Jan 2015 - 18:20

    Merci Very Happy
    Inwë
    Inwë
    FémininAge : 21Messages : 36

    le Mar 13 Jan 2015 - 20:24

    J'aime beaucoup ^^ ! Merci :) !
    mackay
    mackay
    MasculinAge : 31Messages : 124

    le Ven 16 Jan 2015 - 18:22

    simple mais beau Razz
    Contenu sponsorisé


      La date/heure actuelle est Mer 3 Juin 2020 - 21:56