Fiche de présentation. ~

Sam 4 Jan 2014 - 18:27

Kim Jae Yoon

Age : 33Messages : 128

Sam 4 Jan 2014 - 18:27

Bonjour ! Voici une commande pour une fiche de présentation. J'en passerai également une pour une fiche de prédéfinis. Il est impératif que ma fiche soit en css.
Merci beaucoup d'avance ! Very Happy

Commande

Type de document voulu : Fiche de présentation
Adresse du forum : http://privateblossom.forumactif.org/
Description des éléments : Fiche de présentation en deux parties. En css et non entièrement en html !
Schéma partie 1
Schéma partie 2
De largeur 500 px et de hauteur 450 px pour la première et 700 px pour la deuxième.
Couleurs ou tons Couleur de fond : #5d5662
Couleur des zones de texte : #c1b4c2
Avec bordures arrondies et des effets d'ombres si possible.
Images : L'image est un gif fait pour être remplacé par les utilisateurs de la fiche.
http://24.media.tumblr.com/tumblr_ly6a2dueSY1rnjcbeo1_500.gif
Autres précisions : La fiche doit être en css pour s’adapter aux changements de designs.

Dim 5 Jan 2014 - 13:05

Magda Sully

Age : 27Messages : 143

Dim 5 Jan 2014 - 13:05

Hello,
Je vais tenter Wink

Je n'ai juste pas compris où tu voulais mettre ton image gif...

Lun 6 Jan 2014 - 9:08

Klash

Age : 43Messages : 20653

Lun 6 Jan 2014 - 9:08

La commande est validée !▬ il est autorisé de la relancer toutes les 48h minimum
▬ une commande laissée sans nouvelles sera relancée au bout de 10 jours
▬ après la relance du modérateur, si nous n'avons toujours pas d'actualisation de la commande elle sera archivée après une semaine

Lun 6 Jan 2014 - 15:25

Kim Jae Yoon

Age : 33Messages : 128

Lun 6 Jan 2014 - 15:25

Bonjour ! Merci beaucoup de prendre ma commande !

J'aimerai que l'image gif soit aux emplacements "image" sur les schémas afin que les membres puissent les remplacer par des gifs de leurs avatars.

Voila, merci encore ! Very Happy

Lun 6 Jan 2014 - 18:45

Magda Sully

Age : 27Messages : 143

Lun 6 Jan 2014 - 18:45

Le problème est que les dimensions de ton image ne sont pas proportionnelles à celles que tu écris dans l'encadré, du coup, si je la redimensionne, elle sera étirée. Mieux vaut choisir directement une image aux dimensions correspondantes. Ou au moins proportionnelles.

Jeu 9 Jan 2014 - 13:39

Kim Jae Yoon

Age : 33Messages : 128

Jeu 9 Jan 2014 - 13:39

Désolé pour mon temps de réponse. T.T
Si l'image est étirée, ce n'est pas grave puisqu'elle n'est pas destinée à rester. ^^
Mais je peux quand même joindre l'image réduite quand je rentrerai chez moi.

Merci encore !

Dim 12 Jan 2014 - 16:37

Kim Jae Yoon

Age : 33Messages : 128

Dim 12 Jan 2014 - 16:37

Voici un gif plus petit qui sera sûrement moins déformé que le précédent : https://31.media.tumblr.com/a7b4873b49f054f7b41fdbe39208ede9/tumblr_mzaonnowee1smwqdvo1_250.gif
^^

Dim 12 Jan 2014 - 17:44

Magda Sully

Age : 27Messages : 143

Dim 12 Jan 2014 - 17:44

Ok, bon, je m'en étais occupée tout à l'heure mais je viens de m'apercevoir que mon ordi a planté, alors je vais devoir recommencer, mais pour l'instant ça s'annonce bien Wink

Mar 14 Jan 2014 - 17:50

Kim Jae Yoon

Age : 33Messages : 128

Mar 14 Jan 2014 - 17:50

D'accord, prend ton temps.
Merci beaucoup ! Very Happy

Dim 19 Jan 2014 - 15:49

Magda Sully

Age : 27Messages : 143

Dim 19 Jan 2014 - 15:49

Voilà déjà le premier encadré, mais je préfère avoir ton avis avant de faire la suite Wink

http://mikrobe.forumactif.org/t3-private-blossom#3
Désolé pour les papuche, fallait bien que je mette quelque chose :bipbip:

Mer 29 Jan 2014 - 21:08

Kim Jae Yoon

Age : 33Messages : 128

Mer 29 Jan 2014 - 21:08

J'adore ! Elle est vraiment superbe !
Merci beaucoup pour ton travail et bon courage pour finir.
Merciiii !

Mer 12 Fév 2014 - 8:41

Klash

Age : 43Messages : 20653

Mer 12 Fév 2014 - 8:41

Bonjour, nous sommes sans nouvelles...Ce topic est-il toujours d'actualité ? Merci de nous tenir informés du déroulement de cette demande.
Attention, l'absence de réponse à ce message entrainera l'archivage du topic d'ici une semaine.

Pense à uper.

