CSS des forums Aceboard

Petit tuto sympathique sur les CSS des forums aceboard. Forumactif arrivera plus tard car beaucoup plus long.

Un css se compose de plusieurs cases. Pour vous montrer à quoi chaque case correspond, j'ai mis un forum aceboard tout noir et j'ai modifié les parametre des cases une par une pour qu'elle devienne rouge. Je vous ai fait ensuite des captures d'écran de chaque page, quand du rouge apparaissait.

.menumessage
https://2img.net/r/ihimizer/img366/2656/sanstitre18ad.jpg

.petit
https://2img.net/r/ihimizer/img129/2237/sanstitre15aq.jpg
https://2img.net/r/ihimizer/img261/5630/sanstitre12cx.jpg
https://2img.net/r/ihimizer/img300/8229/sanstitre13ex.jpg
https://2img.net/r/ihimizer/img318/6408/sanstitre17dd.jpg

.admins
https://2img.net/r/ihimizer/img260/2992/sanstitre15of.jpg

.headers
https://2img.net/r/ihimizer/img409/5390/sanstitre19nq.jpg

.headers_link
https://2img.net/r/ihimizer/img402/469/sanstitre16ig.jpg

.titres
https://2img.net/r/ihimizer/img261/8076/sanstitre17av.jpg

.box
https://2img.net/r/ihimizer/img373/1948/sanstitre14ul.jpg
https://2img.net/r/ihimizer/img260/432/sanstitre15xa.jpg
https://2img.net/r/ihimizer/img106/1599/sanstitre16oi.jpg

.btn
https://2img.net/r/ihimizer/img476/5822/sanstitre19ng.jpg
https://2img.net/r/ihimizer/img67/6712/sanstitre14lc.jpg
https://2img.net/r/ihimizer/img67/6421/sanstitre18ci.jpg

.legend
https://2img.net/r/ihimizer/img354/4656/sanstitre10ga.jpg
https://2img.net/r/ihimizer/img260/9486/sanstitre14fn.jpg
https://2img.net/r/ihimizer/img261/3545/sanstitre13xh.jpg

.master
https://2img.net/r/ihimizer/img261/2425/sanstitre15cm.jpg
https://2img.net/r/ihimizer/img212/2488/sanstitre14fo.jpg
https://2img.net/r/ihimizer/img260/8797/sanstitre18sf.jpg
https://2img.net/r/ihimizer/img260/9733/sanstitre16bq.jpg

.tablo
Pas visible sur les pages principales

.copyright
https://2img.net/r/ihimizer/img394/1803/sanstitre11kh.jpg

.colonne1
https://2img.net/r/ihimizer/img254/3706/sanstitre17ts.jpg
https://2img.net/r/ihimizer/img254/9254/sanstitre18nl.jpg
https://2img.net/r/ihimizer/img295/3072/sanstitre16rx.jpg
https://2img.net/r/ihimizer/img442/6725/sanstitre10mz.jpg

.colonne2
https://2img.net/r/ihimizer/img148/2104/sanstitre17gu.jpg
https://2img.net/r/ihimizer/img113/6996/sanstitre17xh.jpg
https://2img.net/r/ihimizer/img407/8143/sanstitre13oz.jpg

A
https://2img.net/r/ihimizer/img399/821/sanstitre17ea.jpg
https://2img.net/r/ihimizer/img262/2904/sanstitre17qj.jpg
https://2img.net/r/ihimizer/img160/9049/sanstitre10ef.jpg
https://2img.net/r/ihimizer/img182/5066/sanstitre11wj.jpg

A:hover
Liens survolés

BODY

Scrollbars: Barre de défilement à droite de l'ecran. désolée, mais les modifications n'étant pas visibles sur mon écran, je ne pe faire de capture...

le texte:
https://2img.net/r/ihimizer/img258/833/sanstitre19mg.jpg
https://2img.net/r/ihimizer/img159/1083/sanstitre16ke.jpg
https://2img.net/r/ihimizer/img49/6215/sanstitre18ty.jpg


Une fois que vous avez reperé vos cases, vous pouvez vous amusez à modifier les codes. Chaque code correspondant à un paramètre different. Pour vous y retrouver, c'est de l'anglais: border pour les bordures, background pour la couleur de fond, font pour la police d'écriture ect...

Les codes possibles sont trop nombreux pour que je vous en fasse une liste, mais n'hésitez pas à m'en demander dans la foire aux questions.

En espèrant que ça vous aidera^^

Sympa pour les autres! J'attend celui pour "actifforum" avec impatience

Il fait six pages, j'ai mis une semaine à le maitriser alors les captures viendront pas maintenant... lol.

lol Ah oui quand même! C'est beaucoup de boulot! ^^ Bon courage

J'ai pas vraiment compris....

Qu'est ce que tu n'as pas compris? Je peux reprendre...

Ben.............





Je sais que j'ai deux de tension......





Mais bon, tu me connais tu m'en voudras pas ?




J'ai rien compris....

bon, on va prendre un exemple concret...

.colonne1
{
border: 1px #FFFFFF solid;
background-color:#C2DCF5;
}

Elle correspond à ce qui est en rouge sur cette capture:
https://2img.net/r/ihimizer/img254/3706/sanstitre17ts.jpg

On voit qu'on peut y changer la "border", en français, la bordure. Le contour si tu préfères. Par défaut, c'est un "trait" (solid) de 1 pixel (1 px) blanc (#FFFFFF).
On peut egalement modifier le background (la couleur de fond en français). Il est bleu par défaut (#C2DCF5), mais en mettant un autre code couleur tu peux le changer. Par exemple, pour le tuto j'avais mis #FF0000, qui est le rouge de base.

En modifiant ces parametre, tu change l'aspect du forum.

C'est plus clair?