Forum BH2 Skin

[gorgorgueu]

Jacky ^^

 

je cherche les boutons poster uen réponse, malgres leur couleur ils sont durs a trouver (je trouve)

 

je suis d'accord avec David.G pour le style des boutons qui ne "collent" plus avec le style V2

 

juste une chose, ça vient peut etre de la police d'ecriture, mais mettez vous dans une setion et amusez vous a changer le skin et remarquer que pour l ancien skin :

 

aujourd'hui, 19:07

Dernier message par : patrick07

 

et le nouveau :

 

aujourd'hui, 19:07 Dernier message par : patrick07

en sachant que chez moi j'ai le patrcik07 a la ligne comme ça :

 

aujourd'hui, 19:07 Dernier message par

: patrick07

ce que je ne trouve pas tres beau ni meme logique (peut etre une histoire de resolution aussi)

[starjoin]

Plus c'est simple, plus c'est lisible, j'aime bien. Par contre les boutons "éditer" et cie font trop sophistiqués du coup.

Pour la bannière, il vaut mieux une image de largeur max 750, elle peut être prolongée par un bandeau coloré du même bleu que la barre de titre, pour harmoniser le tout.

 

Ouep, je sais ^^ Je vais refaire des boutons plus tard :p

 

EDIT : voila corrigé mon gueu ^^ C'était un petit retour à la ligne mal placé ^^

[David.G]

Et à la place du rouge, pourquoi ne pas mettre du vert, il y en a dans la bannière et l'icône des nouveaux messages est jaune/vert. ;)

[starjoin]

J'voyais plus du orange perso ^^

Faut que je teste les deux ^^

[Erwan]

J'adores le orange, mais du rouge sur du blanc c'est très beau. Tu devrais laisser le rouge je trouves. ^^

[David.G]

J'voyais plus du orange perso ^^

Met du orange dans la bannière alors.

 

:dispute:

[Erwan]

Rouge. :o

[starjoin]

J'voyais plus du orange perso ^^

Met du orange dans la bannière alors.

 

:dispute:

 

C'est moche ^^

[David.G]

Oui mais trois couleurs en plus du bleu ça commence à faire bordélique. :dingue:

[Erwan]

Oui, le rouge démarqué par rapport aux autres en montrant que lien.

[starjoin]

Hop voilà pour le header ^^

 

J'peux pas faire mieux pour le rendre autoadaptatif mais bon. C'est pas si mal, même si bh'forum sur le côté ça aurait été bcp mieux !

[Erwan]

C'est pour ça que je t'avais dit qu'a gauche ça aurait été mieux. :o

[starjoin]

Là c'est à gauche ...

 

Maintenant si tu veux parler d'un alignement à droite, bah c'est moche aussi ^^

[anneso]

j'aime bien mais:

le bouton de reponse se trouve pas au premier coup d'oeil

 

j'aime bien :voila: mais ça flache, et tout ne se voit pas facilement

j'avais perdu les emoticones

[starjoin]

j'aime bien mais:

le bouton de reponse se trouve pas au premier coup d'oeil

 

j'aime bien :voila: mais ça flache, et tout ne se voit pas facilement

j'avais perdu les emoticones

 

Pourtant ils sont au même endroit les boutons ^^

 

Les emotes sont pas encore implanté.

[Erwan]

Là c'est à gauche ...

 

Maintenant si tu veux parler d'un alignement à droite, bah c'est moche aussi ^^

 

 

Mais euh. Deuxième fois aujourd'hui. Je parlais de la bannière en elle même. :lol:

[starjoin]

Spa grave, comme ça c'est bien ^^

 

J'ai trad en français, ça devrait vous faire tilte maintenant j'espère :)

[Lilise]

Là, c'est super ^^

Manque plus que les émo :D

 

P.S: traduction en français :yais:

[Erwan]

Il faut connaitre les codes. Vous utilisez assez le forum pour les savoirs presque tous normalement. :o

[darkcoco]

Bonsoir

 

J'ai testé le new skin et je trouve que c'est pas mal du tout :)

Si j'aime bien.

 

Juste une constatation, c'est qu'il y'a encore les boutons jaune représentant une souris.

Y'a pas moyen de changer ça et de mettre quelque chose de plus joli ?

 

Sinon ouais la couleur grise, on peut pas mettre une autre couleur ou un peu plus clair ?

Mais sinon c'est bien, je dis respect car c'est pas évident de créer un skin ou de le modifier.

Un truc que je n'oserai jamais faire :cool:

 