Jeu 20 Fév 2014 - 18:36

Kim Jae Yoon

Age : 33Messages : 128

Jeu 20 Fév 2014 - 18:36

Up.
Désolé...

Sam 22 Fév 2014 - 11:31

Whitemoon

Age : 24Messages : 695

Sam 22 Fév 2014 - 11:31

Si ton preneur ne répond plus, je peux essayer de récupérer le code :/ ?

Sam 22 Fév 2014 - 21:03

Kim Jae Yoon

Age : 33Messages : 128

Sam 22 Fév 2014 - 21:03

Bonsoir !
J'aurais bien voulu, malheureusement on ne m'a pas transmit le début des codes réalisés...

Sam 22 Fév 2014 - 21:05

Whitemoon

Age : 24Messages : 695

Sam 22 Fév 2014 - 21:05

Justement je pourrais essayer de récupérer son code ^^ Mais je sais pas s'il faut son accord et celui de NU vu qu'elle répond plus ^^

Dim 23 Fév 2014 - 10:33

Kim Jae Yoon

Age : 33Messages : 128

Dim 23 Fév 2014 - 10:33

Je vois.
J'aimerai bien si c'est possible... Parce que je tiens quand même à pouvoir un jour utiliser cette fiche. :)

Merci de tes réponses ^^

Dim 23 Fév 2014 - 17:00

Whitemoon

Age : 24Messages : 695

Dim 23 Fév 2014 - 17:00

D'ac ! Bon, j'attends une éventuelle réponse de NU alors...

Mar 25 Fév 2014 - 12:31

Magda Sully

Age : 27Messages : 143

Mar 25 Fév 2014 - 12:31

Sorryyyy, j'étais en vacances, et en plus je ramène une entorse, alors c'est assez galère xD
Voilà la première partie du code, mais la deuxième je sais pas trop quand je pourrais la faire parce qu'avec une seule main déjà c'est pas drôle, mais en plus je suis droitière et c'est la main droite qui a tout pris :arrh:

Code:: <center><div class="encadre1"><span id="nom_prénom">[color=black]Nom & Prénom[/color]</span> <span id="célébrité">[color=black]ft. célébrité[/color]</span> <table cellpading="5px" cellspacing="10px"><tr><td style="border-left:2px dotted white; border-top:2px dotted white; background-color : #5d5662; width:180px; height:140px; overflow : hidden; border-radius:20px 0px 0px 0px">[img]https://31.media.tumblr.com/a7b4873b49f054f7b41fdbe39208ede9/tumblr_mzaonnowee1smwqdvo1_250.gif[/img]</td><td style="background-color:#c1b4c2; width: 200px; height:140px; overflow :hidden;border-top:2px dotted white"><span class="carte"><center>Carte d'identité</center></span><div style="height:140px; width:200px; overflow-y:auto" class="carte_identité">[b]Papuche :[/b] blabla [b]Papuche :[/b] blabla [b]Papuche :[/b] blabla [b]Papuche :[/b] blabla [b]Papuche :[/b] blabla [b]Papuche :[/b] blabla [b]Papuche :[/b] blabla [b]Papuche :[/b] blabla [b]Papuche :[/b] blabla [b]Papuche :[/b] blabla [b]Papuche :[/b] blabla</div></td></tr> <tr><td colspan="2" style="background-color:#c1b4c2; height:140px; border-left:2px dotted white; border-bottom:2px dotted white; border-radius:0px 0px 0px 20px"><div style="height:140px; overflow-y:auto"> [justify]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.[/justify] </div></td></tr></table> [size=9][color=#333333] Magda Sully sur[/color] [url=http://www.never-utopia.com/]Never-Utopia[/url][/size] </div></center> <style>.encadre1{border-top:2px dotted white; border-left:2px dotted white; border-bottom : 2px dotted white; border-radius: 20px 0px 0px 20px; background-color:#5d5662; width:500px; height:450px; color:#5d5662} #nom_prénom{font-size:40px;} .carte_identité{position:absolute; margin-top:-97px; background-color:#c1b4c2; opacity:0; transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s;} .carte_identité:hover{transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; opacity:1} .carte{font-size:40px;}</style>

En fait la fiche n'est pas intégralement en CSS (je l'ai mis à la fin, entre les balises style) mais si nécessaire je veux bien modifier Wink

Jeu 27 Fév 2014 - 10:26

Kim Jae Yoon

Age : 33Messages : 128

Jeu 27 Fév 2014 - 10:26

Bonjour !
J'ai testé le début de la fiche, elle est magnifique ! *-*
Et elle me va très bien comme ça !
Merci beaucoup pour ton travail !

J'espère que tu te rétabliras vite, je connais ça et je sais que ce n'est pas évident... Je comprend que tu mettes du temps.
Du coup, même si ça prend du temps, penses tu que tu pourras la terminer ? ^^

Encore merci ! Very Happy

Jeu 27 Fév 2014 - 12:21

Magda Sully

Age : 27Messages : 143

Jeu 27 Fév 2014 - 12:21

