Horreur à Arkham JCE
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.


Forum de la communauté française du jeu Horreur à Arkham JCE
 
AccueilDernières imagesRechercherS'enregistrerConnexion
Le deal à ne pas rater :
Funko POP! Jumbo One Piece Kaido Dragon Form : où l’acheter ?
Voir le deal

 

 Une feuille de style CSS alternative SFW pour le forum

Aller en bas 
AuteurMessage
benj
Etudiant perturbé de Miskatonic
benj


Folie grandissante : 214
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
 
Une feuille de style CSS alternative SFW pour le forum
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Forum - Une section pour le jeu de plateau
» Boites renouveau. "Alternative"
» Séparateur horizontaux style Renouveau
» [Divers] Jenny Barnes alternative & Hour of the Huntress
» Des images style 16 bit inspirées de Final fantasy 6 ...

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