benj Etudiant perturbé de Miskatonic
Folie grandissante : 214 Localisation : Malakoff
| Sujet: 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, | |
|