Forum de la communauté française du jeu Horreur à Arkham JCE
 
AccueilCalendrierFAQRechercherMembresGroupesS'enregistrerConnexion

Partagez | 
 

 Une feuille de style CSS alternative SFW pour le forum

Aller en bas 
AuteurMessage
benj
Passager du bus pour Insmouth
avatar

Folie grandissante : 21
Localisation : Malakoff

MessageSujet: Une feuille de style CSS alternative SFW pour le forum   Lun 15 Oct 2018 - 9:59

Vous n'osez pas consulter le présent forum au boulot car c'est chaud patate dans l'open space, avec cette grande et belle image de fond, ces avatars tentaculaires et un gros logo « Horreur à Arkham » ?  Pas de souci, j'ai une solution !

Voici une CSS custom à utiliser pour le forum, par exemple avec l'extension stylish de Firefox (mais il y a d'autres méthodes).  Ça remplace le forum en une page chiante comme la pluie, votre boss ne fera plus la différence avec un site institutionnel !





Elle est pas belle la vie ?

Code:

@-moz-document domain("forumactif.com") {
@import url("https://use.fontawesome.com/releases/v5.3.1/css/all.css");
 @import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
 @import url("https://fonts.googleapis.com/css?family=Roboto");
 html {
    background: #fff !important;
}
a {
    color: #333 !important;
}
.adsbygoogle {
    display: none !important;
}
.search .postbody > h3, #active-subsection {
    display: block !important;
}
#i_logo {
    display: none;
}
#fa_textarea {
    background-color: #eee !important;
}
a[href*="=newtopic"]::before {
    font-family:"Font Awesome 5 Free";
    font-weight: 400;
    content:"\0f075";
    font-size: 200%
}
a[href*="=reply"]::before {
    font-family:"Font Awesome 5 Free";
    font-weight: 900;
    content:"\0f3e5";
    font-size: 200%
}
a[href*="=quote"]::before {
    font-family:"Font Awesome 5 Free";
    font-weight: 900;
    content:"\0f10e";
    font-size: 100%
}
a[href*="=editpost"]::before {
    font-family:"Font Awesome 5 Free";
    font-weight: 900;
    content:"\0f044";
    font-size: 100%
}
a[href*="=delete"]::before {
    font-family:"Font Awesome 5 Free";
    font-weight: 900;
    content:"\0f2ed";
    font-size: 100%
}
td[nowrap="nowrap"] {
    width: 10% !important;
}
.nav a img, img[alt*="multi"] {
    display: none !important;
}
#one, #i_reply, #i_post, .i_icon_quote, .i_icon_edit, .i_icon_delete {
    display: none !important;
}
;
 .mainmenu img {
    height: 30px;
}
div#page-body div#emptyidcc.no-left+table.three-col+tbody+tr+td+div:first-child {
    //display: none !important;
}
.poster-profile img {
    display: none;
}
#fa_left, #fa_share, .signature_div, .profile-icon, .i_icon_online {
    display: none !important;
}
body {
    background: white;
    color: black;
}
.bodylinewidth {
    width: 100%;
}
.bodyline > table:first-child {
    display: none;
}
h1, h2, h3, h4 {
    color: #333 !important;
    font-weight: 400 !important;
}
th {
    background-color: #eee !important;
    background-image: none !important;
    color: #000;
    font-weight: inherit;
}
td.catHead, td.catBottom, .cattitle {
    background-color: #ccc !important;
    color: #333 !important;
}
td, a {
    font-family:'Roboto';
    background-image: none !important;
}
td.row1, td.row2, td.row3, td.row1:hover, td.row3:hover, .row3Right {
    background-color: #fff !important;
    border: none;
}
table.three-col > tbody > tr > td > div {
    display: none !important;
    z-index: -999;
    position: absolute !important;
    width: 0px !important;
    height: 0px !important;
}
.forumline > tbody > tr > td.row1:first-child[valign="middle"] img, .forumline > tbody > tr > td.row1:first-child[width="20"] {
    display: none !important;
}
.browse-arrows a {
    display: none;
}
.quote {
    background-color: #ddd !important;
    border: none !important;
}
.forumline {
    border: 0px solid #fff !important;
    background-color: #fff !important;
    font-size: 120%;
}
.post {
    border-top: 1px solid #ccc;
    margin-top: 1em;
}
.mainmenu img, .messaging {
    display: none !important;
}
.mainmenu {
    padding: 5px;
}
.spoiler_closed, .spoiler_content {
    background: #eee !important;
}
#fa_toolbar {
    background: #ccc;
}
.bodyline > table:nth-child(2) {
    position: fixed;
    top: 0px;
    left: 100px;
    z-index: 99999;
    width: 50%;
}
a.mainmenu {
    color: #888 !important;
    font-family:"Font Awesome 5 Free";
    font-weight: 900;
    font-size: 150%;
}
a.mainmenu[href="/"]::before {
    content:"\0f015";
}
a.mainmenu[href*="/calendar"]::before {
    content:"\0f073";
}
a.mainmenu[href*="/faq"]::before {
    content:"\0f059";
}
a.mainmenu[href*="/search"]::before {
    content:"\0f002";
}
a.mainmenu[href*="/memberlist"]::before {
    content:"\0f500";
}
a.mainmenu[href*="/groups"]::before {
    content:"\0f0c0";
}
a.mainmenu[href*="/profile"]::before {
    content:"\0f2bd";
}
a.mainmenu[href*="/privmsg"]::before {
    content:"\0f658";
}
a.mainmenu[href*="/login"]::before {
    content:"\0f2f5";
}
.sceditor-toolbar {
    background: #ccc !important;
}
textarea {
    background: #eee !important;
}
}


C'est largement perfectible mais ça fait le boulot. Le code HTML de phpbb est malheureusement horrible, c'est une vrai galère à thémer via CSS,
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 
Une feuille de style CSS alternative SFW pour le forum
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Livre d'armées non officiels pour Warhammer Battle
» Les liens utiles
» HabboGold Modifications
» Classement par points des 3 régates clipper !
» Me voici

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Horreur à Arkham JCE :: Horreur à Arkham :: La Toile-
Sauter vers: