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 du moment : -20%
Drone Dji DJI Mini 4K (EU)
Voir le deal
239 €

    From Within - fiche de présentation

    Frosty Blue
    Frosty Blue
    FémininAge : 28Messages : 162

    Jeu 9 Juin 2016 - 13:05



    Voici une fiche de présentation assez sobre qui a été conçue pour que la couleur principale (le rouge dans l'aperçu) puisse être modifiée en fonction de la couleur du groupe. De ce fait le css est placé dans le message. Il est toutefois possible de le placer dans la fiche css du forum (si vous êtes administrateur) du moment que vous avez le courage de vous y atteler ^^

    Tout est modifiable mais le crédit est indélébile.

    Aperçu - Hover 1 - Hover 2


    Code:
    <div class="aay-perso"><div class="aay-presgroup">Groupe</div><div class="aay-presname">Prénom Nom</div><br>
    <div class="aay-presinfo"><span class="info">Age:</span> réponse
    <span class="info">Sexe:</span> réponse
    <span class="info">Métier:</span> réponse
    <span class="info">Taille:</span> réponse
    <span class="info">Poids:</span> réponse
    <span class="info">Couleur des yeux/cheveux:</span> réponse
    <span class="info">Signes distinctifs:</span> réponse
    </div><div class="aay-photo"><img src="http://i84.servimg.com/u/f84/19/41/51/11/pres11.jpg"/><div class="aay-photo-src"><i>Nom du personnage, Manga/Anime/Source</i></div></div>
    <div class="aay-title">Caractère</div>
    <div class="aay-bloctxt">Quod cum ita sit, paucae domus studiorum seriis cultibus antea celebratae nunc ludibriis ignaviae torpentis exundant, vocali sonu, perflabili tinnitu fidium resultantes. denique pro philosopho cantor et in locum oratoris doctor artium ludicrarum accitur et bybliothecis sepulcrorum ritu in perpetuum clausis organa fabricantur hydraulica, et lyrae ad speciem carpentorum ingentes tibiaeque et histrionici gestus instrumenta non levia.

    Proinde concepta rabie saeviore, quam desperatio incendebat et fames, amplificatis viribus ardore incohibili in excidium urbium matris Seleuciae efferebantur, quam comes tuebatur Castricius tresque legiones bellicis sudoribus induratae.

    Ac ne quis a nobis hoc ita dici forte miretur, quod alia quaedam in hoc facultas sit ingeni, neque haec dicendi ratio aut disciplina, ne nos quidem huic uni studio penitus umquam dediti fuimus. Etenim omnes artes, quae ad humanitatem pertinent, habent quoddam commune vinculum, et quasi cognatione quadam inter se continentur.</div>
    <div class="aay-title">Histoire</div>
    <div class="aay-bloctxt">Quod cum ita sit, paucae domus studiorum seriis cultibus antea celebratae nunc ludibriis ignaviae torpentis exundant, vocali sonu, perflabili tinnitu fidium resultantes. denique pro philosopho cantor et in locum oratoris doctor artium ludicrarum accitur et bybliothecis sepulcrorum ritu in perpetuum clausis organa fabricantur hydraulica, et lyrae ad speciem carpentorum ingentes tibiaeque et histrionici gestus instrumenta non levia.

    Proinde concepta rabie saeviore, quam desperatio incendebat et fames, amplificatis viribus ardore incohibili in excidium urbium matris Seleuciae efferebantur, quam comes tuebatur Castricius tresque legiones bellicis sudoribus induratae.

    Ac ne quis a nobis hoc ita dici forte miretur, quod alia quaedam in hoc facultas sit ingeni, neque haec dicendi ratio aut disciplina, ne nos quidem huic uni studio penitus umquam dediti fuimus. Etenim omnes artes, quae ad humanitatem pertinent, habent quoddam commune vinculum, et quasi cognatione quadam inter se continentur.</div>
    <div class="aay-player"><img src="http://i84.servimg.com/u/f84/19/41/51/11/pres11.jpg"/><div class="aay-playerinfo"><span class="info">Pseudo:</span> réponse
    <span class="info">Age:</span> réponse
    <span class="info">Quelque chose à nous dire?</span> réponse
    <span class="info">Code du règlement:</span> réponse
    </div></div><div class="aay-opinion"><span class="in">Opinion sur tel(s) groupe(s):</span><br>Votre opinion
    <br><span class="in2"> Opinion sur tel(s) groupe(s):</span> Votre opinion
    </div>
    <div class="crédits">Code by Frosty Blue de <a href="http://www.never-utopia.com">never Utopia</a></div></div>

    <style type="text/css"> .aay-presgroup {margin-left: auto; background: #fa5858; width: 150px; padding: 17px;text-align: center; color: #f4f4f4; font-family: 'Abel'; text-shadow: 1px 2px 1px rgba(0,0,0,0.4); display: inline-block; font-size: 17px; line-height: 23px; text-transform: uppercase; margin-right: 10px;} .aay-presname {margin-right: auto; width: 350px; padding: 10px; text-align: center; color: #fa5858; background: #eaebeb; overflow: hidden; font-family: 'Abel'; font-size: 35px; line-height: 37px; display: inline-block; vertical-align: top; text-shadow: -1px -2px 1px rgba(0,0,0,0.4), 1px 2px 1px rgba(255,255,255,1); text-transform: uppercase; letter-spacing: 1px;} .aay-perso {margin: auto; text-align: justify; width: 565px;} .aay-presinfo {float: left; width: 320px; height: 200px; overflow: auto; padding: 10px; margin-right: 10px;background: #eaebeb;} .info {color: white; text-shadow: 1px 1px 0px rgba(0,0,0,0.3), 0px 0px 5px rgba(0,0,0,0.2); font-size: 13px; text-transform: uppercase; font-style: normal;} .aay-photo {width: 215px; background: black; vertical-align: top; height: 220px; overflow: hidden;} .aay-photo img {-webkit-filter: grayscale(80%); filter: grayscale(80%); transition: 1s; -webkit-transition: 1s; position: relative; z-index: 1;} .aay-photo-src {position: relative; top: -60px; background: rgba(195,195,195,0.6); color: white; text-align: center; font-size: 12px; z-index: 2; padding: 5px; opacity: 0; transition: 1s; -webkit-transition: 1s;} .aay-photo:hover img {-webkit-filter: grayscale(0%); filter: grayscale(0%); transition: 2s; -webkit-transition: 2s;} .aay-photo:hover .aay-photo-src {opacity: 1; transition: 2s; -webkit-transition: 2s;} .aay-bloctxt {background: #eaebeb; padding: 10px; height: 250px; overflow: auto; border-top: #fa5858 4px solid; position: relative; z-index: 2;} .aay-title {text-shadow: -1px -2px 1px rgba(0,0,0,0.4), 1px 2px 1px rgba(255,255,255,1); text-transform: uppercase; letter-spacing: 1px; font-family: 'Abel'; color: #fa5858; font-size: 25px; position: relative; left: 5px; bottom: -15px; z-index: 1;} .aay-player {width: 215px; height: 220px; display: inline-block; margin-right: 15px; background: #fa5858;} .aay-opinion {display: inline-block; width: 315px; padding: 10px; height: 200px; overflow: auto; background: #eaebeb; text-align: justify; vertical-align: top;} .aay-player img {position: relative: 1; -webkit-filter: grayscale(50%); filter: grayscale(50%); transition: 1s; -webkit-transition: 1s; } .aay-playerinfo {padding: 10px; position: relative; z-index: 2; background: #fa5858; transition: 1s; -webkit-transition: 1s; opacity: 0; overflow: auto; width: 200px; height: 202px; top: -222px;} .aay-player:hover .aay-playerinfo {opacity: 1; transition: 2s; -webkit-transition: 2s;} .in {font-style: normal; color: #fa5858; text-shadow: 1px 1px 0px rgba(0,0,0,0.3), 0px 0px 5px rgba(0,0,0,0.2); font-size: 14px; text-transform: uppercase;} .in2 {font-style: normal; color: #0080ff; text-shadow: 1px 1px 0px rgba(0,0,0,0.3), 0px 0px 5px rgba(0,0,0,0.2); font-size: 14px; text-transform: uppercase;} .crédits {text-align: right; color: silver; opacity: 0.4; font-size: 11px; font-family: 'Abel'; position: relative; right: 5px;}</style><link href='https://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css' />


    Dernière édition par Frosty Blue le Ven 22 Juil 2016 - 14:18, édité 1 fois
    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Dim 17 Juil 2016 - 4:30

    Salut !

    C'est super beau :han:

    Juste quelques modifications et ce sera parfait ^^

    Édit 2016-10-01 : Les modifications ont été faites et j'ai enfin eu le temps de valider le tout, désolée du délai ><



    Hyuna
    Hyuna
    FémininAge : 27Messages : 98

    Dim 2 Oct 2016 - 14:10

    Super jolie, beau travail ! Merci beaucoup
    Anonymous
    Invité

    Dim 2 Oct 2016 - 14:42

    Merci pour le partage !
    Bryan1997
    Bryan1997
    MasculinAge : 27Messages : 51

    Dim 6 Nov 2016 - 21:26

    Merci
    avatar
    ness.
    FémininAge : 29Messages : 43

    Ven 18 Nov 2016 - 21:21

    top, merci !
    Lalia
    Lalia
    FémininAge : 25Messages : 45

    Lun 6 Fév 2017 - 22:10

    merci x3
    OmbreLune
    OmbreLune
    FémininAge : 27Messages : 6

    Jeu 9 Fév 2017 - 14:37

    J'aime beaucoup cette fiche *o* Merci beaucoup !
    Mary Lestrange
    Mary Lestrange
    FémininAge : 25Messages : 15

    Mer 1 Mar 2017 - 17:19

    Merci !
    Fullmoon
    Fullmoon
    FémininAge : 27Messages : 162

    Mer 1 Mar 2017 - 23:16

    Merci pour le partage, c'est magnifique ^^
    Noah C. Avelon
    Noah C. Avelon
    MasculinAge : 31Messages : 3

    Jeu 9 Mar 2017 - 16:29

    C'est top top top ! Je te remercie ! :)
    Likilou
    Likilou
    MasculinAge : 31Messages : 309

    Lun 20 Mar 2017 - 19:46

    Merci

    C'est dommage quand j'ai voulu l'installer, les blocs n'arrêtaient pas de se décaler :X



    From Within - fiche de présentation 707828SignArthur2
    Lythrum
    Lythrum
    FémininAge : 30Messages : 2

    Sam 25 Mar 2017 - 19:15

    Merci pour le partage ! Je compte simplement modifier les couleurs pour coller à mon personnage, autrement c'est nickel.
    Choucroute Mozzarella
    Choucroute Mozzarella
    FémininAge : 28Messages : 43

    Sam 8 Avr 2017 - 13:44

    Merci ! c:
    Shaïka
    Shaïka
    FémininAge : 27Messages : 79

    Ven 28 Avr 2017 - 10:17

    Magnifique, merci *o*
    IdefixB
    IdefixB
    FémininAge : 35Messages : 10

    Ven 28 Avr 2017 - 18:06

    merci
    Djankh
    Djankh
    MasculinAge : 27Messages : 97

    Dim 14 Mai 2017 - 18:08

    Merci beaucoup, très pratique pour des groupes de couleurs différentes en effet !
    Réglisse
    Réglisse
    FémininAge : 21Messages : 17

    Jeu 15 Juin 2017 - 18:05

    Merciii :33
    Lessien
    Lessien
    FémininAge : 42Messages : 163

    Lun 26 Juin 2017 - 13:19

    Super, merci !!!
    Off
    Off
    FémininAge : 23Messages : 8

    Lun 26 Mar 2018 - 1:26

    C'est très doux et très agréable à regarder .o. Merci beaucoup !!
    Noah Miller
    Noah Miller
    FémininAge : 25Messages : 2

    Dim 13 Mai 2018 - 17:17

    Merci!
    Ena
    Ena
    FémininAge : 26Messages : 149

    Jeu 17 Mai 2018 - 17:32

    Merci bien !



    From Within - fiche de présentation Aero10
    From Within - fiche de présentation 390289enautopia
    Neymar
    Neymar
    MasculinAge : 26Messages : 139

    Dim 3 Mar 2019 - 20:38

    Bg le code mamen trop kyuti
    Roxye
    Roxye
    FémininAge : 31Messages : 59

    Dim 10 Mar 2019 - 9:44

    Très belle fiche ♥
    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Nov 2024 - 22:03