Des conseils pour les couleurs de ma page CV

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Des conseils pour les couleurs de ma page CV

z0rglub

salut,
je viens de refaire ma page de CV mais j'aimerai mettre des couleurs plus sympa que celle que j'avais avant. J'aimerai que vous me donniez des combinaisons de couleurs pour l'affichage de la page.
un petit screenshot :

il y a donc 8 couleurs à choisir :
backgroundColor : #CCCCCC
backgroundTextColor : black
mainBorderColor : white
blocBorderColor : black
titreBlocBackgroundColor : #FFCC66
titreBlocTextColor : black
contentBlocBackgroundColor : #EEEEEE
contentBlocTextColor : black

Je peux faire n'importe quelle combinaison.

Message édité par z0rglub le 06-08-2002 à 16:36:02

---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com

Publicité

Tetedeiench

Head Of God

...

Mais tuez le.

z0rglub

Tetedeiench a écrit a écrit :

...

Mais tuez le.

ben koi ? t'as pas la légère impression d'être lourd ? (simple question, posée avec bcp de respect sachant que tu es modo)

---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com

Tetedeiench

Head Of God

tu veux que je te la tienne pour pisseraussi ?

Tu sais, le forum au départ a pas été créé pour filer du boulot grats au forumeurs, mais bien pour apprendre aux forumeurs a faier les choses eux mêmes.

z0rglub

tu peux partir please ?
parce que là je demande simplement des conseils sur les couleurs à utiliser pour ma page de CV, je vois pas en quoi je fais le boulay. Va voir certains topic sur le forum programmation, là où tu peux voir de vrais boulays. Je fais pas pour autant mon prétentieux en les envoyant chier.

---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com

Max Evans

Tetedeiench a écrit a écrit :

tu veux que je te la tienne pour pisseraussi ?

Tu sais, le forum au départ a pas été créé pour filer du boulot grats au forumeurs, mais bien pour apprendre aux forumeurs a faier les choses eux mêmes.

Oue, c'est vrai que la c abusé ...
Il demande juste de l'aide pour la couleur de son CV, je vois rien de mal la dedans :??:

Gaboriau

Propose nous plutôt un choix de couleurs et les gens te diront ce qu'ils en pensent.

Déjà y'a la photo qui va pas en fait de couleurs, le visage est d'un rose étrange

z0rglub

gaboriau a écrit a écrit :

Propose nous plutôt un choix de couleurs et les gens te diront ce qu'ils en pensent.

Déjà y'a la photo qui va pas en fait de couleurs, le visage est d'un rose étrange

pour la photo, c'est un vieux scan d'un photomaton. Aujourd'hui j'ai même plus de lunettes. Mais c'est pas trop ça l'important.

Sinon, tu veux un choix de couleurs ? Soit, je vais faire una autre combinaison que je trouve pas trop mal, tu pourras me dire ce que tu en penses. A dans 2 minutes

---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com

z0rglub

---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com

z0rglub

oh putain, qd j'avais dit 2 minutes je pensais pas les fiare aussi précisément !)

---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com

Publicité

Max Evans

z0rglub a écrit a écrit :

oh putain, qd j'avais dit 2 minutes je pensais pas les fiare aussi précisément !)

:non:
T'as une seconde d'avance !

Gaboriau

heu je continue à trouver la photo bizarre, tout est important dans une harmonie de couleurs, et je ne peux pas faire abstraction d'une partie de l'image, mais entre les deux je préfère la première. Essaie avec les même couleurs (gris et jaune) mais très pâles et un fond différent pour la colonne de droite et de gauche
si tu donnait le code ça serait plus simple pour faire des essais

z0rglub

gaboriau a écrit a écrit :

si tu donnait le code ça serait plus simple pour faire des essais

je peux pas te donner le code. enfin si mais en fait c'est du HTML générer à partir d'un fichier xml parsé par du PHP, c'est pas du HTML statique. (comme ça ma copine aura son CV avec la même présentation en 30 secondes et elle choisira elle-même ses couleurs...)
Pour la photo, j'essaierai de la retoucher pour avoir l'air un peu moins fluo...

---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com

z0rglub

voilà qd même le code généré :

Code :

