Graphisme Cat-Life
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.



 
AccueilAccueil  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  
Le Deal du moment :
Nike : Jusqu’à 50% sur les articles de ...
Voir le deal

 

 [Codage] Une fiche de présentation ^^

Aller en bas 
3 participants
AuteurMessage
Squick

Squick


Féminin
Nombre de messages : 205
Age : 25
Localisation : Nord
Logiciel de Création : Gimp
Date d'inscription : 08/02/2012

[Codage] Une fiche de présentation ^^ Empty
MessageSujet: [Codage] Une fiche de présentation ^^   [Codage] Une fiche de présentation ^^ EmptySam 14 Avr 2012, 20:16

Bonjour/bonsoir Invité ! J'espère que tu pourrais, oui toi ^^, m'aider à faire une fiche de présentation pour mon forum. Je commence le codage, mais je n'ai pas encore les bases, et les capacités pour réaliser çà. Je voudrais que le fond de la fiche soit çà: http://d22.e-loader.net/lnobXEBmKK.png .

J'aimerais que la fiche contienne plusieurs cadres. Un premier tout en haut avec écrit dedans: Fiche de Présentation de Pseudo. Ensuite un autre plus grand en dessous avec un espace ou je pourrais écrire les champs à remplir ^^. Un autre cadre plus grand là. Et un dernier plus petit pour mettre le crédit de la fiche ^___^ Tous els cadres doivent avoir un contour en pointillé noire, et doivent être un peu transparent (opacité 60% environ ~) Voilà ^^ Après si vous voulez rajouter des choses pour embellir moi j'veux bien hein Smile Je veux juste le codage de base, je mettrais mon formulaire, mes champs, plus tard ^^
Revenir en haut Aller en bas
Nami
Nunki
Nunki
Nami


Féminin
Nombre de messages : 288
Age : 30
Localisation : Quelque part... Où je sais pas mais quelque part c'est sur...
Logiciel de Création : PhotoshopCS5
Date d'inscription : 12/10/2010

[Codage] Une fiche de présentation ^^ Empty
MessageSujet: Re: [Codage] Une fiche de présentation ^^   [Codage] Une fiche de présentation ^^ EmptySam 14 Avr 2012, 20:25

Je veux bien te tenter ça !
Revenir en haut Aller en bas
Squick

Squick


Féminin
Nombre de messages : 205
Age : 25
Localisation : Nord
Logiciel de Création : Gimp
Date d'inscription : 08/02/2012

[Codage] Une fiche de présentation ^^ Empty
MessageSujet: Re: [Codage] Une fiche de présentation ^^   [Codage] Une fiche de présentation ^^ EmptySam 14 Avr 2012, 20:30

Oh merci :]
Revenir en haut Aller en bas
Nami
Nunki
Nunki
Nami


Féminin
Nombre de messages : 288
Age : 30
Localisation : Quelque part... Où je sais pas mais quelque part c'est sur...
Logiciel de Création : PhotoshopCS5
Date d'inscription : 12/10/2010

[Codage] Une fiche de présentation ^^ Empty
MessageSujet: Re: [Codage] Une fiche de présentation ^^   [Codage] Une fiche de présentation ^^ EmptySam 14 Avr 2012, 20:50

Voilà voilà ! Par contre comme j'ai baissé l'opacité des cadre ben le noir des contours n'est plus vraiment noir... ^^"



Fiche de perso de
PSEUDO

Grand Cadre à remplir comme bon te semble
Grand Cadre à remplir comme bon te semble
Crédit Crédit Crédit Crédit Crédit



Code:
<center><div style="display: block; border: 3px solid black; background-image: url(http://d22.e-loader.net/lnobXEBmKK.png); background-position: center; width: 450px; -moz-border-radius: 10px 0px 10px 0px; -webkit-border-radius: 10px 0px 10px 0px; border-radius: 10px 0px 10px 0px;">
<span style="display: block; border: 2px dotted; opacity: 0.7; padding: 10px; background-color: #e9d8cf; margin: 10px; line-height: 0.6; -moz-border-radius: 10px 0px 10px 0px; -webkit-border-radius: 10px 0px 10px 0px; border-radius: 10px 0px 10px 0px;"><span style="font-family: Tahoma, Geneva, sans-serif; font-size: 16px; font-style: italic; text-align: center;">Fiche de perso de</span><br><span style="font-family: impact, sans-serif;font-size: 28px; text-align: center; letter-spacing: 3pt;">PSEUDO</span></span>
<span style="display: block; border: 2px dotted; opacity: 0.7; padding: 10px; background-color: #e9d8cf; margin: 10px; -moz-border-radius: 10px 0px 10px 0px; -webkit-border-radius: 10px 0px 10px 0px; border-radius: 10px 0px 10px 0px;">Grand Cadre à remplir comme bon te semble</span>
<span style="display: block; border: 2px dotted; opacity: 0.7; padding: 10px; background-color: #e9d8cf; margin: 10px; -moz-border-radius: 10px 0px 10px 0px; -webkit-border-radius: 10px 0px 10px 0px; border-radius: 10px 0px 10px 0px;">Grand Cadre à remplir comme bon te semble</span>
<span style="display: block; border: 2px dotted; opacity: 0.7; background-color: #e9d8cf; margin: 10px 10px 5px 10px; -moz-border-radius: 10px 0px 10px 0px; -webkit-border-radius: 10px 0px 10px 0px; border-radius: 10px 0px 10px 0px;">Crédit Crédit Crédit Crédit Crédit</span>
</div></center>
Revenir en haut Aller en bas
Squick

