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 RP Moderne avec transitions [HTML]

    Partagez
    Merwyn Arehdel
    FémininAge : 17Messages : 298

    le Lun 15 Aoû 2016 - 16:41



    Bonjour Very Happy Je viens vous proposer cette p'tite fiche de RP. Un simple merci rendra les codes visibles. Merci de ne pas retirer le crédit !


    Titre du Rp


    Novitates autem si spem adferunt, ut tamquam in herbis non fallacibus fructus appareat, non sunt illae quidem repudiandae, vetustas tamen suo loco conservanda; maxima est enim vis vetustatis et consuetudinis. Quin in ipso equo, cuius modo feci mentionem, si nulla res impediat, nemo est, quin eo, quo consuevit, libentius utatur quam intractato et novo. Nec vero in hoc quod est animal, sed in iis etiam quae sunt inanima, consuetudo valet, cum locis ipsis delectemur, montuosis etiam et silvestribus, in quibus diutius commorati sumus.

    Utque proeliorum periti rectores primo catervas densas opponunt et fortes, deinde leves armaturas, post iaculatores ultimasque subsidiales acies, si fors adegerit, iuvaturas, ita praepositis urbanae familiae suspensae digerentibus sollicite, quos insignes faciunt virgae dexteris aptatae velut tessera data castrensi iuxta vehiculi frontem omne textrinum incedit: huic atratum coquinae iungitur ministerium, dein totum promiscue servitium cum otiosis plebeiis de vicinitate coniunctis: postrema multitudo spadonum a senibus in pueros desinens, obluridi distortaque lineamentorum conpage deformes, ut quaqua incesserit quisquam cernens mutilorum hominum agmina detestetur memoriam Samiramidis reginae illius veteris, quae teneros mares castravit omnium prima velut vim iniectans naturae, eandemque ab instituto cursu retorquens, quae inter ipsa oriundi crepundia per primigenios seminis fontes tacita quodam modo lege vias propagandae posteritatis ostendit.

    Quo cognito Constantius ultra mortalem modum exarsit ac nequo casu idem Gallus de futuris incertus agitare quaedam conducentia saluti suae per itinera conaretur, remoti sunt omnes de industria milites agentes in civitatibus perviis.

    © Alony sur NU


    Code:
    <link href='http://fonts.googleapis.com/css?family=Covered+By+Your+Grace' rel='stylesheet' type='text/css' /><style> .fiche {margin:auto; background: #DBDBDB; -webkit-transition:0.5s; transition:0.5s; border-radius: 15px; box-shadow: 3px 0px 3px 3px rgba(0,0,0,0.5); width:400px; height:500px; padding: 10px;} .fiche:hover {-webkit-transform:rotate(-05deg); transform:rotate(-05deg);} .titrerp {font-family: 'Covered By Your Grace'; font-size: 35px; color: #383A3B; margin:auto; margin-top:-20px; text-align:center; -webkit-transition:0.5s; transition: 0.5s;} .titrerp:hover { color: #0D485C;} .gif { width:400px; opacity:0.7; border-radius: 05px; -webkit-transition:0.5s; transition: 0.5s;} .gif:hover {opacity:1; padding-left:10px;} .contenu {width:350px; overflow:auto; height: 200px; margin:auto; background-color: #414445; opacity:0.8; color: white; padding: 05px; -webkit-transition:0.5s; transition: 0.5s;} .contenu:hover {background:transparent; color: black;} .credits { text-align:center; color: #919191; font-size: 10px;}</style>
    <div class="fiche"><div class="titrerp">Titre du Rp</div>
    <img src="http://i.skyrock.net/6064/90806064/pics/3264052974_1_3_1NkjzRWs.gif" class="gif" />
    <div class="contenu">Novitates autem si spem adferunt, ut tamquam in herbis non fallacibus fructus appareat, non sunt illae quidem repudiandae, vetustas tamen suo loco conservanda; maxima est enim vis vetustatis et consuetudinis. Quin in ipso equo, cuius modo feci mentionem, si nulla res impediat, nemo est, quin eo, quo consuevit, libentius utatur quam intractato et novo. Nec vero in hoc quod est animal, sed in iis etiam quae sunt inanima, consuetudo valet, cum locis ipsis delectemur, montuosis etiam et silvestribus, in quibus diutius commorati sumus.

    Utque proeliorum periti rectores primo catervas densas opponunt et fortes, deinde leves armaturas, post iaculatores ultimasque subsidiales acies, si fors adegerit, iuvaturas, ita praepositis urbanae familiae suspensae digerentibus sollicite, quos insignes faciunt virgae dexteris aptatae velut tessera data castrensi iuxta vehiculi frontem omne textrinum incedit: huic atratum coquinae iungitur ministerium, dein totum promiscue servitium cum otiosis plebeiis de vicinitate coniunctis: postrema multitudo spadonum a senibus in pueros desinens, obluridi distortaque lineamentorum conpage deformes, ut quaqua incesserit quisquam cernens mutilorum hominum agmina detestetur memoriam Samiramidis reginae illius veteris, quae teneros mares castravit omnium prima velut vim iniectans naturae, eandemque ab instituto cursu retorquens, quae inter ipsa oriundi crepundia per primigenios seminis fontes tacita quodam modo lege vias propagandae posteritatis ostendit.

    Quo cognito Constantius ultra mortalem modum exarsit ac nequo casu idem Gallus de futuris incertus agitare quaedam conducentia saluti suae per itinera conaretur, remoti sunt omnes de industria milites agentes in civitatibus perviis.
    </div></div>
    <div class="credits">© Alony sur <a Href="http://www.never-utopia.com">NU</a></div>


    Dernière édition par Merwyn Arehdel le Mer 17 Aoû 2016 - 14:23, édité 1 fois



    Just want to be yours.
    Youp
    FémininAge : 21Messages : 498

    le Lun 15 Aoû 2016 - 17:55

    Yo ! Tu devrais rajouter la transition sur le hover aussi, ça casserait moins l'effet en revenant à sa place initiale lentement, pas brutalement. Enfin comme tu veux ^^



    En ligne
    Onyx
    FémininAge : 23Messages : 2614

    le Dim 18 Sep 2016 - 6:24

    Salut !

    J'aime la rotation *o* Merci du partage !

    Je vais te demander de faire 2-3 modifications et on pourra classer après ^^

    Edit 2016-10-03 : N'ayant pas de retour, j'ai effectué les modifications. Du coup, je valide !



    Contenu sponsorisé

    Aujourd'hui à 23:07


      La date/heure actuelle est Jeu 8 Déc 2016 - 23:07