<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CV (XML) de Pierrick Le Gall</title>
<style type="text/css">
a
{
text-decoration : none;
color : black;
}
a:hover
{
text-decoration : underline;
}
a.back, body
{
color : white;
}
body,table,input
{
font-family : Arial, Verdana, Sans-Serif;
font-size : 12px;
}
body
{
background-color : #010752;
margin : 0px;
}
table
{
border-collapse : collapse;
}
td
{
padding:0;
}
div.objet, div.nom
{
text-align : center;
font-weight : bold;
font-size : 20px;
}
div.nom
{
font-style : italic;
}
table.main
{
width:100%;
border:2px solid white;
}
td.top-left
{
width : 20%;
border-right : 2px solid white;
border-bottom : 2px solid white;
}
td.bottom-left
{
border-right : 2px solid white;
vertical-align : top;
}
td.top-right
{
border-bottom : 2px solid white;
}
table.bloc
{
width : 90%;
border : none;
margin-top : 15px;
}
td.titreBloc
{
background-color : #FFCC66;
color : black;
border : 1px solid black;
border-bottom : none;
width : 50%;
}
div.titreBlocContent
{
text-align : center;
font-weight : bold;
font-size : 13px;
margin : 2px;
white-space : nowrap;
}
td.dataBloc
{
border : 1px solid black;
background-color : #EEEEEE;
color : black;
}
td.lineTitre
{
width : 100px;
vertical-align : top;
}
div.lineTitreContent
{
margin : 5px;
margin-left : 10px;
margin-right : 10px;
white-space : nowrap;
font-style : italic;
font-weight : bold;
color : black;
}
td.lineData
{
}
div.lineDataContent
{
margin : 5px;
margin-left : 10px;
margin-right : 10px;
color : black;
}
div.dateInfo
{
font-family : Verdana, Sans-Serif;
font-size : 10px;
margin : 10px;
}
</style>
</head>
<body>
<table class="main">
<tr>
<td class="top-left"><div class="nom">Pierrick Le Gall</div></td>
<td class="top-right"><div class="objet">Elève ingénieur Informatique<br />INSA Lyon</div></td>
</tr>
<tr>
<td class="bottom-left" align="center">
<img src="identite.jpg" style="border:1px solid black;height:152px;width:120px;margin-top:10px;" alt=""/>
<table class="bloc">
<tr>
<td class="titreBloc"><div class="titreBlocContent">Coordonnées</div></td>
</tr>
<tr>
<td class="dataBloc">
<div class="lineDataContent"><span style="font-weight:bold;">actuellement</span><br />Levallois-Peret<br /><br /><span style="font-weight:bold;">adresse courier</span><br />5, res Mare Griseau<br />78750 Mareil-Marly<br />France<br /><br />tel : 06.64.93.45.32<br />
<img src="http://wwp.icq.com/scripts/online.dll?icq=95912151&img=5" style="width:18px;height:18px;border:none;" title="[icq]" alt="[icq]"/> icq : <span style="font-style:italic;">95912151</span><br />
[ <a href="mailto:pierrick@z0rglub.com">pierrick@z0rglub.com</a> ]<br />
</div>
</td>
</tr>
</table>
<table class="bloc">
<tr>
<td class="titreBloc"><div class="titreBlocContent">Informations</div></td>
</tr>
<tr>
<td class="dataBloc">
<ul>
<li>21 ans</li>
<li>Né à Toulouse</li>
<li>Né le 18 janvier 1981 </li><li>fiancé</li><li>Permis B / sans véhicule</li>
</ul>
</td>
</tr>
</table>
</td>
<td valign="top" align="center">
<table class="bloc">
<tr>
<td class="titreBloc"><div class="titreBlocContent">Stages professionnels</div></td>
<td> </td>
</tr>
<tr>
<td class="dataBloc" colspan="2">
<table>
<tr>
<td class="lineTitre"><div class="lineTitreContent">Mai / Septembre 2002</div></td>
<td class="lineData"><div class="lineDataContent">Stepnet-Ingénierie : stage de développement / programmation ( Java + XML ) gestionnaire de contenu pour site web (exemple : [ <a href="http://www.cnp.fr">site de la CNP</a> ] )</div></td>
</tr>
<tr>
<td class="lineTitre"><div class="lineTitreContent">Juin / Août 2001</div></td>
<td class="lineData"><div class="lineDataContent">[ <a href="http://www.gfi.fr">GFI Informatique</a> ] stage de développement / programmation ( Visual C++, MS SQL Server ) pour Hewlett-Packard France</div></td>
</tr>
<tr>
<td class="lineTitre"><div class="lineTitreContent">Juin / Août 2000</div></td>
<td class="lineData"><div class="lineDataContent">Travail en intérim de 6 semaines chez Itineris (France Telecom) puis André (Halle aux chaussures, etc) en tant que technicien informatique (hotline interne)</div></td>
</tr>
<tr>
<td class="lineTitre"><div class="lineTitreContent">Juillet 1999</div></td>
<td class="lineData"><div class="lineDataContent">CDD de 1 mois chez [ <a href="http://www.allium.fr">Allium</a> ] (Fournisseur de services informatiques aux entreprises, matériel, assistance technique) en tant qu'ouvrier informatique sur banc de montage</div></td>
</tr>
</table>
</td>
</tr>
</table>
<table class="bloc">
<tr>
<td class="titreBloc"><div class="titreBlocContent">Formation</div></td>
<td> </td>
</tr>
<tr>
<td class="dataBloc" colspan="2">
<table>
<tr>
<td class="lineTitre"><div class="lineTitreContent">2001 / 2002</div></td>
<td class="lineData"><div class="lineDataContent">2<span style="vertical-align:super;font-size:10px;">eme</span> année sur 3 de spécialisation informatique à l'INSA de Lyon [ <a href="http://www.insa-lyon.fr"><span style="font-weight:bold;">I</span>nstitut <span style="font-weight:bold;">N</span>ational des <span style="font-weight:bold;">S</span>ciences <span style="font-weight:bold;">A</span>ppliquées</a> ]</div></td>
</tr>
<tr>
<td class="lineTitre"><div class="lineTitreContent">1998 / 2000</div></td>
<td class="lineData"><div class="lineDataContent">Cycle préparatoire intégré à l'INSA de Rouen</div></td>
</tr>
<tr>
<td class="lineTitre"><div class="lineTitreContent">1998</div></td>
<td class="lineData"><div class="lineDataContent">Baccalauréat scientifique obtenu avec mention "Très Bien"</div></td>
</tr>
<tr>
<td class="lineTitre"><div class="lineTitreContent">Langues</div></td>
<td class="lineData"><div class="lineDataContent"><span style="font-weight:bold;">Anglais</span>, utilisation courante du vocabulaire de l'entreprise ainsi que 2 séjours en pays anglophones d'une durée de 15 jours (note au TOEIC : 820)<br /><span style="font-weight:bold;">Allemand</span> : Notions</div></td>
</tr>
</table>
</td>
</tr>
</table>
<table class="bloc">
<tr>
<td class="titreBloc"><div class="titreBlocContent">Outils utilisés et réalisations</div></td>
<td> </td>
</tr>
<tr>
<td class="dataBloc" colspan="2">
<table>
<tr>
<td class="lineTitre"><div class="lineTitreContent">Bureautique</div></td>
<td class="lineData"><div class="lineDataContent">Logiciels Microsoft Word, Excel, Powerpoint. Logiciels edition graphique Paint Shop pro, Adobe Photoshop. Création de sites Web avec Macromedia Dreamweaver, <span style="font-weight:bold;">ultraedit</span>.</div></td>
</tr>
<tr>
<td class="lineTitre"><div class="lineTitreContent">Système d'exploitation</div></td>
<td class="lineData"><div class="lineDataContent">Windows 98, NT et 2000. Linux.</div></td>
</tr>
<tr>
<td class="lineTitre"><div class="lineTitreContent">Programmation</div></td>
<td class="lineData"><div class="lineDataContent"><span style="font-weight:bold;">PHP</span>, HTML (XHTML), XML, Java, C++ (dont Visual C++), Corba, Delphi.</div></td>
</tr>
<tr>
<td class="lineTitre"><div class="lineTitreContent">Base de données</div></td>
<td class="lineData"><div class="lineDataContent">MySQL, PostgreSQL, Oracle, MS SQL Server.</div></td>
</tr>
<tr>
<td class="lineTitre"><div class="lineTitreContent">Méthodes</div></td>
<td class="lineData"><div class="lineDataContent">USDP (UML avec Rational Rose), Merise</div></td>
</tr>
<tr>
<td class="lineTitre"><div class="lineTitreContent">Réalisations</div></td>
<td class="lineData"><div class="lineDataContent"><ul><li>Application Web en PHP pour réaliser simplement des galeries d'images en ligne <span style="font-weight:bold;">[ <a href="http://www.z0rglub.com/phpwebgallery">présentation</a> ]</span></li><li>Site Web en html + CSS (PHP pour l'architecture) sur les <span style="font-weight:bold;">[ <a href="http://www.z0rglub.com/piratage">attaques réseaux</a> ]</span></li><li>Jeu de plateau en Java</li></ul></div></td>
</tr>
</table>
</td>
</tr>
</table>
<table class="bloc">
<tr>
<td class="titreBloc"><div class="titreBlocContent">Centres d'intérêts</div></td>
<td> </td>
</tr>
<tr>
<td class="dataBloc" colspan="2">
<table>
<tr>
<td class="lineTitre"><div class="lineTitreContent">Sports</div></td>
<td class="lineData"><div class="lineDataContent">Vélo, roller, tennis de table (membre de l'association de l'INSA).</div></td>
</tr>
<tr>
<td class="lineTitre"><div class="lineTitreContent">Programmation</div></td>
<td class="lineData"><div class="lineDataContent"><span style="font-weight:bold;">PHP</span> MySql, HTML, XML, Java(Applet, Servlet...), C++ (dont Visual C++), Oracle, Corba, Delphi, MS SQL Server</div></td>
</tr>
<tr>
<td class="lineTitre"><div class="lineTitreContent">Activités</div></td>
<td class="lineData"><div class="lineDataContent">Administrateur du site [ <a href="http://www.lyonhardware.com">lyonhardware.com</a> ]<br />Administrateur du forum de l'INSA de Lyon [ <a href="http://inside.insa-lyon.fr">Inside</a> ]<br />Cours particuliers pour collègiens et lycéens en mathématiques, physique, chimie.<br />Cours d'initiation informatique pour débutants (prise en main windows, utilisation internet)</div></td>
</tr>
</table>
</td>
</tr>
</table><div class="dateInfo">date actuelle : mardi 6 août 2002 à 17h18<br />dernière mise à jour : mardi 6 août 2002 à 16h44</div>
</td>
</tr>
</table>
</body>
</html>

Note : je n'ai pas différencié la couleur de la colonne de gauche et de la colonne de droite, c'est une bonne idée, je vais essayé.

---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com

z0rglub

---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com

Gaboriau

C'est moins lourd ainsi, peut-être avec un jaune à gauche en fond? ou un gris plus foncé?

panzemeyer

The torture never stops

perso je préfère la 1e

Question : ça veux dire quoi le gras que tu as mis à certains endroits ? :??:

---------------
Pour la préservation de l'environnement, n'imprimez ce post qu'en cas de nécessité | Fais du bien à un vilain, il te chiera dans la main.

z0rglub

panzemeyer a écrit a écrit :

perso je préfère la 1e

Question : ça veux dire quoi le gras que tu as mis à certains endroits ? :??:

ça dépend des endroits. pour INSA, c'est pour le sigle. Sinon, c'est pour mettre en avant les trucs les plus importants.

---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com

XTC

Иo Яєδєmρtion

http://www.mlb-design.net/chromatique.htm

z0rglub

je viens d'essayer ça, je trouve ça pas trop laid :

---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com

panzemeyer

The torture never stops

z0rglub a écrit a écrit :

ça dépend des endroits. pour INSA, c'est pour le sigle. Sinon, c'est pour mettre en avant les trucs les plus importants.

