| Galerie de Skriff 
SkriffMangriffDate d'inscription : 22/04/2016 Messages : 262 Points : 5
Niveau : 58  Âge : 34 ans Classe : Chasseur Spécialisation 1 : Garde Rang 4 Spécialisation 2 : Chercheur d'Obscurs Rang 2 Corruption : 0/60
Bonus : Éthéré, Maudit par Source. Malédiction : [Ambition] Besoin constant et dévorant d'en faire/avoir plus. Veut tout contrôler et maîtriser dans son environnement, et prend des risques parfois inconsidérés. Détecte et obtient profits et opportunités aisément.   Sujet: Galerie de Skriff Lun 23 Mai 2016 - 17:48 | | Coucou !
De temps en temps je fais des dessins, et parfois même un peu d'codage.
Du coup ici j'expose ce que je fais, ce qui pourrait vous intéresser et tout.
Passez jeter un œil de temps en temps ! |
SkriffMangriffDate d'inscription : 22/04/2016 Messages : 262 Points : 5
Niveau : 58 Âge : 34 ans Classe : Chasseur Spécialisation 1 : Garde Rang 4 Spécialisation 2 : Chercheur d'Obscurs Rang 2 Corruption : 0/60
Bonus : Éthéré, Maudit par Source. Malédiction : [Ambition] Besoin constant et dévorant d'en faire/avoir plus. Veut tout contrôler et maîtriser dans son environnement, et prend des risques parfois inconsidérés. Détecte et obtient profits et opportunités aisément. | Sujet: Re: Galerie de Skriff Lun 23 Mai 2016 - 17:54 | | Code Journal Intime | Résumé Coucou les p'tits Loupio ! Aujourd'hui un petit code pour faire une sobre et sympathique page de Journal Intime, pour ceux qui ne veulent pas s'embêter à mettre 36000 images ou 30000 informations ! La fiche de relations qui va avec sera rajoutée peu après. Notez qu'elle est totalement personnalisable au niveau des couleurs, j'vous indiquerai dans le tutoriel comment le faire sans se tromper et sans rien oublier. :) Tout d'abord un petit aperçu du rendu de la fiche une fois complétée et tout et tout. :) Cette fiche est adaptable pour n'importe quel forum, il n'y a pas de prérequis particulier pour la remplir, que ce soit en connaissance ou en CSS déjà intégré dans le forum. Cependant veillez à ce que le forum ait une largeur de 700 pixels minimum sinon la fiche risque d'être trop grande pour celui-ci. Zyn's Helm a pile ce qu'il faut alors c'est pas un souci. Du coup, voici le code brut ! - Code:
- Code:
-
<br/><br/><div style="text-align:center;font-size:90px;font-family:Palatino Linotype;color:#011f4b;letter-spacing: 5px;">NOM</div><div style="width: 700px; margin: auto; background-color: #6497b1; color: #011f4b; padding: 4px; overflow: auto;border-radius: 10px;"><table align="center"><tr><td><div style="width:400px;margin-top:0px; margin-right:auto; margin-left:auto; background-color:#b3cde0; color: #011f4b; padding: 4px; overflow: hidden;border-radius: 10px;text-align:center;"><img src="http://placehold.it/200x400" alt="Image" style="float:left;padding:10px;" /><b>Espèce :</b> <b>Spécificité : </b> <b>Type :</b> <b>Âge : </b> <b>Sexe : </b> <b>Niveau :</b> <b>Job :</b> <b>Classe : </b> <b>Spéci° 1 :</b> <b>Spéci° 2 :</b> <b>Spéci° 3 :</b> <b>Taille :</b> <b>Poids :</b> <b>Né le : </b> <b>Né à : </b> <b>Orientation :</b> <b>En couple : </b> <b>Talent :</b> <b>Arme : </b> <a href=(Mettre le lien) target="_blank" style="color:#011f4b;">Thème Musical</a> <a href=(Mettre le lien) target="_blank" style="color:#011f4b;">Fiche Personnage</a></div></td><td><div style="width:250px;height:415px; background-color:#b3cde0; color: #011f4b;margin-top:0px; margin-right:auto; margin-left:auto; padding: 4px; overflow: hidden;border-radius: 10px;text-align:justify;"><span style="display: inline-block; float: left; padding: 10px 5px 0 5px; font-size: 50px;">L</span>orem ipsum et quoniam mirari posse quosdam peregrinos existimo haec lecturos forsitan, si contigerit, quamobrem cum oratio ad ea monstranda deflexerit quae Romae gererentur, nihil praeter seditiones narratur et tabernas et vilitates harum similis alias, summatim causas perstringam nusquam a veritate sponte propria digressurus.</div></td></tr> </table><br/><br/><div style="text-align:center;font-size:48px;font-family:Palatino Linotype;color:#011f4b;">RP en Cours</div><div style="width:600px; margin-top:10px;margin-right:auto;margin-left:auto; background-color:#b3cde0; color: #011f4b; padding: 10px; overflow: hidden;border-radius: 10px;text-align:justify;">> <u><b>Arc 1 de ???</b></u> <b><a href=(Mettre le lien) target="_blank" style="color:#011f4b;">Nom du RP</a></b> - Personnages Participants - <i>Résumé du RP.</i><br/></div><br/><br/><div style="text-align:center;font-size:48px;font-family:Palatino Linotype;color:#011f4b;">RP Terminés</div><div style="width:600px; margin-top:10px;margin-right:auto;margin-left:auto; background-color:#b3cde0; color: #011f4b; padding: 10px; overflow: hidden;border-radius: 10px;text-align:justify;">> <u><b>Arc 1 de ???</b></u> <b><a href=(Mettre le lien) target="_blank" style="color:#011f4b;">Nom du RP</a></b> - Personnages Participants - <i>Résumé du RP.</i><br/></div><br/><br/><div style="text-align:center;font-size:48px;font-family:Palatino Linotype;color:#011f4b;">RP Abandonnés</div><div style="width:600px; margin-top:10px;margin-right:auto;margin-left:auto; background-color:#b3cde0; color: #011f4b; padding: 10px; overflow: hidden;border-radius: 10px;text-align:justify;">> <u><b>Arc 1 de ???</b></u> <b><a href=(Mettre le lien) target="_blank" style="color:#011f4b;">Nom du RP</a></b> - Personnages Participants - <i>Résumé du RP.</i><br/></div><p style="display: block; text-align: center; color: #35436b; font-size: 10px; font-family: arial narrow; letter-spacing: 2px; border: none;">© Skriff</p></div>
Ce qui vous donnera, normalement, dans votre prévisualisation, une fois bien copiée : - Tadaaaa ~:
NOM  Espèce : Spécificité : Type : Âge : Sexe : Niveau :Job : Classe : Spéci° 1 :Spéci° 2 : Spéci° 3 : Taille : Poids :Né le : Né à : Orientation : En couple : Talent : Arme : Thème MusicalFiche Personnage | Lorem ipsum et quoniam mirari posse quosdam peregrinos existimo haec lecturos forsitan, si contigerit, quamobrem cum oratio ad ea monstranda deflexerit quae Romae gererentur, nihil praeter seditiones narratur et tabernas et vilitates harum similis alias, summatim causas perstringam nusquam a veritate sponte propria digressurus. |
RP en Cours > Arc 1 de ???Nom du RP - Personnages Participants - Résumé du RP.RP Terminés > Arc 1 de ???Nom du RP - Personnages Participants - Résumé du RP.RP Abandonnés > Arc 1 de ???Nom du RP - Personnages Participants - Résumé du RP.© Skriff
Et voilà ! De rien, content de vous avoir aidé, tchouss ! ... Non j'déconne, j'vais vous aider si vous avez besoin de la personnaliser, parce que je sais à quel point ça peut être galère, surtout quand on n'y connaît pas grand-chose. Je vais donc vous expliquer comment changer les couleurs et la compléter convenablement ! ~ Notez bien que vous pouvez faire ce que vous voulez après, c'est pour ceux qui s'y connaissent vraiment pas et qui galèrent avec. Étape 1 : Les Couleurs - Explication:
Bien ! Pour pouvoir changer les couleurs, rien de plus simple. Mais il va falloir une notion compliquée : celle des couleurs hexadécimales. Basiquement, c'est quoi ? En fait, chaque nuance de couleur utilisée sur Internet possède un certain code, qu'on répertorie sous 6 chiffres et lettres. Chaque code donne une couleur différente. Je vous rassure, pas besoin de tâtonner ou de s'y connaître : moi, j'utilise des sites comme Color Hex. Je vous invite à en faire usage régulièrement : si vous avez du mal à accorder les teintes comme moi, prenez les "Palettes" accessibles dans le menu, elles sont géniales, vous y trouverez votre bonheur. Celle pour la fiche de base est "Beautiful Blues". On va partir du principe que vous avez trouvé vos trois teintes de couleur. Je vous conseille de prendre une teinte claire, une teinte moyenne et une teinte foncée, qui s'accordent bien ensemble : la première servira au fond des bulles, la seconde à l'ensemble de la fiche et la dernière pour les textes. On va donc nommer la teinte la plus claire A, la moyenne B et la plus foncée C, pour simplifier. Vous suivez ? C'est là que ça se complique. Reprenez votre code, appuyez sur CTRL + la touche F. Un petit menu s'affichera. Il vous permettra de repérer les options à changer plus facilement. Copiez la teinte A, et tapez "background-color" dans le petit menu, devant la fiche. Normalement vous devriez en avoir 6 au total. Vous allez devoir tous les changer, sauf le premier. Pour cela vous effacez le "#b3cde0" et mettez votre couleur voulue. Faites bien attention à ne pas supprimer les signes de ponctuation avant ou après, cela risque de casser le code ! N'oubliez pas également la dièse # qui est très importante pour détecter qu'il s'agit d'une couleur hexadécimale. Normalement, si vous faites une prévisualisation, les bulles ont changé de couleur. Bien ! Maintenant vous allez prendre la teinte B, à la différence que cette fois-ci, et le mettez sur le code du premier "background-color". Normalement, après prévisualisation, vous vous apercevrez qu'il ne reste plus que le texte à changer de couleur. Maintenant, pour les textes, teinte C. Refaites CTRL+F, mais cette fois-ci, cherchez "color". Changez les teintes seulement de "color", et juste "color", j'insiste bien dessus : rien d'autre. Si vous retrouvez "background-color", ne changez pas les teintes, sinon vous allez recommencer depuis le début ! Normalement une fois que vous avez fait ça partout, la fiche sera aux couleurs tant espérées. Si vous vous apercevez que vos couleurs s'assortissent mal, recommencez avec d'autres teintes jusqu'à trouver l'association qui vous ira le mieux.
Étape 2 : Texte, liens et images - Explication:
Bon, on va faire point par point. > Le nom. Au tout début du code. Préférez les majuscules, cela rend mieux. > L'image. Mettez-y votre avatar pour vous simplifier les choses, si vous avez suivi le format 200x400 c'est le même. Changez l'URL : pensez à mettre le lien de votre avatar quand il est dans un nouvel onglet ! Sinon ça ne fonctionnera pas. Et pensez à vérifier que les guillemets restent au risque de perdre l'image. Le lien à remplacer est ici, juste en dessous du nom. > Pour la liste, je n'explique pas, pas la peine, c'est simple à deviner. Pensez à mettre vos complétions après la balise < /b> et surtout ne sautez pas de ligne. Évitez les réponses longues qui vous ne voulez pas avoir à enlever une des parties du formulaire à cause du fait que ça manquera de place. > Pour les liens du formulaire, le code indique où les mettre, mais voici un indice si vous trouvez pas. Pensez à enlever les parenthèses et à rajouter un slash / à la fin de votre lien, ainsi que de ne pas décoller votre lien du =. > Pour la bulle à côté, vous n'êtes pas obligé de mettre une description de Skriff comme je l'ai fait, mais vous pouvez mettre par exemple les liens relationnels que vous recherchez. À vous de voir ! Voici ce qu'il y a à changer. En bleu c'est la lettrine, la grosse lettre que j'ai mise pour faire classe. Mettez-y une seule lettre ! Et après vous effacer tout le texte entouré en rouge pour mettre le vôtre. Pensez à ne surtout pas abîmer les balises ou enlever des < >, cela pourrait abîmer le code et croyez-moi vous aimeriez pas. > Pour la liste des RP, c'est un peu plus compliqué. Voici une explication rapide. En image. En rouge, vous avez le titre. Personnellement je divise mes RP en arcs en fonction de l'avancement du personnage, autant au niveau mental que dans le contexte général. Vous pouvez le garder ou non. En orange vous avez le lien du RP concerné (à remplir comme les liens du formulaire), et en jaune son nom. En vert vous mettez les personnages participants, et en bleu un rapide résumé. Vous êtes libre de vous servir ou non de cette façon de faire. Si vous avez plusieurs RP à faire (j'espère que ce sera le cas!), copiez/coller tout ce qui est indiqué sur cette image, juste après la balise > Et hop ! Normalement votre fiche est complète. ~
Voilà voilà ! Pas besoin de me remercier, le crédit et le fait que vous employiez ma fiche me vaut déjà tous les remerciements. À bientôt pour d'autres codes ! o/ |
 StallordPtéra ChromatiqueDate d'inscription : 04/12/2016 Messages : 10 Points : 0
Niveau : 40 Âge : 33 ans. Classe : Chasseur Spécialisation 1 : Destructeur Rang 2 Corruption : 0/60
| Sujet: Re: Galerie de Skriff Dim 4 Déc 2016 - 19:01 | | Bien le bonjour cher Mangriff ! Loin de moi l'idée de polluer votre topic mais... Je tenais à vous remercier pour ce magnifique code que vous mettez à notre disposition ! Je suppose donc que je peux en user ? Je l'installe donc dans ma demande de RP le plut tôt possible. Encore merci ! (il me faut vraiment un sprite à mon image.  ) edit: em, par contre... Il n'est pas adapté à Zyn's. D: C'est pas beau beauTu peux faire quelque chose pour cela s'il te plait ? :D edit 2: woops, trop rapide... Bon ce n'est pas grave alors, je vais attendre ! Je laisse le code en l'état, ce n'est pas bien grave. Ce sera toujours mieux que mes vielles phrases sans code. |
SkriffMangriffDate d'inscription : 22/04/2016 Messages : 262 Points : 5
Niveau : 58 Âge : 34 ans Classe : Chasseur Spécialisation 1 : Garde Rang 4 Spécialisation 2 : Chercheur d'Obscurs Rang 2 Corruption : 0/60
Bonus : Éthéré, Maudit par Source. Malédiction : [Ambition] Besoin constant et dévorant d'en faire/avoir plus. Veut tout contrôler et maîtriser dans son environnement, et prend des risques parfois inconsidérés. Détecte et obtient profits et opportunités aisément. | Sujet: Re: Galerie de Skriff Dim 4 Déc 2016 - 19:17 | | Coucou !
Oui, normalement, par contre faudrait attendre un peu, il est prévu que je le retape car il est complètement cassay de partout. Je compte m'en occuper dans la semaine, quand j'aurai attaqué celui de Kenan ! ~ |
 SibyllineNouveau VenuDate d'inscription : 24/11/2016 Messages : 6 Points : 0
Niveau : 24  Âge : 27 ans. Classe : Vagabonde. Spécialisation 1 : Exploratrice Rang 1. Corruption : 0/60.
| Sujet: Re: Galerie de Skriff Lun 12 Déc 2016 - 18:46 | | Il est trop bien ce code !
Faut que tu nous montres des dessins aussi. 8D |
SkriffMangriffDate d'inscription : 22/04/2016 Messages : 262 Points : 5
Niveau : 58 Âge : 34 ans Classe : Chasseur Spécialisation 1 : Garde Rang 4 Spécialisation 2 : Chercheur d'Obscurs Rang 2 Corruption : 0/60
Bonus : Éthéré, Maudit par Source. Malédiction : [Ambition] Besoin constant et dévorant d'en faire/avoir plus. Veut tout contrôler et maîtriser dans son environnement, et prend des risques parfois inconsidérés. Détecte et obtient profits et opportunités aisément. | Sujet: Re: Galerie de Skriff Mar 13 Déc 2016 - 21:22 | | Je dois changer ce code, uuuuuh p:
Et pour les dessins, on verra, z'aurez déjà celui de Kenan s'vous voulez x') |
| Sujet: Re: Galerie de Skriff | | |
|
Sujets similaires |  |
|
| | Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
|
