Mes suggestions pour un bon PTP

Bonjour à vous et Bonne année 2010.

Mon post n'est aucunement pour rabaisser le statut de beuz89, mais plutôt pour tenter de venir en aide à un PTP prometteur.

Ayant déjà tester plusieurs systèmes de rémunérations du même genre que beuz89, je dois l'admettre... le site du PTP n'est aucunement attrayant. Par aucunement attrayant, je veux simplement dire que le site n'est pas beau. Design plutôt... médiocre, qui fait fuir plusieurs "futurs" membres. Je veux pas frimer, mais même lorsque j'ai commencer a apprendre à coder, mes designs était disons plus... attirant.

Personnellement, un site qui propose un service de PTP sans IP doit tout de même offrir quelque chose d'élégant, de rapide et d'aérer.

Donc mon point #1 serait de retravailler le site web du PTP. Faisant partie d'un système créer par creadunet, j'ignore s'il y aurait une quelconque façon par laquelle vous pourriez vous créer un Design plus attrayant.

En parcourant régulier ce que nous appellons internet, je tombe très souvent sur des forums soit, très affluant ou très peu fréquenté. Habituellement, lorsqu'un forum n'est que peu fréquenté, le langage SMS y est le principal langage. C'est malheureusement quelque chose que j'ai réalisé dès mon arrivé ici.

Je dois donc dire que mon point #2 serait d'interdire l'utilisation du Langage SMS et ainsi, tenter d'attirer les membres du PTP.

Pour le moment, je n'ai rien d'autre à ajouter. Enfin si, une seule: Peu importe qui veut répondre à mon message, j'ai pris quelques secondes de plus pour m'assurer de laisser peu de fautes, alors faite l'effort de faire de même.

Merci.
SDLarose

Salut a toi !!

Ta première remarque est très juste, c'est vraie que le design est pas top mais tu c'est avec creadunet on peut pas faire des choses incroyable apres il faut acheter un domem payant et s'y connaitre pas mal en informatique pour avoir un bon design en ce qui concerne la deuxième remarque, c'est sur faut éviter le language SMS c'est toujours mieux.

Bonjour sdlarose.
Merci pour tes suggestions.
Tout d'abord, je n y connais rien en css. J ai juste quelques notions d html mais rien d épatant. J ai cherché sur le net quelques designs mais je n ai rien trouvé a mon gout.
Et quand j en trouve, je n arrive pas a l integrer au site. Seule la couleur du design s' installe, mais pas les barres, menu, images d'en tetes.....De plus il est difficile de satisfaire tout le monde.Il y aura toujours quelqu'un qui n aime pas le design....

En ce qui concerne le language sms, ca ne m as pas interpeller plus que ca... Le site, comme le forum, n'en est qu'a ses premices. Si je commence a virer ceux qui parlent en sms, en plus des tricheurs et des membres inactifs, on va pas etre nombreux tres longtemps.....

Cordialement.

pour le templates
tu prends un concept déjas établis et tu le bricole ..
sa prends juste un peu de temps !
mais il faut que tu puisse transférer sur le ftp ,trois fichiers
images,et les documents de feuille de style en cascade (reset et style)
avec l'accord de créadunet !, pourquoi pas ,cela doit etre possible.

les conseilleurs ne sont pas les payeurs !!
lol
beuz89 fonctionne trés bien , et le web paye ses membres
j'appelle cela ,un bon PTP
le templates ,est aléatoire ..

merci ruby.... j ai pas trop le temps en ce moment mais des que possible je vais essayer de me pencher sur le design.... Je dois avouer que ce bleu ciel me sort par les yeux.
je post le css actuel, si quelqu'un sait quoi changer et comment...



/********************************************
AUTHOR: Erwin Aligam
WEBSITE: http://www.styleshout.com/
TEMPLATE NAME: BluePigment
TEMPLATE CODE: S-0016
VERSION: 1.0
DATE: July-31-2007
*******************************************/

/********************************************
HTML ELEMENTS
********************************************/

/* top elements */
* { padding: 0; margin: 0; border: 0; }

body {
background:$bgcolor;
margin:0;

background-repeat:no-repeat;
background-attachment: fixed;
background-image:url("https://2img.net/r/ihimizer/img51/9020/euro2.jpg");
}

/* links */
a {
color: #003366;
background-color: inherit;
text-decoration: none;
}
a:hover {
color: #FAA34B;
background-color: inherit;
text-decoration: underline;
border: none;
}

/* headers */
h1, h2, h3 {
font: bold 1em 'Trebuchet MS', Tahoma, Arial, Sans-serif;
color: #fff;
}
h1 { font-size: 2.5em; }
h2 { font-size: 2em; text-transform:uppercase;}
h3 { font-size: 1.8em; }

p, h1, h2, h3 {
margin: 0;
padding: 10px 15px;
}

ul, ol {
margin: 10px 30px;
padding: 0 15px;
}

/* images */
img {
background: #FAFAFA;
border: 1px solid #0F7ACC;
padding: 6px;
}
img.float-right {
margin: .5em 0 1em 1em;
}
img.float-left {
margin: .5em 1em 1em 0;
}

code {
margin: .5em 0;
display: block;
padding: 20px;
text-align: left;
overflow: auto;
font: 500 1em/1.5em 'Lucida Console', 'Courier New', monospace ;
background: #1E89DC;
border: 1px solid #0065C6;
}
acronym {
cursor: help;
border-bottom: 1px solid #0065C6;
}
blockquote {
margin: 10px 15px;
padding: 10px 0 10px 28px;
border: 1px solid #0065C6;
background: #1E89DC;
font: bold 1.3em/1.5em "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
}

/* start - table */
table {
margin: 10px 15px;
border-collapse: collapse;
}
th strong {
color: #fff;
}
th {
background: #93BC0C;
height: 3em;
padding-left: 12px;
padding-right: 12px;
color: #FFF;
text-align: left;
border-left: 1px solid #B6D59A;
border-bottom: solid 2px #8EB200;
border-top: solid 2px #8EB200;
}
tr {
color: #707070;
height: 2.5em;
}
td {
padding-left: 12px;
padding-right: 12px;
border-left: 1px solid #FFF;
border-bottom: solid 1px #ffffff;
}
td.first,th.first {
border-left: 0px;
}
tr.row-a {
background: #F8F8F8;
}
tr.row-b {
background: #EFEFEF;
}
/* end - table */

/* form elements */
form {
margin: 10px 15px;
padding: 10px;
border: 1px solid #0065C6;
background-color: #1E89DC;
}
fieldset {
margin: 0;
padding: 0;
border: none;
}
label {
display:block;
font-weight:bold;
margin: .4em 0;
}
input {
padding: .3em;
border: 1px solid #eee;
font: normal 1em Verdana, sans-serif;
color:#777;
}
textarea {
width: 100%;
padding: .3em;
font: normal 1em/1.5em Verdana, sans-serif;
border: 1px solid #eee;
height: 10em;
display:block;
color:#777;
}
input.button {
font: bold 1em Arial, Sans-serif;
margin: 0;
padding: .25em .3em;
color: #FFF;
background: #A2CC00;
border: 2px solid #8EB200;
}

/* search form */
.searchform {
background-color: transparent;
border: none;
margin: 0 0 0 10px; padding: 0 0 1.5em 0;
width: 18em;
}
.searchform p { margin: 0; padding: 0; }
.searchform input.textbox {
width: 11em;
color: #777;
padding: .4em;
border: 1px solid #E5E5E5;
vertical-align: top;
}
.searchform input.button {
width: 60px;
vertical-align: top;
}

/***********************
LAYOUT
************************/

#header-content, #content, #nav {
/*
The width value below sets the total width of the design. It's default value is set to 93%
which means that it will take up 93% of the browser window's width. You can also set it to a
different percentage value (90%, 85%, etc.). This design is fluid layout by default, but you
can turn it into a fixed width layout by setting a pixel value to the width (e.g. 900px, 950px).
*/
width: 99%;
}

/* box */
.box {
margin: 10px 0;
padding: 10px 10px 20px 10px;
border: 5px solid #1F8ADE;
background: url(boxbg.jpg);
}

/* header */
#header {
height: 178px;
text-align: left;
}
#header_promote {
height: 108px;
text-align: left;
}
#header-content {
position: relative;
margin: 0 auto; padding: 0;
}
#header-content h1#logo-text a {
position: absolute;
margin: 0; padding: 0;
font: bold 50px 'Trebuchet MS', Tahoma, Arial, Sans-serif;
letter-spacing: -1px;
color: #fff;
text-decoration: none;

/* change the values of top and left to adjust the position of the logo*/
top: 30px; left: 10px;
}
#header-content h1#logo-text-promote a {
color: #ffffff;
text-decoration: none;
}
#header-content h1#logo-text span {
color: #68B5F0;
}
#header-content #slogan {
position: absolute;
font: bold 18px 'Trebuchet Ms', Sans-serif;
text-transform: none;
color: #FFF;
margin: 0; padding: 0;

/* change the values of left and top to adjust the position of the slogan */
top: 105px; left: 45px;
}

/* header links */
#header-content #header-links {
position: absolute;
top: 20px; right: 5px;
color: #fff;
font: bold 15px "Trebuchet MS", Tahoma, Sans-serif;
}
#header-content #header-links a {
color: #93C9F4;
text-decoration: none;
}
#header-content #header-links a:hover {
color: #fff;
}


/* Navigation */
#nav-wrap {
float: left;
width: 100%;
background: url(menubg.jpg) repeat-x left bottom;
clear: both;
}
#nav {
clear: both;
margin: 0 auto;
padding: 0;
}
#nav ul {
float: left;
list-style: none;
text-transform: uppercase;
margin: 0;
padding: 0;
height: 64px;
}
#nav ul li {
float: left;
margin: 0; padding: 0;
height: 64px;
}
#nav ul li a {
display: block;
float: left;
width: auto;
margin: 0;
padding: 0 15px;
color: #FFF;
font: bold 15px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
text-decoration: none;
letter-spacing: 1px;
}
#nav ul li a:hover,
#nav ul li a:active {
color: #333;
}
#nav ul li#current {
background: url(nav-current.jpg) no-repeat center bottom;
}
#nav ul li#current a {
color: #333;
}

/* content */
#content-wrap {
clear: both;
float: left;
background: #1183DA;
width: 100%;
}
#content {
text-align: left;
padding: 0;
margin: 0 auto;
}

/* sidebar */
#sidebar {
float: right;
width: 20em;
margin: 6px 0 6px -20em; padding: 0;
}
#sidebar h3 {
font: bold 1.75em 'Trebuchet MS', Tahoma, Arial, Sans-serif;
padding: .3em 0 .5em 10px;
color: #002368;
}
#sidebar ul.sidemenu {
list-style:none;
margin: 0;
padding: .3em 0 1em 5px;
font-family: 'Trebuchet MS', Tahoma, Sans-serif;
}
#sidebar ul.sidemenu li {
padding: 0;
background: url(sidebullet.gif) no-repeat .3em .5em;
}

* html body #sidebar ul.sidemenu li { height: 1%; }

#sidebar ul.sidemenu li a {
display: block;
font-weight: bold;
color: #E8F4FF;
text-decoration: none;
padding: .2em 0 .2em 30px;
line-height: 1.5em;
font-size: 1em;
}
#sidebar ul.sidemenu li a:hover {
background: #0F7ACC url(sidebullet.gif) no-repeat .25em .45em;
color: #FFF;
}
#sidebar ul.sidemenu ul{
margin-left: 15px;
}

#sidebar .sidebox {
margin: 5px 15px 5px 0;
padding: 0;
background: url(sidebarsep.jpg) repeat-x left bottom;
}
#sidebar .sep{
background: url(sidebarsep.jpg) repeat-x left bottom;
height: 2px;
margin: 0px 15px 10px 0;
clear: both;
}

/* main */
#main {
margin: 10px 22em 10px 0;
padding: 0;
}
#main h1 {
font: bold 2.8em 'Trebuchet MS', Arial, Sans-serif;
color: #B1E100;
letter-spacing: -2px;
padding-bottom: 0;
}
#main h1 a {
color: #B1E100;
text-decoration: none;
}

/* footer */
#footer-wrap {
clear: both;
border-top: 5px solid #86CC15;
text-align: left;
padding: 1.1em 0;
}
#footer-wrap a {
text-decoration: none;
color: #5B9CFF;
font-weight: bold;
}
#footer-wrap a:hover {
color: #E8F4FF;
}
#footer-wrap p {
padding: 5px 0;
}
#footer-wrap h2 {
color: #E8F4FF;
margin: 0;
padding: 0 10px;
text-transform: none;
}

/* footer columns */
#footer-columns {
color: #000000;

margin: 0 auto;
padding: 0;
width: 90%;
}
#footer-columns ul {
list-style: none;
margin: 10px 0 0 0;
padding: 0;
background: url(footer-dots.jpg) repeat-x left top;
}
#footer-columns li {
background: url(footer-dots.jpg) repeat-x left bottom;
font-size:1.5em;
}
#footer-columns li a {
display: block;
font-weight: normal;
padding: .5em 0 .5em 1em;
width: 96%;
}
#footer-columns .col3, .col3-center {
float: left;
width: 29%;
}
#footer-columns .col3-center {
margin: 0 10px;
}

/* bottom */
#footer-bottom {
clear: both;
color: #E8F4FF;
margin: 0 auto;
padding: 0.5em 0;
text-align: center;
font-size:0.8em;
}

/* alignment classes */
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-right { text-align: right; }

/* additional classes */
.clear { clear: both; }
.white { color: #E8F4FF; }

img.rssfeed {
border: none;
padding: 0 0 5px 0;
background: transparent;
}

.post-by {
font-size: .95em;
padding-top: 0;
}
.post-footer {
text-align: right;
background: #1E89DC;
border: 1px solid #0065C6;
padding: 8px 10px;
margin: 20px 15px 10px 15px;
}
.post-footer .date {
background: url(clock.gif) no-repeat left center;
padding-left: 20px; margin: 0 3px 0 3px;
}
.post-footer .comments {
background: url(comment.gif) no-repeat left center;
padding-left: 20px; margin: 0 3px 0 3px;
}
.post-footer .readmore {
background: url(page.gif) no-repeat left center;
padding-left: 20px; margin: 0 3px 0 3px;
}

Un peu dure de faire quelque chose avec seulement un .css

Si jamais tu peux me filer le code HTML par mp, je te fais ça d'ici Lundi prochain.

Sinon, bah... y'a toujours la possibilité que je prenne le thème directement du site

Aussi, faudrait savoir les couleurs que t'aimerais avoir, pour que puisse voir une charte graphique qui convient

Sinon y'a aussi la possibilité que tu choisisse un design (gratuit) que t'aime sur StyleShout (ou autre) et que tu me donne le lien de download et que tu mentionne les couleurs, les images, et la disposition que tu veux

Bonjour je n ai pas acces a l html.... seulement au css. Et si on fait un design et qu'on veut le faire integrer par creadunet,n je crois que c est payant....

Sinon je sais pas,je suis pas tres creatif ni imaginatif, alors je dirait dans les tons pastel, genre degrade de rose violet....

j ai bien ce style la, avec le texte ecrit en blanc pour qu'on voit mieux.

apercu http://www.styleshout.com/templates/preview/Ablaze22/index.html

telecharger http://www.styleshout.com/hits.php?type=tmp&id=9&url=templates/downloads/Ablaze22.zip

Je te fais cela, dans la journée, ou vendredi après-midi. Pour le moment, dodo time xD

Il est 01:22am chez moi ^^

PS. Si jamais t'a des demandes spéciales pour le design modifié, fait moi signe.

ok, moi il est 7h30 et je vais me coucher aussi.
merci, a bientot

Bah pour l'écriture blanche, faut seulement que tu remplace dans le style.css du thème Ablaze

Code:

body {
   margin: 0;    padding: 0;
   font: normal 12px/1.7em 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
   color: #6A6A6A;
   text-align: center;
   background: #000;
}

par

Code:

body {
   margin: 0;    padding: 0;
   font: normal 12px/1.7em 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
   color: white;
   text-align: center;
   background: #000;
}

Ensuite, j'ai pas énormement d'idées de comment faire quelque chose si jamais on peut pas changer le design, ou s'il faut payer creadunet pour le faire.

Tu peux voir si tu peux t'informer?

0ui je vais v0ir. la j ai tester sur m0n autre ptp ca d0nne ca:
http://fashion.creadunet.com/

moi aussi ,je souhaiterais voir le résultat
pour savoir si c'est possible !.

j ai remis n0rmalp0ur que les membres puissent naviguer aisement sur le site.

je remettrai le design mercredi p0ur une duree de 24h, le temps ke t ai un apercu. je te previen, c etait juste un test, y a plein de reglage a faire d0nc c est tres m0che.

J ai demander a creadunet de l integrer p0ur t0ut le m0nde, il est 0k mais p0ur l instant il a pas tr0p le temps. Si je le veux que p0ur m0i, il le fait direct mais c est 25 eur0

A ce prix la je prefere chercher un design plus beau qui casse la barraque....

quand ,j'ais accés au FTP
je peut faire ceci (sans la ban de l'annonceur) :
http://www.new-annonces.com/promoannonceur/kado.htm

Au secours !!!

J'aimerais que ce soit transparent comme ca l est la, afin que l'on voit le fond, mais je veux qu'on voit bien le texte, les bannieres, donc que ces choses la ne soient pas transparentes.

Quelqu'un a t il la solution?

Je vous donne le lien et le css...

Merci a ceux qui m'aideront

http://fashion.creadunet.com/


* {
margin: 0;
padding: 0;
}

body {
background:$bgcolor;
margin:0;

background-repeat:no-repeat;
background-attachment: fixed;
background-image:url("https://2img.net/r/ihimizer/img638/5012/fantasticfour206.jpg");

}

a {
text-decoration: none;
color: #01010C;
}
a:hover {
text-decoration: none;
color: #eee;
}

#wrap {
margin: 20px auto;
width: 1000px;
}

#header {
height: 120px;
}
#header-promote {
height: 90px;
}
#logo {
float: left;
width: 49%;
}
#logo h1 {
color : #fff;
font-size: 50px;
letter-spacing: -3px;
}
#header-links {
width: 49%;
height: 66px;
float: left;
text-align: center;
color: #FFFFFF;
}

#left {
margin-top: 10px;
float: left;
width: 190px;
font-size: 13px;
padding: 10px;
background: #9393F0;
-moz-opacity:0.5;

opacity: 0.5;

filter:alpha(opacity=50);
}
#left ul {
list-style-type: square;
padding: 5px 0 10px 30px;
color: #9393F0;
}
#left h2 {
font-size: 20px;
font-weight: 100;
letter-spacing: -2px;
padding: 5px 0 5px 0;
}

#right {
margin-top: 10px;
float: right;
width: 740px;
background: #9393F0;
text-align: justify;
padding: 10px 10px 10px 25px;
-moz-opacity:0.5;

opacity: 0.5;

filter:alpha(opacity=50);
}
#right h2 {
font-weight: 100;
letter-spacing: -1px;
font-size: 28px;
padding: 15px 0 10px 0;
}
#right h2 a {
}
#right h2 a:hover {
color: #9393F0;
text-decoration: none;
}

#footer {
background: #9393F0;
font-size: 11px;
text-align: center;
margin-top: 25px;
padding: 5px 0;
}

/* MENU */
#menu {
height: 3.0em;
line-height: 3.0em;
background-color: #2F2C2C;
margin-bottom:18px;
}
#menu ul {
padding-left: 1em;
list-style-type: none;
}
#menu ul li {
display: block;
float: left;
}
#menu ul li a {
color: #eeeeee;
padding: 0 1em;
text-decoration: none;
font-weight: 600;
}
#menu ul li a:hover {
color: #ffffff;
text-decoration: underline;
}
#menu ul li#current{
background-color: #969696;
}

/* footer columns */
#footer-columns {
margin: 0 auto;
padding: 0;
width: 90%;
}
#footer-columns h3{
color: #F30018;
}
#footer-columns ul {
list-style: none;
margin: 1em 0 0 0;
padding: 0;
}
#footer-columns li {
text-align: left;
}
#footer-columns .col3, .col3-center {
float: left;
width: 29%;
}
#footer-columns .col3-center {
margin: 0 1em;
}
/* bottom */
#footer-bottom {
clear: both;
color: #E8F4FF;
margin: 0.8em auto;
padding: 0.5em 0;
text-align: center;
font-size:0.8em;
}
#footer-bottom h3 {
font-size: 1.4em;
color: #666;
margin: 0.6em 0 0.1em 0;
}

/* start - table */
table {
margin: 1em 1.5em;
border-collapse: separate;
background: #C0C0C0;
color:#242424;
}
th {
background: #E6ADB2;
height: 3em;
padding-left: 1.2em;
padding-right: 1.2em;
color: #FFF;
text-align: left;
border: 0.1em solid #969696;
}
tr {
height: 2.5em;
border: 0.1em solid #969696;
}
td {
padding-left: 1.2em;
padding-right: 1.2em;
border: 0.1em solid #969696;
}
td.first,th.first {
}
/* end - table */

/* form elements */
td a,td.first a,th.first a{
color:#242424;

}
form {
margin: 0.2em 0.4em;
padding: 0.3em;
border: 0.1em solid #ffffff;
background-color: #75D77F;
color:black;
}
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend {
color:#000000;
font-size:1.2em;
}
label {
display:block;
font-weight:bold;
margin: .4em 0;
}
input {
padding: .2em;
border: 0.1em solid #fff;
font: normal 1em Verdana, sans-serif;
background: #DDDDEE;
color:#777;
}
textarea {
width: 100%;
padding: .2em;
font: normal 1em/1.5em Verdana, sans-serif;
border: 0.1em solid #eee;
height: 10em;
display:block;
background: #C0C0C0;
color:#777;
}
input.button {
font: bold 1em Arial, Sans-serif;
margin: 0;
padding: .25em .3em;
color: #fff;
background: #969696;
border: 0.2em solid #969696;
}

ben moi ,j'arrives pas a clarifier , et juste sur un fichier " css" ,sa me dépasse un peu
j'ais fais quelques essais ,mais j'ais un blem sur les "tables" et les transparences ..
et le résultats n'est pas trés propre
http://rubyjack.creadunet.com/

Je vous donne la solution se soir, je vais manger

Personnellement, je crois que ça a un rapport avec les opacity: 0.5 qui lui, attribue le opacity à tout le bloc (donc le texte et les liens). Quelque chose comme:

Code:

#left {
margin-top: 10px;
float: left;
width: 190px;
font-size: 13px;
padding: 10px;
background: #9393F0;
-moz-opacity:0.5;

opacity: 0.5;

filter:alpha(opacity=50);
}

pourrait donc devenir quelque chose comme:

Code:


#left {
margin-top: 10px;
float: left;
width: 190px;
font-size: 13px;
padding: 10px;
background: #9393F0;
-moz-opacity:0.5;

opacity: 0.5;

filter:alpha(opacity=50);
}
#left p {
-moz-opacity:1;
opacity: 1;
filter:alpha(opacity=100);
}

Quelque chose comme ça pourrait évidemment fonctionner, mais je vais faire des tests chez en local avant.

0UI. quand j ai chercher le c0de 0pacity sur le net, ca ma prevenu que ca prenai le bl0c entier...
en t0ut cas merci de t0n aide et b0n app

Après avoir ouvert plus de 20 onglets pour répondre au sujet, j'ai finalement trouvé la réponse en fouillant dans mon cartable de note xDDD

Code:

background-color:rgba(0,0,0,0);

Donc voilà ton code (mis dans ton post précédant) mis-à-jour

Code:

* {
margin: 0;
padding: 0;
}

body {
background:$bgcolor;
margin:0;

background-repeat:no-repeat;
background-attachment: fixed;
background-image:url("http://img638.imageshack.us/img638/5012/fantasticfour206.jpg");
}

a {
text-decoration: none;
color: #01010C;
}

a:hover {
text-decoration: none;
color: #eee;
}

#wrap {
margin: 20px auto;
width: 1000px;
}

#header {
height: 120px;
}

#header-promote {
height: 90px;
}

#logo {
float: left;
width: 49%;
}

#logo h1 {
color : #fff;
font-size: 50px;
letter-spacing: -3px;
}

#header-links {
width: 49%;
height: 66px;
float: left;
text-align: center;
color: #FFFFFF;
}

#left {
margin-top: 10px;
float: left;
width: 190px;
font-size: 13px;
padding: 10px;
background-color:rgba(0,0,0,0);
}

#left ul {
list-style-type: square;
padding: 5px 0 10px 30px;
color: #9393F0;
}

#left h2 {
font-size: 20px;
font-weight: 100;
letter-spacing: -2px;
padding: 5px 0 5px 0;
}

#right {
margin-top: 10px;
float: right;
width: 740px;
background: #9393F0;
text-align: justify;
padding: 10px 10px 10px 25px;
background-color:rgba(0,0,0,0);
}

#right h2 {
font-weight: 100;
letter-spacing: -1px;
font-size: 28px;
padding: 15px 0 10px 0;
}

#right h2 a {
}

#right h2 a:hover {
color: #9393F0;
text-decoration: none;
}

#footer {
background: #9393F0;
font-size: 11px;
text-align: center;
margin-top: 25px;
padding: 5px 0;
}

/* MENU */
#menu {
height: 3.0em;
line-height: 3.0em;
background-color: #2F2C2C;
margin-bottom:18px;
}

#menu ul {
padding-left: 1em;
list-style-type: none;
}

#menu ul li {
display: block;
float: left;
}

#menu ul li a {
color: #eeeeee;
padding: 0 1em;
text-decoration: none;
font-weight: 600;
}

#menu ul li a:hover {
color: #ffffff;
text-decoration: underline;
}

#menu ul li#current{
background-color: #969696;
}

/* footer columns */
#footer-columns {
margin: 0 auto;
padding: 0;
width: 90%;
}

#footer-columns h3{
color: #F30018;
}

#footer-columns ul {
list-style: none;
margin: 1em 0 0 0;
padding: 0;
}

#footer-columns li {
text-align: left;
}

#footer-columns .col3, .col3-center {
float: left;
width: 29%;
}

#footer-columns .col3-center {
margin: 0 1em;
}

/* bottom */

#footer-bottom {
clear: both;
color: #E8F4FF;
margin: 0.8em auto;
padding: 0.5em 0;
text-align: center;
font-size:0.8em;
}

#footer-bottom h3 {
font-size: 1.4em;
color: #666;
margin: 0.6em 0 0.1em 0;
}

/* start - table */

table {
margin: 1em 1.5em;
border-collapse: separate;
background: #C0C0C0;
color:#242424;
}

th {
background: #E6ADB2;
height: 3em;
padding-left: 1.2em;
padding-right: 1.2em;
color: #FFF;
text-align: left;
border: 0.1em solid #969696;
}

tr {
height: 2.5em;
border: 0.1em solid #969696;
}

td {
padding-left: 1.2em;
padding-right: 1.2em;
border: 0.1em solid #969696;
}

td.first,th.first {
}

/* end - table */

/* form elements */

td a,td.first a,th.first a{
color:#242424;
}

form {
margin: 0.2em 0.4em;
padding: 0.3em;
border: 0.1em solid #ffffff;
background-color: #75D77F;
color:black;
}

fieldset {
margin: 0;
padding: 0;
border: none;
}

legend {
color:#000000;
font-size:1.2em;
}

label {
display:block;
font-weight:bold;
margin: .4em 0;
}

input {
padding: .2em;
border: 0.1em solid #fff;
font: normal 1em Verdana, sans-serif;
background: #DDDDEE;
color:#777;
}

textarea {
width: 100%;
padding: .2em;
font: normal 1em/1.5em Verdana, sans-serif;
border: 0.1em solid #eee;
height: 10em;
display:block;
background: #C0C0C0;
color:#777;
}

input.button {
font: bold 1em Arial, Sans-serif;
margin: 0;
padding: .25em .3em;
color: #fff;
background: #969696;
border: 0.2em solid #969696;
}

Compatible avec FireFox 3.6 et Internet Explorer 7 (Les deux seuls sous lequel je l'ai testé).

Voilà

MERCI C EST GENTIL.JE L INSTALLE DANS L HEURE ET JE TE TIENS AU C0URANT.
Merci....

GENIAL...
J'ai quelques modif a faire pour qu'on voit mieux le texte mais je pense que je vais y arriver.
Merci beaucoup pour ton aide.
Pour te remercier, je t offre un statut vip bronze d'un mois sur beuz89 ptp...
A plus...

Ça me fait plaisir

Et merci pour le VIP, jvais peut-être enfin pouvoir demander un paiement à la fin du mois

Et en plus, ça aide rubyjack car il avait le même soucis

Jvais peut-être parraître gourmant, mais y'a pas moyen que j'échange le VIP Bronze 1mois contre les 5euros qu'il vaut? (ou 3-4 euros, ça m'irait )

C'est juste que je sens qu'il va m'être légèrement inutile niveau Limite 150000 points x)

Mais bon, si ça se fait pas, c'est pas grave