A+

[SEB]

Mon avis :

 

j'aime bien la BHV2 mais (et oui car il y un mais :o )

 

-> j'ai l'impression qu'il manque les bordures autour des différentes zones

-> la couleur "gris foncé" en fonds pour les "utilisateurs actifs" et les "stats" tranche trop. Je verrais bien un bleu clair ou une autre couleur "douce" mais pas gris .. ca cloche avec le reste j'ai l'impression

-> Pourquoi mettre un fond de page bleu gris puis un fond blanc pour le forum ? Ca serait pas plus beau et moins chargé de toute mettre en blanc ?

-> le logo du forum me parait trop large ou trop lourd, le chargement de celui-ci est long.

-> la taille d'écriture des signatures est trop grande.

- la couleur d'écriture des messages postés sur le forum (gris) est pas assez lisible je trouve. Pourquoi ne pas mettre du noir ?

 

 

Voila voilà ... ce n'est que mon avis. Je ne sais pas si certains le partagent mais bon .. je voulais juste dire deux trois trucs pour améliorer le design que je trouve déjà super bien fichu au demeurant. Si il satisfait tout le monde et que tout le monde est d'accord, on pourrait envisager par la suite, quand le skin sera totalement fini, de l'utiliser par défaut. Quitte à faire un sondage...

[Erwan]

L'alternance Gris clair/Blanc rends beaucoups mieux. ^^

[SEB]

L'alternance Gris clair/Blanc rends beaucoups mieux. ^^

 

 

Tu parles des posts ?

 

Si oui je suis totalement d'accord avec toi. Moi je parle du fonds du forum. (le fond du fond :o )

[Erwan]

Ce style?

 

html
{
overflow-x: auto;
}

body
{
color: #888;
font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
font-size: small;
line-height: 175%;
margin: 0px;
padding: 0px;
text-align: center;
}

.ipbtable
{
width: 100%;
}

table.ipbtable,
tr.ipbtable,
td.ipbtable
{
background: transparent;
color: #888;
font-size: small;
line-height: 150%;
}

.ipbtable td,
.divpad
{
padding: 5px;
}

td.nopad
{
padding: 0;
}

form
{
display: inline;
margin: 0;
padding: 0;
}

img
{
border: 0;
vertical-align: middle;
}

a:link,
a:visited,
a:active
{
background: transparent;
color: #2787c4;
text-decoration: none;
}

a:hover
{
background: transparent;
color: #444;
text-decoration: none;
}

#ipbwrapper
{
margin: 20px 10px 20px 10px;
text-align: left;
padding: 20px;
border: 0px solid #072A66;
background: #fff;
}

.pagelink,
.pagelinklast,
.pagecurrent,
.minipagelink,
.minipagelinklast
{
background: #fafafa;
border: 1px solid #444;
padding: 1px 3px 1px 3px;
}

.pagelinklast,
.minipagelinklast
{
background: #fafafa;
}

.pagecurrent
{
background: #666;
color: #fff;
}

.minipagelink,
.minipagelinklast
{
border: 0;
background: #f3f3f3;
font-size: small;
margin: 0 1px 0 0;
}

.pagelink a:active,
.pagelink a:visited,
.pagelink a:link,
.pagelinklast a:active,
.pagelinklast a:visited,
.pagelinklast a:link,
.pagecurrent a:active,
.pagecurrent a:visited,
.pagecurrent a:link,
.minipagelink a:active,
.minipagelink a:visited,
.minipagelink a:link,
.minipagelinklast a:active,
.minipagelinklast a:visited,
.minipagelinklast a:link
{
text-decoration: none;
}

.fauxbutton
{
background: #f8f8f8;
border: 1px solid #666;
font-size: small;
font-weight: bold;
padding: 4px;
}

.fauxbutton a:link,
.fauxbutton a:visited,
.fauxbutton a:active
{
color: #666 !important;
text-decoration: none;
}

.forumdesc,
.forumdesc a:link,
.forumdesc a:visited,
.forumdesc a:active
{
background: transparent;
font-size: x-small;
color: #666;
line-height: 150%;
margin: 2px 0 0 0;
padding: 0;
}

.searchlite
{
background-color: yellow;
font-weight: bold;
color: red;
}

.activeusers
{
background: #FFF;
border: 1px solid #666;
color: #444;
margin: 0px;
padding: 1px;
}

.activeuserposting a:link,
.activeuserposting a:visited,
.activeuserposting a:active,
.activeuserposting
{
font-style: italic;
text-decoration: none;
border-bottom: 1px dotted black;
}

fieldset.search
{
line-height: 150%;
padding: 6px;
}

label
{
cursor: pointer;
}

img.attach
{
background: #808080 url(style_images/bhv2test/click2enlarge.gif) no-repeat top right;
border: 1px solid #808080;
margin: 0 2px 0 0;
padding: 11px 2px 2px 2px;
}

.thumbwrap,
.thumbwrapp,
.fullimagewrap
{
border: 1px solid #666;
margin: 2px;
}

.thumbwrapp
{
border: 2px solid #444;
}

.fullimagewrap
{
background: #f8f8f8;
text-align: center;
margin: 5px 0 5px 0;
padding: 5px;
}

.thumbwrap h4,
.thumbwrapp h4
{
background: #f8f8f8;
border: 0 !important;
border-bottom: 1px solid #666 !important;
color: #444;
font-size: small;
font-weight: bold;
margin: 0;
padding: 5px;
}

.thumbwrap p,
.thumbwrapp p
{
background: #f2f2f2 !important;
border: 0 !important;
border-top: 1px solid #666 !important;
margin: 0 !important;
padding: 5px !important;
text-align: left;
}

.thumbwrap p.alt,
.thumbwrapp p.alt
{
background: #fafafa !important;
margin: 0 !important;
padding: 5px !important;
text-align: left;
}

.thumbwrapp p.pin
{
background: #EFDFDF !important;
text-align: center !important;
}

.thumbwrap img.galattach,
.thumbwrapp img.galattach
{
background: #FFF url(style_images/bhv2test/img_larger.gif) no-repeat bottom right;
border: 1px solid #666;
margin: 5px;
padding: 2px 2px 10px 2px;
}

li.helprow
{
margin: 0 0 10px 0;
padding: 0;
}

ul#help
{
padding: 0 0 0 15px;
}

.warngood,
.warnbad
{
color: #0B9500;
font-weight: bold;
}

.warnbad
{
color: #DD0000;
}

#padandcenter
{
margin: 0 auto 0 auto;
padding: 14px 0 14px 0;
text-align: center;
}

#profilename
{
font-family: arial, sans-serif;
font-size: 18px;
font-weight: bold;
}

#photowrap
{
padding: 6px;
}

#phototitle
{
border-bottom: 1px dotted #f8f8f8;
font-size: 16px;
margin-bottom: 3px;
font-family: arial;
color: #f8f8f8;
font-weight: bold;
}

#photoimg
{
margin: 15px 0 0 0;
border: 1px solid #ccc;
padding: 5px;
background: #555;
text-align: center;
}

#ucpmenu,
#ucpcontent
{
background: #f8f8f8;
border: 1px solid #666;
line-height: 150%;
}

#ucpmenu p
{
margin: 0;
padding: 2px 5px 6px 9px;
}

#ucpmenu a:link, 
#ucpmenu a:active, 
#ucpmenu a:visited
{
text-decoration: none;
}

#ucpcontent
{
width: auto;
}

#ucpcontent p
{
margin: 0;
padding: 10px;
}

.activeuserstrip
{
background: #f8f8f8;
padding: 6px;
}

.signature
{
background: transparent;
color: #888;
font-size: small;
line-height: 150%;
padding-top: 5px;
text-align: left !important;
}

.postdetails
{
font-size: x-small;
line-height: 140%;
}

.postcolor
{
font-size: small;
color: #666;
line-height: 175%;
}

.normalname
{
font-family: arial, sans-serif;
color: #444;
font-size: 14px;
font-weight: bold;
letter-spacing: -1px;
}

.normalname a:link, 
.normalname a:visited, 
.normalname a:active
{
font-size: 14px;
}

.post1,
.bg1
{
background: #e5e5e5;
}

.post2,
.bg3
{
background: #FFFFFF;
}

.row2shaded,
.post1shaded
{
background-color: #f8f8f8;
}

.row4shaded,
.post2shaded
{
background-color: #f2f2f2;
}

.row1
{
background:#FFFFFF;
}

.row2
{
background:#FFFFFF;
}

.darkrow1
{
background: #666;
color: #fafafa;
}

.darkrow3
{
background: #f8f8f8;
color: #444;
}

.plainborder,
.tablefill,
.tablepad
{
background: #f8f8f8;
border: 1px solid #666;
}

.tablefill,
.tablepad
{
padding: 6px;
}

.tablepad
{
border: 0 !important;
}

.wrapmini
{
float: left;
line-height: 1.5em;
width: 25%;
}

.pagelinks
{
float: left;
line-height: 1.2em;
width: 35%;
}

.desc
{
font-size: small;
color: #434951;
}

.lastaction
{
font-size: x-small;
color: #434951;
}

.edit
{
font-size: 9px;
}

.thin
{
border: 1px solid #FFF;
border-left: 0;
border-right: 0;
line-height: 150%;
margin: 2px 0 2px 0;
padding: 6px 0 6px 0;
}

.calmonths
{
background: #fafafa;
border: 1px solid #666;
font-size: 16px;
font-family: arial, sans-serif;
font-weight: bold;
margin: 5px 0 5px 0;
padding: 8px;
text-align: center;
}

.weekday
{
font-size: 14px;
font-weight: bold;
}

.calmonths a
{
text-decoration: none;
}

.calday,
.calweekday
{
background: #fafafa;
color: #666;
font-size: small;
font-weight: bold;
margin: 0;
padding: 4px;
text-align: right;
}

.calweekday
{
border-right: 1px solid #AAA;
color: #888;
font-family: arial, sans-serif;
font-size: 14px;
padding: 6px;
text-align: center;
}

.celltodayshaded,
.celldateshaded,
.cellblank,
.celldate,
.celltoday,
.mcellblank,
.mcelldate,
.mcelltoday
{
background: #f8f8f8;
height: 100px;
margin: 0;
padding: 0;
vertical-align: top;
}

.celltodayshaded,
.celldateshaded
{
background: #e7e7e7;
}

.mcellblank,
.mcelldate,
.mcelltoday
{
height: auto;
}

.cellblank,
.mcellblank
{
background: #f2f2f2;
}

.celltoday,
.celltodayshaded,
.mcelltoday
{
border: 2px solid #c30;
background: #f1f1f1;
}

.calranged
{
border: 2px outset #dfdfdf;
background: #dfdfdf;
padding: 4px;
}

.calitem
{
border-bottom: 1px dotted #dfdfdf;
padding: 4px;
}

.input-warn,
.input-green,
input,
textarea,
select
{
background: #f8f8f8;
border: 1px solid #666;
color: #444;
font-family: verdana, helvetica, sans-serif;
font-size: small;
margin: 5px;
padding: 2px;
vertical-align: middle;
}

.input-warn,
.input-warn-content
{
border: 1px solid #666;
}

.input-ok,
.input-ok-content
{
border: 1px solid #666;
}

.input-warn-content
{
padding: 4px;
margin: 4px;
background-color: #f4f4f4;
}

.input-ok-content
{
padding: 4px;
margin: 4px;
background-color: #f2f2f2;
}

.input-text
{
color: #444;
}

select
{
border: 1px solid #666;
font-family: verdana, helvetica, sans-serif;
font-size: small;
margin: 0;
padding: 0;
}

input.button
{
margin: 0;
width: auto;
}

optgroup option
{
font-family: verdana, helvetica, sans-serif;
font-size: small;
}

.codebuttons
{
font-family: Verdana, Helvetica, Sans-Serif;
font-size: small;
vertical-align: middle;
margin: 2px;
}

.textarea,
.searchinput,
.button,
.gobutton
{
background: #f8f8f8;
border: 1px solid #666;
color: #444;
font-family: Verdana, Helvetica, Sans-Serif;
font-size: small;
padding: 2px;
vertical-align: middle;
}

.button
{
background: #fafafa;
}

.gobutton
{
background: transparent;
border: 0;
color: #072A66;
margin: 0;
vertical-align: middle;
}

.radiobutton,
.checkbox,
.helpbox
{
border: 0;
vertical-align: middle;
}

.formtable
{
background: transparent;
}

.formtable td,
.pformleft,
.pformleftw,
.pformright
{
background: #f8f8f8;
border: 1px solid #e5e5e5;
border-bottom: 0;
border-left: 0;
font-weight: bold;
margin: 1px 0 0 0;
padding: 6px;
width: 25%;
}

.formtable td.wider,
.pformleftw,
.pformright
{
width: 40%;
}

.formtable td.formright,
.pformright
{
border-right: 0px;
font-weight: normal;
width: auto;
}

.formtable td.formtitle,
.formsubtitle
{
background: #666;
border: 0px solid #9FB9D4;
border-bottom: 0;
border-left: 0;
border-right: 0;
font-weight: normal;
}

.formsubtitle
{
border: 0;
color: #fff;
letter-spacing: -1px;
font-weight: normal;
padding: 5px;
}

.formtable td.formstrip
{
background: #DDE8F2;
border: 1px solid #9FB9D4;
border-left: 0;
border-right: 0;
font-weight: normal;
}

.quotetop,
.codetop,
.sqltop,
.htmltop
{
background: #f4f4f4;
border: 1px dotted #888;
border-bottom: 0;
border-left: 4px solid #888;
color: #666;
font-weight: bold;
font-size: small;
margin: 0 10px 0 10px;
padding: 4px;
}

.quotemain,
.codemain,
.sqlmain,
.htmlmain
{
background: #fafafa;
border: 1px dotted #888;
border-left: 4px solid #888;
color: #666;
padding: 6px;
margin: 0 10px 8px 10px;
}

#QUOTE,
#CODE
{
background: #fafafa;
border: 1px solid #666;
color: #666;
font-family: Verdana, Arial;
font-size: small;
padding: 2px;
white-space: normal;
}

#CODE
{
font-family: Verdana, Arial;
}

.cleared
{
clear: both;
}

.borderwrap,
.borderwrapm
{
background: #FFF;
border: 0px solid #072A66;
padding: 0px;
margin: 0px;
}

.borderwrapm
{
margin: 5px;
}

.borderwrap h3,
.maintitle,
.maintitlecollapse
{
background: #2787c4;
color: #FFF;
font-size: 10px;
letter-spacing: -1px;
line-height: 165%;
font-weight: normal;
margin: 0px;
padding: 5px;
}

.maintitle td
{
color: #FFF;
font-size: small;
font-weight: bold;
}

.maintitlecollapse
{
border: 1px solid #FFF;
}

.maintitle p,
.maintitlecollapse p,
.formsubtitle p
{
background: transparent !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
}

.maintitle p.expand,
.maintitle p.goto,
.maintitlecollapse p.expand,
.formsubtitle p.members
{
float: right;
width: auto !important;
font-size: small;
}

.maintitle a:link, 
.maintitle a:visited,
.maintitlecollapse a:link, 
.maintitlecollapse a:visited
{
background: transparent;
color: #FFF;
text-decoration: none;
}

.maintitle a:hover, 
.maintitle a:active,
.maintitlecollapse a:hover, 
.maintitlecollapse a:active
{
background: transparent;
color: #F1F1F1;
}

table th,
.borderwrap table th,
.subtitle,
.subtitlediv,
.postlinksbar
{
background: #fafafa;
border-bottom: 1px solid #666;
color: #888;
font-size: small;
font-weight: normal;
letter-spacing: -1px;
margin: 0;
padding: 5px;
}

.subtitlediv
{
border: 1px solid #FFF;
border-bottom: 1px solid #666;
text-align: right;
}

.borderwrap table th a:link,
.subtitle a:link,
.subtitlediv a:link,
.borderwrap table th a:visited,
.subtitle a:visited, 
.subtitlediv a:visited, 
.borderwrap table th a:active,
.subtitle a:active,
.subtitlediv a:active,
.borderwrap table th a:hover,
.subtitle a:hover,
.subtitlediv a:hover
{
background: transparent;
color: #3A4F6C;
text-decoration: none;
}

.borderwrap h4
{
background: #f8f8f8;
border: 1px solid #FFF;
border-bottom: 1px solid #666;
border-top: 1px solid #666;
color: #444;
font-size: small;
font-weight: bold;
margin: 0;
padding: 5px;
}

.borderwrap p
{
background: #F9F9F9;
border: 1px solid #CCC;
margin: 5px;
padding: 10px;
text-align: left;
}

td.formbuttonrow,
.borderwrap p.formbuttonrow,
.borderwrap p.formbuttonrow1
{
background: #eee !important;
border: 0px solid #FFF;
border-top: 0px solid #666;
margin: 0px !important;
padding: 5px !important;
text-align: center;
}

td.formbuttonrow
{
border-bottom: 0;
border-left: 0;
border-right: 0;
}

.borderwrap p.formbuttonrow1
{
background: #F9F9F9 !important;
border: 0;
border-top: 1px solid #CCC;
}

.bar,
.barb,
.barc
{
background: #666;
border: 0px solid #F60;
}

.bar p,
.barb p,
.barc p
{
background: transparent;
border: 0;
color: #888;
font-size: small;
margin: 0;
padding: 5px;
text-align: left;
}

.barb p
{
text-align: right;
}

.bar p.over,
.bar p.overs,
.barc p.over,
.barc p.overs
{
float: right;
}

.barb p.over,
.barb p.overs
{
float: left;
}

.bar p.overs,
.barb p.overs,
.barc p.overs
{
position: relative;
top: 5px;
}

.catend
{
background: transparent;
color: #444;
font-size: 1px;
height: 5px;
}

.newslink
{
background: transparent;
border: 0px solid #e5e5e5;
margin: 0;
width: 100%;
}

.newslink td
{
color: #888;
font-size: x-small;
padding: 2px 2px 2px 5px;
}

.newslink span
{
background: transparent;
color: #666;
font-style: italic;
font-weight: normal;
}

.newslink input
{
background: #FFF;
border: 1px solid #999;
color: #666;
font-size: small;
padding: 3px;
vertical-align: middle;
width: auto;
}

.newslink input.button
{
background: transparent;
border: 0;
color: #666;
vertical-align: middle;
}

.fieldwrap
{
background: #F9F9F9;
border: 1px solid #CCC;
border-top: 0;
margin: 5px;
padding: 0;
text-align: left;
}

.fieldwrap h4
{
background: #666;
border: 1px solid #CCC;
border-left: 0;
border-right: 0;
color: #444;
font-size: small;
font-weight: bold;
margin: 0;
padding: 5px;
}

.errorwrap
{
background: #f2f2f2;
border: 1px solid #666;
border-top: 0;
margin: 5px;
padding: 0;
}

.errorwrap h4
{
background: #666;
border: 1px solid #444;
border-left: 0;
border-right: 0;
color: #f8f8f8;
font-size: small;
font-weight: bold;
margin: 0;
padding: 5px;
}

.errorwrap p
{
background: transparent;
border: 0;
color: #444;
margin: 0;
padding: 8px;
}

.ruleswrap
{
background: #f8f8f8;
border: 1px solid #666;
color: #444;
margin: 5px 0 5px 0;
padding: 5px;
}

#redirectwrap
{
background: #fafafa;
border: 1px solid #666;
margin: 200px auto 0 auto;
text-align: left;
width: 500px;
}

#redirectwrap h4
{
background: #f1f1f1;
border-bottom: 1px solid #666;
color: #444;
font-family: arial, sans-serif;
font-size: 16px;
font-weight: bold;
margin: 0;
padding: 8px;
}

#redirectwrap p
{
margin: 0;
padding: 5px;
}

#redirectwrap p.redirectfoot
{
background: #f1f1f1;
border-top: 1px solid #444;
text-align: center;
}

#gfooter
{
background: transparent;
margin: 5px 0 5px 0;
padding: 0;
width: 100%;
}

#gfooter td
{
color: #444;
font-size: xx-small;
padding: 4px;
}

#gfooter a:link,
#gfooter a:visited
{
color: #c30;
}

#logostrip
{
background: url(http://www.blue-hardware.com/temp/starjoin/AL2/Untitled-1.jpg) repeat left top;
border: 0px solid #FFF;
height: 96px;
margin: auto;
padding: 0;
}

#logographic
{
background: transparent;
height: 150px;
margin: 0;
padding: 0;
}

#submenu
{
background: transparent;
border-top: 0;
color: #3A4F6C;
margin: 15px;
}

#userlinks,
#userlinksguest
{
background: transparent;
border: 0px solid #e5e5e5;
margin: 5px 0 5px 0;
padding: 0 5px 0 5px;
}

#userlinksguest
{
background: transparent;
border: 0px solid #e5e5e5;
}

#submenu p,
#userlinks p,
#userlinksguest p
{
background: transparent !important;
border: 0 !important;
font-size: small;
font-weight: bold;
letter-spacing: 1px;
margin: 0 !important;
padding: 0px 0 2px 0;
text-align: right;
font-color: font-weight;
color: #97ca3d;
}

#userlinks p,
#userlinksguest p
{
font-weight: normal;
letter-spacing: 0;
font-size: x-small;
color: #97ca3d;
}

#submenu p.home,
#userlinks p.home,
#userlinksguest p.home
{
float: left;
color: #97ca3d;
}

#userlinksguest p.pcen
{
text-align: left;
}

#submenu a:link, 
#submenu  a:visited
{
background: transparent;
color: #97ca3d;
padding: 0 6px 0 6px;
text-decoration: none;
margin-top: -8px;
}

#submenu a:hover, 
#submenu a:active
{
background: transparent;
color: #444;
}

#navstrip
{
background: transparent;
color: #999;
font-size: small;
font-weight: bold;
margin: 0 0 5px 0;
padding: 14px 0px 8px 0px;
}

#navstrip a:link, 
#navstrip  a:visited
{
background: transparent;
color: #666;
text-decoration: none;
}

#navstrip a:hover, 
#navstrip a:active
{
background: transparent;
color: #444;
}

.toplinks
{
background: transparent;
color: #444;
margin: 0;
padding: 0 0 5px 0;
text-align: right;
}

.toplinks span
{
background: #fafafa;
border: 0px solid #e5e5e5;
border-bottom: 0;
color: #444;
font-size: small;
font-weight: bold;
margin: 0 10px 0 0;
padding: 5px;
}

.copyright
{
background: transparent;
font-size: small;
margin: 0 0 5px 0;
padding: 8px;
}

#print
{
margin: 20px auto 20px auto;
padding: 0;
text-align: left;
width: 85%;
}

#print h1,
#print h2,
#print h3,
#print h4,
#print p
{
color: #036;
font-size: 18px;
font-weight: bold;
margin: 0;
padding: 8px;
}

#print h2,
#print h3,
#print p
{
border-bottom: 1px solid #999;
font-size: small;
font-weight: normal;
}

#print h3
{
background: #F5F5F5;
font-size: small;
font-weight: bold;
margin: 0 0 10px 0;
}

#print h4
{
background: #F9F9F9;
font-size: small;
}

#print p
{
margin: 0 0 5px 0;
padding: 10px;
}

#print p.printcopy
{
border: 0;
color: #444;
text-align: center;
}

.rteimage
{
cursor: hand;
padding: 1px;
}

.rteImageRaised
{
border: 1px outset;
cursor: hand;
padding: 0px;
}

.rteImageLowered
{
border: 1px inset;
cursor: hand;
padding: 0px;
}

.rteimage:hover
{
background: #EBEBEB;
cursor: hand;
}

.rteVertSep
{
margin: 0 4px 0 4px;
}

.rteBack
{
background: #D3D3D3;
border: 1px outset;
letter-spacing: 0;
padding: 2px;
}

.rtebottombutton
{
font-size: 10px;
border: 1px solid #777;
border-top: 0px;
padding: 3px;
margin: 0px;
background-color: #EBEBEB;
}

.rtebottombuttonon
{
font-size: 10px;
border: 1px solid #777;
border-top: 0px;
padding: 3px;
margin: 0px;
background-color: #D3D3D3;
}

.rtebuttonbar1
{
background: #f8f8f8;
border: 0px solid gray;
border-bottom: 0px;
letter-spacing: 0;
padding: 2px;
height: 26px;
}

.rtebuttonbar2
{
background: #f8f8f8;
border: 0px solid gray;
border-top: 0px solid gray;
letter-spacing: 0;
padding: 2px;
height: 26px;
}

.rtebuttonbar1 tbody tr td,
.rtebuttonbar1 tr td,
.rtebuttonbar2 tbody tr td,
.rtebuttonbar2 tr td,
.rteBack tbody tr td,
.rteBack tr td
{
padding: 0;
}

.rteDiv
{
display: block;
position: relative;
width: 550px;
padding: 0px;
margin: 0px;
}

.rteiframe
{
border: 1px solid #777;
background-color: #FFF;
}

.rteselectbox
{
font-size: 11px;
}

.dny-edit-title
{
border: 0px;
padding: 3px;
margin: 0px;
background: #D1DCEB;
color: #3A4F6C;
}

.tabon
{
border-top: 1px solid #666;
border-left: 1px solid #666;
border-right: 1px solid #666;
background-color: #f8f8f8;
padding: 8px;
padding-bottom: 9px;
font-size: 10px;
float: left;
width: auto;
margin-top: 3px;
}

.taboff
{
border-top: 1px solid #777;
border-left: 1px solid #777;
border-right: 1px solid #777;
background-color: #eee;
color: #444;
padding: 8px;
font-size: 10px;
float: left;
width: auto;
margin-top: 3px;
}

.tabon a:link, 
.tabon a:visited, 
.tabon a:active
{
text-decoration: none;
color: #444;
}

.taboff a:link, 
.taboff a:visited, 
.taboff a:active
{
text-decoration: none;
color: #333;
}

.mya-back
{
background: #444;
margin: 1px;
}

.mya-content
{
background: #FFF;
padding: 8px;
margin: 1px;
border: 1px solid #777;
}

.iframeshim
{
position: absolute;
display: none;
background: #FFF;
filter: alpha(opacity=0);
border: 0px;
width: auto;
height: auto;
}

.popupmenu
{
background: #fafafa;
border: 1px solid #666;
text-align: left;
font-size: 10px;
white-space: nowrap;
}

.popupmenu-item
{
padding: 5px;
white-space: nowrap;
border-bottom: 1px solid #666;
}

.popupmenu-item-last
{
padding: 5px;
white-space: nowrap;
}

.popmenubutton
{
width: 120px;
white-space: nowrap;
background-color: #f8f8f8;
border: 1px solid #666;
color: #444;
font-weight: normal;
float: right;
height: 18px;
text-align: center;
margin: 0px;
font-size: small;
padding: 3px;
}

.popmenubutton a:link, 
.popmenubutton a:visited,
.popupmenu-item a:link, 
.popupmenu-item a:visited,
.popupmenu-item-last a:link, 
.popupmenu-item-last a:visited
{
color: #c30;
text-decoration: none;
font-size: small;
}

.popmenubutton a:hover, 
.popupmenu-item a:hover, 
.popupmenu-item-last a:hover
{
color: #444;
text-decoration: none;
font-size: small;
}

.popupmenu-category
{
background: #ccc;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
color: #444;
font-size: small;
font-weight: bold;
margin: 0;
padding: 5px;
}

.googleads
{
width: 100%;
text-align: left;
padding: 0;
margin-top: 10px !important;
margin-bottom: 5px;
margin: 0;
background: transparent;
}

.biglink a:link,
.biglink a:visited,
.biglink a:active
{
font-family: arial, sans-serif;
font-size: 14px;
font-weight: bold;
text-decoration: none;
padding: 6px 0 6px 4px;
color: #f49d1d;
letter-spacing: -1px;
margin: 5px;
}

.biglink a:hover
{
color: #444;
}

.homepageSearch
{
border: 0 !important;
border-bottom: 1px solid #666 !important;
background: transparent !important;
}

.iTt{
FONT-FAMILY:	   Verdana, Arial, Helvetica;
FONT-SIZE:		 11px;
FONT-STYLE:		normal;
FONT-WEIGHT:	   normal;
COLOR:			 black;
BACKGROUND-COLOR:  lightyellow;
BORDER:			black 1px solid;
PADDING:		   2px;
}

 

 

 

http://erwan1984.free.fr/Divers/bh/accueilbh.png

 

http://erwan1984.free.fr/Divers/bh/postbh.png

 

 

Tout blanc. :D

[starjoin]

-> j'ai l'impression qu'il manque les bordures autour des différentes zones

Ouep, ça enlève le côté trop chargé :p

-> la couleur "gris foncé" en fonds pour les "utilisateurs actifs" et les "stats" tranche trop. Je verrais bien un bleu clair ou une autre couleur "douce" mais pas gris .. ca cloche avec le reste j'ai l'impression

J'avais déjà remarqué, j'm'en occuperai après.

-> Pourquoi mettre un fond de page bleu gris puis un fond blanc pour le forum ? Ca serait pas plus beau et moins chargé de toute mettre en blanc ?

Pour coller avec la nouvelle interface du site ^^

-> le logo du forum me parait trop large ou trop lourd, le chargement de celui-ci est long.

Normal, pas optimisé. Si tu réduis c'est moche

-> la taille d'écriture des signatures est trop grande.

C'est fait ^^

- la couleur d'écriture des messages postés sur le forum (gris) est pas assez lisible je trouve. Pourquoi ne pas mettre du noir ?

Du noir ? Ca va pas la tête !

 

 

Voila voilà ... ce n'est que mon avis. Je ne sais pas si certains le partagent mais bon .. je voulais juste dire deux trois trucs pour améliorer le design que je trouve déjà super bien fichu au demeurant. Si il satisfait tout le monde et que tout le monde est d'accord, on pourrait envisager par la suite, quand le skin sera totalement fini, de l'utiliser par défaut. Quitte à faire un sondage...

 

Ola ! On se précipite pas, c'est loin d'être terminé ^^

C'est une version beta pour le moment. Y a encore des bugs et des choses à améliorer, faut savoir si ça marche sur tout les navigateurs, faut que ça soit sobre, lisible pour toutes les configs etc...

J'l'ai mise en ligne parce qu'elle était fonctionnelle et parce que j'arrive en finalisation mais c'est justement ce qui est le plus long ;)