Je pense, normalement, peut-être que je n'aurais pas fini d'ici qu'on me retire l’attelle, mais ça devrait le faire Wink

Jeu 27 Fév 2014 - 21:35

Kim Jae Yoon

Age : 33Messages : 128

Jeu 27 Fév 2014 - 21:35

D'accord, merci beaucoup !

Mer 12 Mar 2014 - 18:48

Neva

Age : 32Messages : 18565

Mer 12 Mar 2014 - 18:48

Hey,
Ca en est où ici ?

Jeu 13 Mar 2014 - 19:02

Magda Sully

Age : 27Messages : 143

Jeu 13 Mar 2014 - 19:02

Je finis

Jeu 13 Mar 2014 - 20:02

Magda Sully

Age : 27Messages : 143

Jeu 13 Mar 2014 - 20:02

Et voilà!

>Tadaaa :cowboy:

Code:: <center><div class="encadre1"><span id="nom_prénom">[color=black]Nom & Prénom[/color]</span> <span id="célébrité">[color=black]ft. célébrité[/color]</span> <table cellpading="5px" cellspacing="10px"><tr><td style="border-left:2px dotted white; border-top:2px dotted white; background-color : #5d5662; width:180px; height:140px; overflow : hidden; border-radius:20px 0px 0px 0px">[img]https://31.media.tumblr.com/a7b4873b49f054f7b41fdbe39208ede9/tumblr_mzaonnowee1smwqdvo1_250.gif[/img]</td><td style="background-color:#c1b4c2; width: 200px; height:140px; overflow :hidden;border-top:2px dotted white"><span class="carte"><center>Carte d'identité</center></span><div style="height:140px; width:200px; overflow-y:auto" class="carte_identité">[b]Papuche :[/b] blabla [b]Papuche :[/b] blabla [b]Papuche :[/b] blabla [b]Papuche :[/b] blabla [b]Papuche :[/b] blabla [b]Papuche :[/b] blabla [b]Papuche :[/b] blabla [b]Papuche :[/b] blabla [b]Papuche :[/b] blabla [b]Papuche :[/b] blabla [b]Papuche :[/b] blabla</div></td></tr> <tr><td colspan="2" style="background-color:#c1b4c2; height:140px; border-left:2px dotted white; border-bottom:2px dotted white; border-radius:0px 0px 0px 20px"><div style="height:140px; overflow-y:auto"> [justify]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.[/justify] </div></td></tr></table> [size=9][color=#333333] Magda Sully sur[/color] [url=http://www.never-utopia.com/]Never-Utopia[/url][/size] </div> <div class="encadre2"><div class="images"><img src="https://31.media.tumblr.com/a7b4873b49f054f7b41fdbe39208ede9/tumblr_mzaonnowee1smwqdvo1_250.gif" style="border-radius:20px 0px 0px 20px; border-top:2px dotted white; border-left:2px dotted white; border-bottom:2px dotted white;"> <img src="https://31.media.tumblr.com/a7b4873b49f054f7b41fdbe39208ede9/tumblr_mzaonnowee1smwqdvo1_250.gif" style="border-top:2px dotted white; border-bottom:2px dotted white"></div> <div class="encadre3"> [justify]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.[/justify] </div> <div class="encadre4"><span style="margin-top:-20px">[size=24][color=#000000]Behind your computer[/color][/size]</span> [justify][b]Papuche :[/b] blabla [b]Papuche :[/b] blabla [b]Papuche :[/b] blabla [b]Papuche :[/b] blabla [b]Papuche :[/b] blabla[/justify] </div></div></center> <style>.encadre4{color:#5d5662; border-radius : 0px 0px 0px 20px; border-left:2px dotted white; border-bottom:2px dotted white; background-color:#c1b4c2; width:400px; height:150px; overflow-y:auto} .encadre3{color:#5d5662; border-radius : 20px 0px 0px 0px; border-left:2px dotted white; border-top:2px dotted white; background-color:#c1b4c2; width:400px; height:300px; overflow-y:auto}.images{margin-top:-50px;}.encadre2{border-top:2px dotted white; border-left:2px dotted white; border-bottom : 2px dotted white; border-radius: 20px 0px 0px 20px; background-color:#5d5662; width:500px; height:700px;}.encadre1{border-top:2px dotted white; border-left:2px dotted white; border-bottom : 2px dotted white; border-radius: 20px 0px 0px 20px; background-color:#5d5662; width:500px; height:450px; color:#5d5662} #nom_prénom{font-size:40px;} .carte_identité{position:absolute; margin-top:-97px; background-color:#c1b4c2; opacity:0; transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s;} .carte_identité:hover{transform: all; -moz-transform: all; -o-transform: all; -htm-transform: all; -webkit-transform: all; transition: 1s; -moz-transition: 1s; -o-transition: 1s; -htm-transition: 1s; -webkit-transition: 1s; opacity:1} .carte{font-size:40px;}</style>

Contenu sponsorisé

Fiche de présentation. ~

Sujets similaires

Sujets similaires

Rechercher

Résultats par : Messages Sujets
Tags
Recherche avancée