Je croyais que c'était temporaire.

Je te conseille de le virer, ça nuit à la lisibilité. Par ex. le gras sur le Très bien est vraiment superflu (ils la veront ta mention t'en fait pas) et fait un peu prétentieux. Pareil pour les initiales de l'INSA, ils ne sont pas stupides, je pense qu'ils savent ce qu'est un acronyme.

A ta place je ne laisserai le gras que pour les intitulés et le nom des entreprises.

Pour répondre à ta question (les couleurs), ça dépend à quelle fin tu as créé ce CV.

Si c'est pour l'imprimer, il faut en général rester discret, donc un simple bleu foncé est largement suffisant.

Si c'est pour le publier sur le net, la 1e version est très bien, la dernière ferait un peu trop terne.

Enfin c'est mon avis perso t'en fais ce que tu en veux.

---------------
Pour la préservation de l'environnement, n'imprimez ce post qu'en cas de nécessité | Fais du bien à un vilain, il te chiera dans la main.

z0rglub

j'ai suivi tes conseils, j'ai viré pas mal de gras. Sinon, la version HTML c'est juste pour être vu. ça ne s'imprimera jamais bien. Pour ça il y a la version pdf (générée automatiquement à partir du même fichier xml, donc même contenu)

---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com

alpseb

juste un truc qui n'a aucun rapport....
on dit plutôt

"adresse postale" que "adresse courier" je pense....

z0rglub

alpseb a écrit a écrit :

juste un truc qui n'a aucun rapport....
on dit plutôt

"adresse postale" que "adresse courier" je pense....

oui, ok, je sais pas trop. C juste histoire de dire qu si on a du courier à m'envoyer, c'est à cette adresse là.

---------------
Ma galerie photo créée avec Piwigo et hébergée sur Piwigo.com

Publicité

FORUM HardWare.fr

Graphisme

Des conseils pour les couleurs de ma page CV

Sujets relatifs
[HTML ?] Ouvrir une nouvelle page quand on clique sur un lie	[Photoshop] Changer la couleurs de cheveux sur une photo
conseils sur flash ?	Avoir des couleurs qui soient dans la même teinte...
Dois je changer entierement les couleurs de mon forum ?	Optimiser un page web pour différentes résolutions
problème de couleurs avec écran plat	Page ronde
Taille (poids) d'une page web	Pour les chauds de toshop... [NEED HELP!!! bas de page!!!]
Plus de sujets relatifs à : Des conseils pour les couleurs de ma page CV

Page générée en 0.202 secondes