Kenan
Date d'inscription : 30/03/2016
Messages : 168
Parchemin
Arme: Ses griffes
Infos sur le personnage:
Points: 13
 |  Sujet: Codes & Retouches Rapides de Kenan Mer 27 Avr - 18:39 | |
| Coucou à tous. J'me permets d'ouvrir ce petit topic au cas y aurait des intéressés. Je fais des retouches/dessins très basiques, ainsi que des codages depuis assez peu. Du coup voilà, si vous voulez éventuellement quelque chose au niveau graphique, vous pouvez me contacter par MP, je verrai ce que je peux faire, je promets rien de formidable. Voici un exemple de ce que je peux faire (à condition d'avoir une commande précise) : - Exemples Dessins:
 Ma galerie DeviantArt vous donnera aussi quelques exemples de mon niveau.
- Exemples Retouches:
Aucune, mais mon avatar et ma signature en sont.
D'autres s'ajouteront à l'avenir en fonction des demandes (elles iront aussi sur mon DeviantArt si ce sont des dessins, à moins que vous demandiez le contraire). Les codes seront postés à la suite de ce message et seront en libre service pour les membres du forum. Si vous avez des questions concernant la personnalisation, passez par la CB ou par MP. Merci de ne pas enlever les crédits à ma personne à aucun moment, c'est considéré comme du vol et croyez-moi si je reconnais mon code, vous allez me le payer cher. è_é Vous ne pouvez pas commander de code, je mets juste en disponible ceux que je crée afin de simplifier les choses pour ceux qui voudraient faire quelque chose de similaire. Par ailleurs je vous demande, par souci de clarté, de ne poster aucun message à la suite de celui-ci, afin de garder ce topic clair et net pour les codes que je vais rajouter. Si commande/demande, c'est par MP. Notez que je me réserve le droit de refuser et que je prendrai le temps qu'il faudra pour les faire, je les fais sur mon temps libre et même si c'est pas formidable, j'ai aucune obligation auprès de vous. Namého. Merci ! ~ |
|
Kenan
Date d'inscription : 30/03/2016
Messages : 168
Parchemin
Arme: Ses griffes
Infos sur le personnage:
Points: 13
| | Sujet: Re: Codes & Retouches Rapides de Kenan Mer 27 Avr - 21:53 | |
| 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 900 pixels minimum sinon la fiche risque d'être trop grande pour celui-ci. ASA 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>Job :</b> <b>Camp :</b> <b>Taille :</b> <b>Poids :</b> <b>Né le :</b> <b>Orientation :</b> <b>En couple :</b> <b>Talent :</b> <b>Cap° 1 :</b> <b>Cap° 2 :</b> <b>Cap° 3 :</b> <b>Cap° 4 :</b> <b>Cap° 5 :</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 Technique</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 | 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 Kenan 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/ |
|
