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.


2 résultats trouvés pour 10

NyoTheNeko

[Fiche de faux-profil] Like a flower - Mer 23 Déc 2015 - 22:41

Fiche de Faux-Profil



Ceci est un fiche de faux-profil créée suite au Créativ'Mess #10, ici.



Vous ne comprenez pas à quoi sert ce code? Alors lisez ce nouveau principe RPG d'Okhmhaka!
Optimalement, ce code est à utiliser avec le mini-profil en bandeau d'Okhmhaka.


Les effets et images


L'image de l'avatar se retourne pour afficher les informations.
Le gif du bas change de couler. Il est quelque peu sépia au normal et devient coloré au passage de la souris.
Il y a un effet d'agrandissement sur les liens du profil.
La zone texte est simple. Vous pouvez l'agrandir/rétrécir selon la largeur de votre forum (ici prévu pour 840px de large de base) et ainsi permettre l'utilisation de fiches de RP.
Dans le CSS, il est prévu que selon le rang, la race et le groupe, vous puissiez mettre une couleur différente. Il suffit alors de donner le nom de la class à vos joueurs pour qu'ils puissent colorer les informations comme il le faut.
Vous pouvez modifier toutes les couleurs dans le CSS.
Les polices utilisées sont Shadows Into Light et Cuprum. Pour qu'elle soit sur votre forum, pensez à mettre son link dans le overall_header:
Code:
<link href='https://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Cuprum' rel='stylesheet' type='text/css'>

Vous pouvez la changer/retirer, mais pensez alors à retirer ou changer chacune de ses apparitions dans le CSS (sous la forme de font-family: 'Shadows Into Light' et font-family: 'Cuprum' )!

Le HTML


À donner à vos membres pour qu'ils puissent l'utiliser.


Le CSS


Cruelly

Fiche de faux-profil multi-perso - Version Cruelly - Lun 21 Déc 2015 - 23:51

Fiche faux-profil - Version Cruelly


Ce LS est lier à celui-ci. Vous trouverez aussi le vrai profil ici et l'astuce complète avec explication détailler ici.

HTML & CSS - Aperçu normal - Aperçu au survol de l'avatar
Hey !
Suite au Creative Mess #10 au quel je n'ai pas pu participé, j'ai ouvert un sujet dans la section Work in Progress des  Architectes pour voir si mon code était bien fait. Suite à l'approbation de Nyo pour mettre mon code en LS me voici donc ^^


Un petit merci vous fera voir le code ^^

Code Css



Code HTML




Revenir en haut

La date/heure actuelle est Mar 19 Mar 2024 - 3:07