AccueilAccueil  FAQFAQ  RechercherRechercher  S'enregistrerS'enregistrer  MembresMembres  GroupesGroupes  ConnexionConnexion  

Partagez | 
 

 [Codage] Une fiche de présentation ^^

Aller en bas 
AuteurMessage
Squick

avatar

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

MessageSujet: [Codage] Une fiche de présentation ^^   Sam 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
Voir le profil de l'utilisateur
Nami
Nunki
Nunki
avatar

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

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

Je veux bien te tenter ça !
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Squick

avatar

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

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

Oh merci :]
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Nami
Nunki
Nunki
avatar

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

MessageSujet: Re: [Codage] Une fiche de présentation ^^   Sam 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
Voir le profil de l'utilisateur
Squick

avatar

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

MessageSujet: Re: [Codage] Une fiche de présentation ^^   Sam 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
Voir le profil de l'utilisateur
Nami
Nunki
Nunki
avatar

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

MessageSujet: Re: [Codage] Une fiche de présentation ^^   Dim 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
Voir le profil de l'utilisateur
Squick

avatar

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

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

Ok :3
Merci d'avoir pris en compte ma commande ;D
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Nami
Nunki
Nunki
avatar

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

MessageSujet: Re: [Codage] Une fiche de présentation ^^   Dim 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
Voir le profil de l'utilisateur
Squick

avatar

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

MessageSujet: Re: [Codage] Une fiche de présentation ^^   Lun 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
Voir le profil de l'utilisateur
Starlight

avatar

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

MessageSujet: Re: [Codage] Une fiche de présentation ^^   Lun 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
Voir le profil de l'utilisateur
Squick

avatar

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

MessageSujet: Re: [Codage] Une fiche de présentation ^^   Mar 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
Voir le profil de l'utilisateur
Starlight

avatar

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

MessageSujet: Re: [Codage] Une fiche de présentation ^^   Mar 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
Voir le profil de l'utilisateur
Squick

avatar

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

MessageSujet: Re: [Codage] Une fiche de présentation ^^   Jeu 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
Voir le profil de l'utilisateur
Contenu sponsorisé




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

Revenir en haut Aller en bas
 
[Codage] Une fiche de présentation ^^
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Tableau de partenaires avec effet Zoom
» Code de présentation de fiche RP
» Onglets fiche de présentation
» [RPG] Fiche de présentation
» Fiche de Présentation RPG

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: