Codages de base

redimensionner les avatars auto

Code:

.postdetails.poster-profile img {
  width:200px;
  display:block;
}

enlever dernière édition

Code:

tr.post span.gensmall { display: none; }

modifier quote, code, spoiler

Code:

.quote {
background-repeat: no-repeat;
background-image: url('');
background-position: center;
border-top-style:solid;/Style de bordure ici solide pour des pointilliers dotted pour des tirets dashed pour des doubles double/
border-top-width:thin;/taille de la bordure thin-medium-thick/
border-bottom-style:solid;
border-bottom-width:thin;
border-left-style:solid;
border-left-width:thin;
border-right-style:solid;
border-right-width:thin;
}

.code {
background-repeat: no-repeat;
background-image: url('');
background-position: center;
border-top-style:solid;/Style de bordure ici solide pour des pointilliers dotted pour des tirets dashed pour des doubles double/
border-top-width:thin;/taille de la bordure thin-medium-thick/
border-bottom-style:solid;
border-bottom-width:thin;
border-left-style:solid;
border-left-width:thin;
border-right-style:solid;
border-right-width:thin;
}

.spoiler {
background-repeat: no-repeat;
background-image: url('');
background-position: center;
border-top-style:solid;/Style de bordure ici solide pour des pointilliers dotted pour des tirets dashed pour des doubles double/
border-top-width:medium;/taille de la bordure thin-medium-thick/
border-bottom-style:solid;
border-bottom-width:thin;
border-left-style:solid;
border-left-width:thin;
border-right-style:solid;
border-right-width:thin;
}

enlever les marges haut et bas

Code:

.bodyline{
border-top: none !important;
border-bottom: none !important;
}
body {
margin: 0 auto;
}

blockquote et justifier auto

Code:

.postbody {
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    text-align:justify;
}


création d'un tableau html (ici)

ajouter un titre à un lien (sans info bulle css)

Code:

<a href="URL DE LA PAGE" title="TITRE DE LA BULLE">NOM DU LIEN</a>

lien sur une image et un texte

Code:

<a href="URL DU LIEN"><img src="URL DE LIMAGE"> TEXTE</a>

fond en dégradé horizontal

Code:

background: -moz-linear-gradient(left, black, grey); /* pour Firefox */
background: -webkit-gradient(linear, left top, right top, from(grey), to(black)); /* pour Chrome et Safari */

fond en dégradé vertical

Code:

background: -moz-linear-gradient(bottom, black, grey); /* pour Firefox */
background: -webkit-gradient(linear, left top, left bottom, from(grey), to(black)); /* pour Chrome et Safari */

créer une infobulle (ici)

enlever le soulignement des liens

Code:

a, a:hover {
    text-decoration: none !important;
}

gérer l'opacité

Code:

.opacity {
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity: 0.5;
}
.opacity:hover {
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity: 1;
}


personnalisation de la cb
https://www.bazzart.org/t89475-personnaliser-sa-chatbox-css

personnalisation feuille perso
https://www.bazzart.org/t13925-personnaliser-le-texte-liste

justifier le profil + onglets
https://www.bazzart.org/t48435-profil-justifier-le-profil
https://www.bazzart.org/t82596-profil-faire-un-profil-en-onglets

organiser pour faciliter les maj
https://www.bazzart.org/t135650-css-root-et-var-ou-comment-faciliter-la-mise-a-jour-de-votre-forum

redimension auto header phbb2

Code:

 #i_logo {max-width: 850px}