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
Habitant folklorique d'Insmouth
benj

Folie grandissante : 105
Localisation : Malakoff

Une feuille de style CSS alternative SFW pour le forum Empty
MessageSujet: Une feuille de style CSS alternative SFW pour le forum   Une feuille de style CSS alternative SFW pour le forum EmptyLun 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 !

Une feuille de style CSS alternative SFW pour le forum Screen10

Une feuille de style CSS alternative SFW pour le forum Screen11

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
-
» Les liens utiles
» HabboGold Modifications
» Classement par points des 3 régates clipper !
» Scion reloaded
» L ' Histoire pour tous

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