Nekromanti Kranks stiliga WRNU-layout

krank

Lättkränkt cancelkultur-kommunist
Joined
28 Dec 2002
Messages
36,265
Location
Rissne
Jag har tidigare sölat ner ett par andra trådar med mina experiment, men nu tänkte jag sluta med det och ha en egen tråd istället. Jag använder Chrome och addonet Stylish, som låter mig skriva egen CSS-kod som ändrar utseende på forumet -- men bara då för just mig. Det här är praktiskt, för det låter mig köra privata workarounds på saker som stör mig.

Mest har jag jobbat med att försöka få forumet att bli mer kompakt höjdledes.

Såhär ser forumet ut utan mina nya kläder:






Och såhär ser det ut med dem:




Såhär ser min kod ut just nu:

Code:
/* TA BORT LOGOTYPEN */

#header .header-cell {
   display: none;
  }

#header {
  height: 0px;
}

/* FLYTTA NER SÖKRUTAN */

#header .toolbar .search-container {
  position: absolute;
  margin-left: -250px;
  margin-top: 2px;
}
#header .toolbar .search-container {
  position: absolute;
  margin-left: -250px;
  margin-top: 2px;
}

/* DÖLJ RUBRIK */
div.canvas-layout-row.no-columns.h-clearfix.l-row:first-child {
  display: none;
}

/* FLYTTA NER PRENUMERERA */
div.channel-controls, div.conversation-controls {
  position: absolute;
  z-index: 1;
  right: 0px;
}

div.conversation-controls {
  top: 8px;
}

/* FÖRTYDLIGA BRÖDSMULOR */
li.crumb.ellipsis a {
  opacity: 0.7;
}

li.crumb.ellipsis:last-child a {
  font-weight: bold;
  font-size: 1.2em;
  opacity: 1;
}

/* FLYTTA NER TOPBAR */

#main-navbar-wrapper {
  padding-left: 0px;
  padding-right: 0px;
  max-width: 1200px;
  min-width: 320px;
  height: 0px;
}

#main-navbar {
  position: absolute;
  top: 37px;
  background: none;
}
Jag har inte testat att vara inloggad som administratör eller moderator, så jag vet inte om de har några rutor eller menyer som förstör.
 

krank

Lättkränkt cancelkultur-kommunist
Joined
28 Dec 2002
Messages
36,265
Location
Rissne
Liten uppdatering -- lätt tillsnyggning av lite av varje.



Syns inte på bild: Tog bort grejen som visar antalet "gilla"-tryckningar i trådlistan. Den gjorde att varje tråd fick tre rader istället för två och så kan vi faktiskt inte ha det... Jag minskade också trådförfattarens namn etc en smula.

Code:
/* TA BORT LOGOTYPEN */

#header .header-cell {
   display: none;
  }

#header {
  height: 0px;
  margin-top: 8px;
}

/* FLYTTA NER SÖKRUTAN */

#header .toolbar .search-container {
  position: absolute;
  margin-left: -240px;
  margin-top: 2px;
}

/* DÖLJ RUBRIK */
div.canvas-layout-row.no-columns.h-clearfix.l-row:first-child {
  display: none;
}

.main-header-title {
  margin-bottom: 0px !important;
}

/* FLYTTA NER PRENUMERERA */
div.channel-controls, div.conversation-controls {
  position: absolute;
  z-index: 1;
  right: 1px;
  margin-top: -8px;
  top: 9px;
}

div.conversation-controls .button, div.channel-controls .button {
  background: none;
  border: none;
}

div.conversation-controls .button:hover, div.channel-controls .button:hover{
  background-color: rgba(0, 0, 0, 0.1);
  border: none;
}

/* FÖRTYDLIGA BRÖDSMULOR */
li.crumb.ellipsis a {
  opacity: 0.7;
}

li.crumb.ellipsis:last-child a {
  font-weight: bold;
  font-size: 1.2em;
  opacity: 1;
}

#breadcrumbs {
  margin-bottom: 15px;
  margin-top: 8px;
}

/* FLYTTA NER TOPBAR */

#main-navbar-wrapper {
  padding-left: 0px;
  padding-right: 0px;
  max-width: 1200px;
  min-width: 320px;
  height: 0px;
}

#main-navbar {
  position: absolute;
  top: 45px;
  background: none;
  margin-left: -10px;
}

/* GÖMMER GILLA-COUNT I TRÅDLISTAN */

div.votes-count {
  display: none;
}

/* GÖR FÖRFATTAREN MINDRE I TRÅDLISTAN */

div.topic-info {
  font-size: smaller;
}
 

krank

Lättkränkt cancelkultur-kommunist
Joined
28 Dec 2002
Messages
36,265
Location
Rissne
Bra fångat! Pröva den här:

Code:
/* TA BORT LOGOTYPEN */

#header .header-cell {
   display: none;
  }

#header {
  height: 0px;
  margin-top: 8px;
}

/* FLYTTA NER SÖKRUTAN */

#header .toolbar .search-container {
  position: absolute;
  margin-left: -240px;
  margin-top: 2px;
}

/* DÖLJ RUBRIK */
div.canvas-layout-row.no-columns.h-clearfix.l-row:first-child {
  display: none;
}

.main-header-title {
  margin-bottom: 0px !important;
}

/* FLYTTA NER PRENUMERERA */
div.channel-controls, div.conversation-controls {
  position: absolute;
  z-index: 1;
  right: 1px;
  margin-top: -8px;
  top: 9px;
}

div.conversation-controls .button, div.channel-controls .button {
  background: none;
  border: none;
}

div.conversation-controls .button:hover, div.channel-controls .button:hover{
  background-color: rgba(0, 0, 0, 0.1);
  border: none;
}

/* FÖRTYDLIGA BRÖDSMULOR */
li.crumb.ellipsis a {
  opacity: 0.7;
}

li.crumb.ellipsis:last-child a {
  font-weight: bold;
  font-size: 1.2em;
  opacity: 1;
}

#breadcrumbs {
  margin-bottom: 15px;
  margin-top: 8px;
}

/* FLYTTA NER TOPBAR */

#main-navbar-wrapper {
  padding-left: 0px;
  padding-right: 0px;
  max-width: 1200px;
  min-width: 320px;
  width: 100%;
  height: 0px;
  position: relative;
}

#main-navbar {
  position: absolute;
  top: 45px;
  background: none;
  margin-left: -10px;
  right: 0px;
  max-width: 320px;
  min-width: 320px;
}

/* GÖMMER GILLA-COUNT I TRÅDLISTAN */

div.votes-count {
  display: none;
}

/* GÖR FÖRFATTAREN MINDRE I TRÅDLISTAN */

div.topic-info {
  font-size: smaller;
}
 

DeBracy

Eventuellt helt fantastisk
Joined
21 May 2003
Messages
5,877
Stylish finns till Firefox också om nån mer FF-användare vill testa. Jag har precis stoppat in det och ska provtesta ett tag.
krank said:
Skrik gärna till något om hur väl mina koder funkar där! Har inte testat alls nämligen. Jag vet att chrome-versionen kan exportera till firefox-format. Jag vet inte vad som är skillnaden...
DeBracy said:
En snabbtitt säger att allt har hamnat där det ska, det ser "rätt ut", och "Märk kanaler"-funktionen funkar som den ska också.
 

Unfair

Hero
Joined
3 Jan 2009
Messages
1,107
Location
Göteborg
Hittade detta först nu, riktigt nice, bra jobbat krank! Kommer jag på någon förändring/förbättring så återkommer jag, men kommer från och med nu att använda din mall till att börja med.
 

krank

Lättkränkt cancelkultur-kommunist
Joined
28 Dec 2002
Messages
36,265
Location
Rissne
Jag har nu fixat det uppkomna problemet som uppstår när folk använder för långa trådtitlar:

Code:
/* TA BORT LOGOTYPEN */

#header .header-cell {
   display: none;
  }

#header {
  height: 0px;
  margin-top: 8px;
}

/* FLYTTA NER SÖKRUTAN */

#header .toolbar .search-container {
  position: absolute;
  margin-left: -240px;
  margin-top: 2px;
}

/* DÖLJ RUBRIK */
div.canvas-layout-row.no-columns.h-clearfix.l-row:first-child {
  display: none;
}

.main-header-title {
  margin-bottom: 0px !important;
}

/* FLYTTA NER PRENUMERERA */
div.channel-controls, div.conversation-controls {
  position: absolute;
  z-index: 1;
  right: 1px;
  margin-top: -8px;
  top: 9px;
}

div.conversation-controls .button, div.channel-controls .button {
  background: none;
  border: none;
}

div.conversation-controls .button:hover, div.channel-controls .button:hover{
  background-color: rgba(0, 0, 0, 0.1);
  border: none;
}

/* FÖRTYDLIGA BRÖDSMULOR */
li.crumb.ellipsis a {
  opacity: 0.7;
}

li.crumb.ellipsis:last-child a {
  font-weight: bold;
  font-size: 1.2em;
  opacity: 1;
}

#breadcrumbs {
  margin-bottom: 15px;
  margin-top: 8px;
}

/* FLYTTA NER TOPBAR */

#main-navbar-wrapper {
  padding-left: 0px;
  padding-right: 0px;
  max-width: 1200px;
  min-width: 320px;
  width: 100%;
  height: 0px;
  position: relative;
}

#main-navbar {
  position: absolute;
  top: 45px;
  background: none;
  margin-left: -10px;
  right: 0px;
  max-width: 320px;
  min-width: 320px;
}

/* GÖMMER GILLA-COUNT I TRÅDLISTAN */

div.votes-count {
  display: none;
}

/* GÖR FÖRFATTAREN MINDRE I TRÅDLISTAN */

div.topic-info {
  font-size: smaller;
}

/* FIXAR OVERFLOW FÖR TOPICS I SIDEBAR */

.l-small .topic-list-container .topic-list .topic-item .cell-topic .topic-wrapper {
    max-width: 6em;
    overflow: hidden;
    text-overflow: ellipsis
}
Det är möjligt att selektorn kunnat göras kortare, men jag iddes inte experimentera.
 

krank

Lättkränkt cancelkultur-kommunist
Joined
28 Dec 2002
Messages
36,265
Location
Rissne
Såhär ser "Senaste inlägg" ut med nya uppdateringen. Är det inte snyggt så säg?

 
Top