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.

-40%
Le deal à ne pas rater :
-40% sur le Pack Gaming Mario PDP Manette filaire + Casque filaire ...
29.99 € 49.99 €
Voir le deal

    Demande de contenu rp bien précis : ambiance céleste

    Morphan
    Morphan
    MasculinAge : 29Messages : 15

    Mar 18 Fév 2014 - 12:47

    Ma demande



    Bien le bonjour à vous ! Je remercie d'avance la personne qui traitera ma commande. Alors je recherche un code pour un contenur rp dans le style céleste/ange/lumineux/éclairé/joyeux. Ce sont donc les mots clés de ma recherche. J'ai une image assez vague de ce que je veux en tête mais en tout cas j'aimerai voir les 5 mots clés que j'ai cité en regardant le contenu.

    Schéma(s) et Eléments
    Schémas : https://i.servimg.com/u/f56/17/60/16/01/schema10.jpg
    Tailles des éléments : j'ai l'habitude d'écrire sur un contenu basique ne dépassant pas les 600 pixels de largeur, et je n'aime pas trop quand c'est trop large donc on va dire 600 pixels maximum pour la largeur.
    Effets voulus : Je n'aime pas vraiment les fonds unis. J'aimerai donc quelques motifs dessus. Et la couleur utilisée sur mon schéma est approximative :
    J'aimerai donc :
    -un fond bleu pâle avec des insertions lumineuses (sortes de tâches éclaircies à divers endroits) ou bien si vous arrivez, avec le motif fourni
    -la zone de texte avec une opacité de 60% environ
    - Des motifs (blancs) à la place des traits gris sur le schéma. ( j'apprécie particulièrement les sortes de vagues qu'on peut trouver sur les vectors (je mets une images dans "ressources" pour montrer de quoi je parle)
    -une ombre sur le contour (pas blanche de préférence, le fond du forum auquel je suis est blanc) qui ferait comme un halo lumineux (bleu clair, bleu foncé, comme vous le souhaitez)
    -ce sera tout :)
    -


    Ressources
      vector : https://i.servimg.com/u/f56/17/60/16/01/vector10.jpg
    motif fond : https://i.servimg.com/u/f56/17/60/16/01/fond_f11.jpg
    les plumes du schéma : -  http://www.prima.fr/wp-content/uploads/2012/12/gabarit-plume.jpg
    - https://i.servimg.com/u/f56/17/60/16/01/plume10.jpg
    -celle d'en bas je préfèrerai mettre une du genre : http://us.cdn3.123rf.com/168nwm/cattallina/cattallina1108/cattallina110800014/10225933-plume-blanche-contre-noire.jpg

    Autres précisions ?
    Vous pourrez soit utiliser les plumes fournies soit en insérer d'autres à la place, libre à vous de les substituer.  


    Dernière édition par Morphan le Mer 26 Fév 2014 - 21:31, édité 1 fois
    Morphan
    Morphan
    MasculinAge : 29Messages : 15

    Sam 22 Fév 2014 - 22:57

    [Up] Bonjour, je me permet de up pour préciser que la demande est toujours d'actualité :)
    Aelita
    Aelita
    FémininAge : 31Messages : 278

    Mar 25 Fév 2014 - 16:13

    Je veux bien essayer de te proposer quelque chose (ça me donnera l'occasion de sortir de ce que je fais d'habitude ^^).
    J'espère que j'ai le droit (même en tant que membre Wink)
    Je posterai un peu plus tard si ça ne te déranges pas car je ne vais pas tarder à retourner bosser :S
    Morphan
    Morphan
    MasculinAge : 29Messages : 15

    Mer 26 Fév 2014 - 4:54

    Bonjour Aelita, c'est gentil de te proposer, j'attendrai ce qu'il faudra il n'y a pas de souci ^^
    Aelita
    Aelita
    FémininAge : 31Messages : 278

    Mer 26 Fév 2014 - 6:28

    J'ai fini le code (HTML & CSS) avec les images que tu as mis pour situer un peu où je placerais mes < div > et tout Après je commencerais la partie graphique dès cet après midi car là je dois aller bosser (jusqu'à 12H15).
    Voila, tu diras après ce que tu en penses Wink
    Aelita
    Aelita
    FémininAge : 31Messages : 278

    Mer 26 Fév 2014 - 16:06

    Voici le résultat d'un petit code test. Dis-moi si c'est à ton goût, ce que tu aimes, ce que tu n'aimes pas, ce que tu veux changer. J'ai un peu personnalisé car le vecteur et les plumes en bas se trouvent sur l'image de fond.

    P.S. Penses à enregistrer mon background (si il te plais) car je le supprimerais de mon hébergeur.

    Titre du Rp



    FEAT MACHIN

    Iis igitur est difficilius satis facere, qui se Latina scripta dicunt contemnere. in quibus hoc primum est in quo admirer, cur in gravissimis rebus non delectet eos sermo patrius, cum idem fabellas Latinas ad verbum e Graecis expressas non inviti legant. quis enim tam inimicus paene nomini Romano est, qui Ennii Medeam aut Antiopam Pacuvii spernat aut reiciat, quod se isdem Euripidis fabulis delectari dicat, Latinas litteras oderit?

    Accedat huc suavitas quaedam oportet sermonum atque morum, haudquaquam mediocre condimentum amicitiae. Tristitia autem et in omni re severitas habet illa quidem gravitatem, sed amicitia remissior esse debet et liberior et dulcior et ad omnem comitatem facilitatemque proclivior.

    Fieri, inquam, Triari, nullo pacto potest, ut non dicas, quid non probes eius, a quo dissentias. quid enim me prohiberet Epicureum esse, si probarem, quae ille diceret? cum praesertim illa perdiscere ludus esset. Quam ob rem dissentientium inter se reprehensiones non sunt vituperandae, maledicta, contumeliae, tum iracundiae, contentiones concertationesque in disputando pertinaces indignae philosophia mihi videri solent.

    His cognitis Gallus ut serpens adpetitus telo vel saxo iamque spes extremas opperiens et succurrens saluti suae quavis ratione colligi omnes iussit armatos et cum starent attoniti, districta dentium acie stridens adeste inquit viri fortes mihi periclitanti vobiscum.

    Illud tamen te esse admonitum volo, primum ut qualis es talem te esse omnes existiment ut, quantum a rerum turpitudine abes, tantum te a verborum libertate seiungas; deinde ut ea in alterum ne dicas, quae cum tibi falso responsa sint, erubescas. Quis est enim, cui via ista non pateat, qui isti aetati atque etiam isti dignitati non possit quam velit petulanter, etiamsi sine ulla suspicione, at non sine argumento male dicere? Sed istarum partium culpa est eorum, qui te agere voluerunt; laus pudoris tui, quod ea te invitum dicere videbamus, ingenii, quod ornate politeque dixisti.

    ©Codage By Aelita pour Morphan


    Dernière édition par Aelita le Mer 26 Fév 2014 - 21:14, édité 3 fois
    Morphan
    Morphan
    MasculinAge : 29Messages : 15

    Mer 26 Fév 2014 - 20:50

    Oo C'est magnifique ! *-* Graphiquement c'est ce que je recherchais :)

    Maintenant j'ai quelques détails qui me chiffonnent :
    -Serait -il possible de retirer la mollette/le menu déroulant pour faire apparaître le texte du RP en entier ? (pour que le contenu s'allonge avec la longueur du texte.
    -J'aimerais descendre un peu la zone texte du RP pour moins concentrer le tout vers le haut et combler le "vide" en bas qui est un chouya trop grand.

    Mais en tout cas c'est très joli Very Happy

    P.S : Tu m'excuseras j'ai mal cliqué sur le message précédent le code j'ai appuyé sur le "-" je croyais que c'était pour faire apparaître le contenu >< J'ai voté "+" du coup sur les autres messages pour compenser :3

    edit : J'aime bien la version là avec les plumes que tu as rajoutées là ou j'ai demandé puis le cadre texte est vraiment bien placé. Il y a juste encore la molette à supprimer et juste en plus le "titre du rp" et "feat machin" à baisser si c'est possible pour aérer davantage :3
    Aelita
    Aelita
    FémininAge : 31Messages : 278

    Mer 26 Fév 2014 - 21:01

    Morphan,

    P.S : Tu m'excuseras j'ai mal cliqué sur le message précédent le code j'ai appuyé sur le "-" je croyais que c'était pour faire apparaître le contenu >< J'ai voté "+" du coup sur les autres messages pour compenser :3
    ce n'est pas grave pour l'évaluation négative ^^

    -Serait -il possible de retirer la mollette/le menu déroulant pour faire apparaître le texte du RP en entier ? (pour que le contenu s'allonge avec la longueur du texte.
    Je t'ai mis la molette car le soucis de mon code est que le background est une image qui possède une taille bien précise. Donc imaginons que tu fasses un poste de 150 lignes, le texte de ton RP dépassera forcément du background.
    Si le background était un background-color il n'y aurait pas eut de soucis puisqu'il n'y a pas le problème de la longueur d'image.

    Edit : J'attends ta décision.

    -J'aimerais descendre un peu la zone texte du RP pour moins concentrer le tout vers le haut et combler le "vide" en bas qui est un chouya trop grand.
    Je peux te redimensionner redimensionner l'image afin qu'elle soit moins longue et qu'il n'y ait plus le vide en bas.

    Edit : en baissant le "Feat Machin" ça m'a permis de réduire le vide en bas de la page.


    Dernière édition par Aelita le Mer 26 Fév 2014 - 21:12, édité 1 fois
    Morphan
    Morphan
    MasculinAge : 29Messages : 15

    Mer 26 Fév 2014 - 21:11

    Ah d'accord bon bah je m'habituerai à la molette dans ce cas :3

    Merci ^^ ! Pour le titre et feat machin tu pourrais aussi baisser un peu ? Jusqu'à ce que Feat machin soit au niveau de la tige de la plume à droite ? Juste ça et c'est parfait :)
    Morphan
    Morphan
    MasculinAge : 29Messages : 15

    Mer 26 Fév 2014 - 21:17

    C'est parfait ! Merci beaucoup beaucoup beaucoup beaucoup :)

    Morphan très content ! xD

    Je fais comment pour valider ? ^^
    Aelita
    Aelita
    FémininAge : 31Messages : 278

    Mer 26 Fév 2014 - 21:18

    Voili voilou ^^

    Code:
    <center><div style="width: 500px; height: 833px; background-image: url('http://nsm08.casimages.com/img/2014/02/26/14022603050512157312017252.jpg');background-position: center; -webkit-border-top-right-radius: 100px; -webkit-border-bottom-left-radius: 100px; -moz-border-radius-topright: 100px; -moz-border-radius-bottomleft: 100px; border-top-right-radius: 100px; border-bottom-left-radius: 100px; box-shadow: 0px 0px 10px #3fc9ed; border: 2px solid #0b799c; margin: 40px;"><center><div style="background-color: #FFF; margin: 30px 0 0 -80px; padding: 15px 0; border: 2px solid #0b799c; width: 330px;"><span style="text-align: center; font-size: 40px; font-variant: small-caps; font-weight: bold; font-style: italic; font-family: Constantia; color: #0b799c;">Titre du Rp</span></div>


    <div><span style="font-family: Andalus; font-size: 20px; color: #FFF;">FEAT MACHIN</span></div></center><div align="right"><img src="http://nsm08.casimages.com/img/2014/02/26/14022603121212157312017260.png" style="width: 120px; margin: -160px 0 40px 30px; -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -o-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: 'FlipH';"></div>
    <center><div style="background-color: rgba(255, 255, 255, 0.6); text-align: justify; width: 350px; font-size: 11px; font-family: Georgia; max-height: 450px; overflow: scroll; border: 1px solid #0b799c; padding: 10px 20px; color: #0b799c;">Iis igitur est difficilius satis facere, qui se Latina scripta dicunt contemnere. in quibus hoc primum est in quo admirer, cur in gravissimis rebus non delectet eos sermo patrius, cum idem fabellas Latinas ad verbum e Graecis expressas non inviti legant. quis enim tam inimicus paene nomini Romano est, qui Ennii Medeam aut Antiopam Pacuvii spernat aut reiciat, quod se isdem Euripidis fabulis delectari dicat, Latinas litteras oderit?

    Accedat huc suavitas quaedam oportet sermonum atque morum, haudquaquam mediocre condimentum amicitiae. Tristitia autem et in omni re severitas habet illa quidem gravitatem, sed amicitia remissior esse debet et liberior et dulcior et ad omnem comitatem facilitatemque proclivior.

    Fieri, inquam, Triari, nullo pacto potest, ut non dicas, quid non probes eius, a quo dissentias. quid enim me prohiberet Epicureum esse, si probarem, quae ille diceret? cum praesertim illa perdiscere ludus esset. Quam ob rem dissentientium inter se reprehensiones non sunt vituperandae, maledicta, contumeliae, tum iracundiae, contentiones concertationesque in disputando pertinaces indignae philosophia mihi videri solent.

    His cognitis Gallus ut serpens adpetitus telo vel saxo iamque spes extremas opperiens et succurrens saluti suae quavis ratione colligi omnes iussit armatos et cum starent attoniti, districta dentium acie stridens adeste inquit viri fortes mihi periclitanti vobiscum.

    Illud tamen te esse admonitum volo, primum ut qualis es talem te esse omnes existiment ut, quantum a rerum turpitudine abes, tantum te a verborum libertate seiungas; deinde ut ea in alterum ne dicas, quae cum tibi falso responsa sint, erubescas. Quis est enim, cui via ista non pateat, qui isti aetati atque etiam isti dignitati non possit quam velit petulanter, etiamsi sine ulla suspicione, at non sine argumento male dicere? Sed istarum partium culpa est eorum, qui te agere voluerunt; laus pudoris tui, quod ea te invitum dicere videbamus, ingenii, quod ornate politeque dixisti.</div></center><div align="left"><img src="http://nsm08.casimages.com/img/2014/02/26/14022603121212157312017260.png" style="width: 75px; margin : -250px 0 0 -25px;"></div>
    <div style="margin: 90px 5px 0 0; font-size: 10px; font-familiy: Arial; text-align: right">©️Codage By Aelita pour Morphan</div></div></center>

    N'oublies pas d'enregistrer l'image de background et de l'héberger sur un hébergeur d'image tout comme la plume (j'en ai fais un PNG).

    Lien background : https://nsm08.casimages.com/img/2014/02/26/14022603050512157312017252.jpg
    Lien plume format PNG : https://nsm08.casimages.com/img/2014/02/26/14022603121212157312017260.png (la grande et la petite sont le même lien, j'ai juste créer un miroir et la rotation par le biais de code).

    Edit : pour valider edit ton premier message te cliques sur le petit rond à côté du grand V vert sous le titre Wink
    Morphan
    Morphan
    MasculinAge : 29Messages : 15

    Mer 26 Fév 2014 - 21:25

    Ca y est tout est hebergé, enregistré. Je te remercie encore grandement pour ton talent et ta patience :)
    Aelita
    Aelita
    FémininAge : 31Messages : 278

    Mer 26 Fév 2014 - 21:28

    De rien ^^
    C'était un plaisir. Il y avait un bout de temps que je n'avais pas codé pour faire des fiches de RP (autres que les miennes). Cela m'a fais du bien de changer un peu de style et j'ai pu grâce à toi trouver des brushs "plume" et "vectoriels" donc l'un comme l'autre on a pu avoir du positif ^^
    Contenu sponsorisé


      La date/heure actuelle est Ven 10 Mai 2024 - 16:12