Squick


Féminin
Nombre de messages : 205
Age : 25
Localisation : Nord
Logiciel de Création : Gimp
Date d'inscription : 08/02/2012

[Codage] Une fiche de présentation ^^ Empty
MessageSujet: Re: [Codage] Une fiche de présentation ^^   [Codage] Une fiche de présentation ^^ EmptySam 14 Avr 2012, 21:20

Je ne sais pas si c'est parce que je suis sous IE, mais els cadres ne sont pas transparents, et y'a pas de rollbox =/
Revenir en haut Aller en bas
Nami
Nunki
Nunki
Nami


Féminin
Nombre de messages : 288
Age : 30
Localisation : Quelque part... Où je sais pas mais quelque part c'est sur...
Logiciel de Création : PhotoshopCS5
Date d'inscription : 12/10/2010

[Codage] Une fiche de présentation ^^ Empty
MessageSujet: Re: [Codage] Une fiche de présentation ^^   [Codage] Une fiche de présentation ^^ EmptyDim 15 Avr 2012, 09:14

Mh c'est fort possible en effet, moi je suis sous chrome personnellement. D'ailleurs pour le codage et tout je te conseille d'abandonner IE, il n'est pas tout a fait à jour et pas mal de truc ne se voient pas sur ce navigateur ;)
Revenir en haut Aller en bas
Squick

Squick


Féminin
Nombre de messages : 205
Age : 25
Localisation : Nord
Logiciel de Création : Gimp
Date d'inscription : 08/02/2012

[Codage] Une fiche de présentation ^^ Empty
MessageSujet: Re: [Codage] Une fiche de présentation ^^   [Codage] Une fiche de présentation ^^ EmptyDim 15 Avr 2012, 11:17

Ok :3
Merci d'avoir pris en compte ma commande ;D
Revenir en haut Aller en bas
Nami
Nunki
Nunki
Nami


Féminin
Nombre de messages : 288
Age : 30
Localisation : Quelque part... Où je sais pas mais quelque part c'est sur...
Logiciel de Création : PhotoshopCS5
Date d'inscription : 12/10/2010

[Codage] Une fiche de présentation ^^ Empty
MessageSujet: Re: [Codage] Une fiche de présentation ^^   [Codage] Une fiche de présentation ^^ EmptyDim 15 Avr 2012, 19:15

De rien ! Ce qui s'en sortent mieux que moi vous pouvez prendre mon code pour l'améliorer et modifier tout ça si vous voulez ;)
Revenir en haut Aller en bas
Squick

Squick


Féminin
Nombre de messages : 205
Age : 25
Localisation : Nord
Logiciel de Création : Gimp
Date d'inscription : 08/02/2012

[Codage] Une fiche de présentation ^^ Empty
MessageSujet: Re: [Codage] Une fiche de présentation ^^   [Codage] Une fiche de présentation ^^ EmptyLun 16 Avr 2012, 16:29

J'attends encore 2/3 jours et si personne ne propose autres choses, je déplacerais le topic! Ca fait donc 5 points pour la team Octantis ^^
Revenir en haut Aller en bas
Starlight

Starlight


Féminin
Nombre de messages : 40
Age : 26
Logiciel de Création : PhotoFiltre ~ The Gimp 2.6
Date d'inscription : 07/01/2012

[Codage] Une fiche de présentation ^^ Empty
MessageSujet: Re: [Codage] Une fiche de présentation ^^   [Codage] Une fiche de présentation ^^ EmptyLun 16 Avr 2012, 20:43

Bonjour Smile

J'ai testé un truc mais je promet rien. Si il te plait, je peux modifier polices, couleur et tout si tu le souhaites ;)

Spoiler:


Dernière édition par Starlight le Mar 17 Avr 2012, 16:35, édité 2 fois
Revenir en haut Aller en bas
Squick

Squick


Féminin
Nombre de messages : 205
Age : 25
Localisation : Nord
Logiciel de Création : Gimp
Date d'inscription : 08/02/2012

[Codage] Une fiche de présentation ^^ Empty
MessageSujet: Re: [Codage] Une fiche de présentation ^^   [Codage] Une fiche de présentation ^^ EmptyMar 17 Avr 2012, 15:46

Il est super! Juste l'intérieur des cadres, si tu pouvais le mettre en + blanc/rose pâle *♥*
Revenir en haut Aller en bas
Starlight

Starlight


Féminin
Nombre de messages : 40
Age : 26
Logiciel de Création : PhotoFiltre ~ The Gimp 2.6
Date d'inscription : 07/01/2012

[Codage] Une fiche de présentation ^^ Empty
MessageSujet: Re: [Codage] Une fiche de présentation ^^   [Codage] Une fiche de présentation ^^ EmptyMar 17 Avr 2012, 16:39

Comme ça ?




Fiche de Présentation de
Pseudo




1e Grand Cadre. Tu y mets ce que tu veux mais comme il a une taille pré-définie, quand il y aura trop de texte, il y aura une barre de défilement.

2e Cadre où tu mets ce que tu veux
Crédits


Code:
<div><table align=center><tr><td><div style="border: 3px double #000000; width:550px;background:url('http://img15.hostingpics.net/pics/46976936HH.png')"><div style="text-align:center;font-size:12px; font-family:'Times New Roman', Times, serif;color:black;margin:auto"> <br /><div style="margin:auto; color: #33033b;width: 460px;text-align: center; font-size: 11px; "><span style="font-size: 12px; color:#39123b; letter-spacing: -1.5px;"><span style="font family : Respective">
<blockquote>
<font face= Respective size=7>[font=Tagettes]F[/font]iche de Présentation de</font>
<font face=georgia size=6>Pseudo</font>
</blokquote>
</span></span></div>
<table align=center><tr><td><div style="border:1px dotted #000000;width: 150px; height: 200px; padding: 5px;background:url('http://img15.hostingpics.net/pics/94857475im.png')">
</div></td>    <td align=left><div style="border:1px dotted #000000;width: 320px; height: 200px; overflow:auto; padding: 5px; background-color:#f2dfe9; filter:alpha(opacity=70); ">
1e Grand Cadre. Tu y mets ce que tu veux mais comme il a une taille pré-définie, quand il y aura trop de texte, il y aura une barre de défilement.
</div></td></tr></table> 
<table align=center><tr> <td> <div style="width:482px;background-color: #f2dfe9;text-align:justify;border:1px dotted #000000;padding:8px;filter:alpha(opacity=70); ">2e Cadre où tu mets ce que tu veux</div> </td> </tr></table>
<table align=center><tr> <td> <div style="width:200px;height:15px;background-color: #f2dfe9;text-align:center;border:1px dotted #000000;padding:3px;filter:alpha(opacity=70); ">Crédits</div> </td> </tr></table></div></td></tr></table></div></div>

Si tu le prends, n'hésites pas à me demander de l'aide si tu ne comprend pas un truc Smile
Revenir en haut Aller en bas
Squick

Squick


Féminin
Nombre de messages : 205
Age : 25
Localisation : Nord
Logiciel de Création : Gimp
Date d'inscription : 08/02/2012

[Codage] Une fiche de présentation ^^ Empty
MessageSujet: Re: [Codage] Une fiche de présentation ^^   [Codage] Une fiche de présentation ^^ EmptyJeu 19 Avr 2012, 17:38

Très joli! Mais j'ai déjà choisi celui de Lilas, par contre le tien je pourrais le transformer en fiche pub! Merci beaucoup ;D
Bon je locke :3
Ca fait donc 10pts pour les Octantis!
Revenir en haut Aller en bas
Contenu sponsorisé





[Codage] Une fiche de présentation ^^ Empty
MessageSujet: Re: [Codage] Une fiche de présentation ^^   [Codage] Une fiche de présentation ^^ Empty

Revenir en haut Aller en bas
 
[Codage] Une fiche de présentation ^^
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» une galerie en codage ? :o
» Problème de codage
» Fiche de GCL
» Question : Fiche
» Help fiche de personnage qui bug !

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Graphisme Cat-Life ::  :: Vieux Sujets :: Demande de créations-
Sauter vers: