Pour ceux qui n'aiment pas le design du forum...

Eh bien changez-le vous-même !

En effet, pour qui dispose de Firefox et de quelques notions de CSS il est très facile de mettre en place une feuille de style personnalisée qui modifie le design d'un site. Évidemment il s'agit d'une modification locale au navigateur et qui n'affecte en rien la façon dont les autres voient le site. Pour cela il faut installer l'extension stylish et suivre les instructions détaillées [ici].

Personnellement j'ai longtemps hésité à m'inscrire parce que je trouve le design beaucoup trop encombrant avec ses images énormes qui ne m'apportent pas grand chose. J'ai donc écrit ma propre feuille de style CSS qui redimentionne les images et supprime certaines zones inutilement encombrantes.

L'index du forum : avant -> après

La liste des sujets d'un forum : avant -> après

Code CSS à insérer :

Code:: @namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("asiapower.1fr1.net")
{
td.row1 > img { max-width: 25px; max-height: 25px; }
#i_logo { max-height: 100px; float: left; }
div.mainmenu, div.mainmenu+table.forumline { display: none; }
}

Mais on peut aller beaucoup plus loin en changeant toutes les couleurs, la taille des éléments, les images de fond, etc.

Kyaaa merci Darathor ca fait plaisir de voir quelqu'un repondre a certaines plaintes d'un maniere aussi cool : D

Pour info : je suis en train de changer a l'instant de design by mon Emi n'a moi Likee

Ce qu'il faudrait, c'est enlever ou du moins diminuer la taille de l'image sur la page d'accueil.

très joli ce nouveau design Smile

Encore toutes mes félicitations. Perso je trouvais les icônes un peu grandes mais je m'y suis habituée alors no problem Wink

C'est bleu, donc j'adore !

Je préfère le bleu au rose aussi, perso ^^

Par contre je trouvais le choix des teintes/luminosité plus harmonieux dans la version précédente :-/ Notamment les fond verts des en-têtes de tableaux collent moyennement avec le reste.

C'est vrai que le relookage tout en bleu rend bien!

Sinon, comme le disait Bras-Court, l'image sur la page d'acceuil est pllutôt grande. Serait-il possible que tu la diminue un peu?

Pour le vert, ça ne me gêne pas, préférant le vert au bleu!
Mais faudrai peut-être accentuer les contrastes.

pas de probleme ^^ je vais diminuer la taille de l'image le plus rapidement possible et je la remplacerai ^^

Pour les couleurs de fonds , je m'excuse XD ( C'est moi qui les aies mises et comme c'est la premiere fois pour moi je ne savais pas vraiment a quoi correspondaient certaines choses * sors * )

Dites moi ce que vous voulez modifier ,et j'essayerai de faire pour un mieux Wink

^^)

Le changement est un peu brutal là. Non pas que je n'aime pas le rose, mais à trop grande échelle, ça fait un peu beaucoup.

Sinon, le bandeau avec les catégories, en-dessous de la fenêtre de post, est trop sombre. Du coup, on ne voit plus les catégories (Blabla, etc...).

Sur mon forum, j'ai réussi à faire des trucs sympas par styles perso grâce à Stylish (quand pas besoin d'être compatible IE, ni de faire des pages légères, ça ouvre un champ de possibilités assez impressionnant 0_o), comme par exemple ça ou ça...

'faudrait que je teste si j'arrive à faire ce genre de choses ici aussi Pour ceux qui n'aiment pas le design du forum... Eusa_think

Pour ceux qui n'aiment pas le design du forum... Eusa_think

Mais c'est loin d'être sûr parce que j'avais dû retoucher le code HTML pour faciliter la chose...

Bon ben en effet, c'est pas évident... Le code html généré est absolument immonde et pas du tout prévu pour...

C'est loin d'être parfait mais bon, s'il y en a qui veulent tester :

Code:: @namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("asiapower.1fr1.net")
{
td.row1 > img { max-width: 25px; }
#i_logo { max-height: 100px; float: left; }
#add-google { display: none !important; }

html, body
{
   background: black !important;
}

table.bodylinewidth tr, table.bodylinewidth td
{
   background: transparent !important;
   border-color: #555 !important;
}

.copyright, h1, .secondarytitle, .secondarytitle h2, th, .gen, .genmed, .gensmall, input, textarea, select, h1.pagetitle, input.button, .maintitle, .postdetails, .postbody
{
   color: #ddd !important;
}

td.quote, td.quote div, td.code, td.code div
{
   background: #222 !important;
   padding: 3px !important;
   margin: auto !important;
}

hr
{
   border: none !important;
   border-bottom: 1px solid #222 !important;
}

a.copyright, a.gen, a.genmed, a.gensmall, a:link, a:active, a:visited
{
   color: #aaa !important;
}

table.forumline td.row1, table.forumline td.row2
{
   background: transparent url("http://darathor.free.fr/divers/DesignPersoForums/Cellpic_grey_001.png") repeat !important;
}

table.forumline td.row3
{
   background: transparent url("http://darathor.free.fr/divers/DesignPersoForums/Cellpic_blue_001.png") repeat !important;
}

table.forumline th.secondarytitle, table.forumline td.catHead
{
   background-color: transparent !important;
   background: left url("http://darathor.free.fr/divers/Cellpic01c.png") !important;
   background-repeat: repeat-y !important;
   border: none !important;
   padding: 3px !important;
}

table.forumline th
{
   background: transparent !important;

}

.maintitle
{
   padding: 15px !important;
}

.mainmenu
{
   font-weight: bold;
}

table.forumline
{
   background: repeat url("http://darathor.free.fr/divers/DesignPersoForums/CellpicGrande_grise_01.jpg") !important;
   border: 1px solid #888 !important;
}

textarea, input, select, option
{
   background: black !important;
}

table.forumline table, table.forumline table textarea
{
   width: 100% !important;
}

table.forumline table, table.forumline table textarea
{
   width: 100% !important;
}
}

Code:: @-moz-document url("http://asiapower.1fr1.net/forum.htm")
{
td.row1 > img { max-width: 40px; }
#add-google + div + div + table { display: none !important; }

table.bodylinewidth
{
   background-color: #333;
   background-image: url("http://darathor.free.fr/divers/Fond_Forum_ErgoProxy_001.jpg") !important;
   background-position: top center !important;
}

h1
{
   background: transparent url("http://darathor.free.fr/divers/DesignPersoForums/Cellpic_grey_001.png") repeat !important;
   padding: 15px 30px !important;
}

table.forumline
{
   background: transparent /*url("http://darathor.free.fr/divers/DesignPersoForums/Cellpic_grey_001.png")*/ repeat !important;
}
}

Code:: @-moz-document url("http://asiapower.1fr1.net/")
{
td.row1 > img { max-width: 40px; }
#add-google + div + div + table { display: none !important; }

table.bodylinewidth
{
   background-color: #333;
   background-image: url("http://darathor.free.fr/divers/Fond_Forum_ErgoProxy_001.jpg") !important;
   background-position: top center !important;
}

h1
{
   background: transparent url("http://darathor.free.fr/divers/DesignPersoForums/Cellpic_grey_001.png") repeat !important;
   padding: 15px 30px !important;
}

table.forumline
{
   background: transparent /*url("http://darathor.free.fr/divers/DesignPersoForums/Cellpic_grey_001.png")*/ repeat !important;
}
}

@Kasu : si jamais tu veux changer d'hébergement, j'ai de la place sur mon serveur, avec un script bien plus au point que ce qu'on a ici pour faire tourner le forum Pour ceux qui n'aiment pas le design du forum... WhistleAnim

Pour ceux qui n'aiment pas le design du forum... WhistleAnim

Je ne sais pas qui ont doit remercier pour le bandeau, mais merci.

Edit :

Je ne sais pas si ça vient de chez moi, mais le bandeau à repris son ancienne couleur. Et donc, retour à la case départ. sceptique

Je n'y connais strictement rien en HTLM XD mais je modifierai le theme bien vite promis XD

je t'en ferai un tout beau Wink

C'est sympa il-mitico.

Ca faisait longtemps que tu n'avais plus posté. Tu faisais la grève du post ou trop de boulot ?

Sinon, je commence à m'y habituer à tout ce rose.

Et je revois le bandeau en vert. Va comprendre charles.

Greve de forum lol ^^

» New Design
» Kickstarter pour Under the Dog