[verzamel] CSS-styles; 'Hoe ziet jouw T.net eruit?'

[Ryan_]

Wiethoofd schreef op donderdag 12 mei 2011 @ 18:54:
[small]Waarom 4 regels CSS voor iets wat in 1 'border' regel kan? border: 2px solid #FFD324;

Je hebt gelijk. Ben nog niet zo ervaren met CSS maar vind proberen leuk
Zal het aanpassen.

[ Voor 4% gewijzigd door Ryan_ op 12-05-2011 19:41 ]

[Wiethoofd]

Als je dan toch bezig bent met optimaliseren, doe even je 'background' naar 'background-color' aanpassen

[Ryan_]

Dan vind ik hem toch mooier zonder 'color' dan met 'color', maar smaken kunnen verschillen natuurlijk.

Met:

Cascading Stylesheet:

#reacties .reactie .unmodded {
    background-color: #FFF6BF;
    border: 2px solid #FFD324;
}

Zonder:

Cascading Stylesheet:

#reacties .reactie .unmodded {
    background: #FFF6BF;
    border: 2px solid #FFD324;
}

[Wiethoofd]

Ah, ik wist niet dat je ook nog de achtergrondafbeelding er uit moest werken, ik zei het '-color' toevoegen om valid CSS te krijgen, anders moet er nog een 'none' voor de #kleur http://www.w3schools.com/css/pr_background.asp

[jmxd]

Wiethoofd schreef op donderdag 12 mei 2011 @ 21:00:
Ah, ik wist niet dat je ook nog de achtergrondafbeelding er uit moest werken, ik zei het '-color' toevoegen om valid CSS te krijgen, anders moet er nog een 'none' voor de #kleur http://www.w3schools.com/css/pr_background.asp

Niet, kleur gaat altijd voorop

[crisp]

Wiethoofd schreef op donderdag 12 mei 2011 @ 21:00:
Ah, ik wist niet dat je ook nog de achtergrondafbeelding er uit moest werken, ik zei het '-color' toevoegen om valid CSS te krijgen, anders moet er nog een 'none' voor de #kleur http://www.w3schools.com/css/pr_background.asp

Wrong; bij shorthand properties mag je weglaten wat je wilt; daar wordt dan de default initial waarde voor aangenomen (dus impliciet 'none' voor background-image).

Twylight schreef op donderdag 12 mei 2011 @ 21:02:
[...]
Niet, kleur gaat altijd voorop

Also wrong; volgorde maakt niet uit. Dat volgt uit de syntax-definitie:

quote: http://www.w3.org/TR/CSS21/colors.html#propdef-background

'background'
Value: [<'background-color'> || <'background-image'> || <'background-repeat'> || <'background-attachment'> || <'background-position'>] | inherit

en

quote: http://www.w3.org/TR/CSS21/about.html#value-defs

A double bar (||) separates two or more options: one or more of them must occur, in any order.

(emphasis mine)

[ Voor 3% gewijzigd door crisp op 12-05-2011 21:21 ]

[Xanland]

Ik ben op dit moment nog even bezig met een breder GoT. Dat wil inhouden dat ik op de voorpagina het middelste gedeelte heb verbreed en nog het éea heb aangepast.
Ook gaat het onderste deeltje van het menu netjes mee naar links, blijft het zoekgedeelte goed en worden aparte artikelen ook niet aangepast.
Ook zijn de related articles meteen uitgeklapt.

Het werkt met de tracker links, als rechts en ook helemaal uit!

Cascading Stylesheet:

div.frontpage > div.content
{
    width: 438px !important;
    margin-right: 10px;
}

div#contentWrapper
{
    margin-left: -20px !important;
}

div#groupNav fieldset
{
    margin-left: 197px !important;
}

div#groupNav #searchbox fieldset
{
    margin-left: 0px !important;
}

/* Mods onder description */
#title p.mods
{
    position: relative !important;
}

.small .content .news .content .smallLayout
{
    width: 480px !important;
}

ul.relatedArticles.hidemore li.more, .section ul li, ul.links li, li.document
{
    display: block !important;
}

.section p.more span:hover, .section p.less span:hover, .section p.more span, .section p.less span
{
    display: none !important;
}

Ook heb ik nog de bestaande spoiler-code aangepast. Standaard zie je de smilies niet in deze code, en worden die pas zichtbaar gemaakt bij een mouseover. Omdat ik tijd te veel had heb ik ze in de achtergrond van de post of quote gezet van tweakers_ng.
Have fun!

Cascading Stylesheet:

div.spoiler:hover img 
{
    display:inline;
}
 
div.spoiler:hover { 
   color: black !important; 
   background-color: #F1F1F0;
 }
 
div.spoiler img
{
    display:none;
}

div.post .messagecontent.codewrap.default blockquote div.message-quote-div div div.spoiler:hover
{
    background-color: #FEFEFE;
}

Om te testen met de spoiler:

spoiler:

smiley

[Wiethoofd]

Eindelijk een werkende CSS gemaakt om ongewenste bloggers/blogposts te verbergen! De padding van de lijst moest naar 0 gezet worden en hier en daar wat borders toevoegen/verwijderen. Bovendien werkt hij in de high contrast versie van de tracker.

Cascading Stylesheet: Ongewenste bloggers verbergen

/* Tweakblogentries verbergen */
#tracker-weblogs ul li {
 padding: 0;
 border-bottom: 0;
}
#tracker-weblogs li a {
 padding: 5px 7px 5px 3px;
 border-bottom: 1px solid #545454;
}
#utracker.hct #tracker-weblogs li {
 padding-right: 0;
 border-top: 0;
}
#utracker.hct #tracker-weblogs li a {
 border-top: 1px solid #B4B4B4;
 border-bottom: 0;
 padding-right: 3px;
}

/* Lijstje met te verbergen bloggers/posts */
#tracker-weblogs li a[title$='door MrJey'],
#tracker-weblogs li a[title$='bobwarley'],
#tracker-weblogs li a[title*='MicroSE'] {
 display: none;
}

Mocht je een witte tracker hebben dan moet het volgende even wijzigen op regel 8:

Cascading Stylesheet: Voor gebruik met witte tracker

 border-bottom: 1px dotted #C8C8C8

[Yorinn]

Heeft iemand misschien een stukje code dat de Aankondigingen net zoals de Reviews wordt met het stukje code van Wiethoofd?

[Wiethoofd]

Waar zie jij een kop 'Aankondigingen'? En net zoals welke 'Reviews'? Misschien even ondersteunende screenshots en wat meer uitleg? Eigen inzet om de classes en id's uit de html te plukken zou ook helpen om een stukje CSS in elkaar te knutselen.

[Yorinn]

Laat maar, vind hoe ik de FP nu heb al mooi zat. Alleen maar tekst is ook niet alles.

[alex3305]

Even een edit op mijn vorige post.

Cascading Stylesheet:

/** Importeer Wiethoofd's nice CSS header! **/
@import url(http://wiethoofd.info/css/header.php);

/** Laat registratiedatum en postcount per user zien **/
.message .post .userdetails .userdata .extra {display: block;} 

/** Kleiner GoT **/
table.listing td {padding-top: 0px; padding-bottom: 0px;}

/** Laat topics waarin ik als laatste heb gereageerd zien in bold **/
table.listing a[title~="alex3305"] {font-weight: bold;}

/** Geen relatedProducts OF relatedJobs **/
#relatedProducts {display: none;} .relatedJobs, .jobImage {display: none;}

/** Abonnee's hebben een blauwe nick **/
.abonnee {color: #6174a0 !important;}

/** Topicstarter heeft een donkergrijze achtergrond **/
div.topicstarter div.messageheader {background: #cdcdcd;}

[Wiethoofd]

Na m'n Verbeterde paginanavigatie op (Gathering of) Tweakers.net ben ik nu bezig met een 'candycolorless' GoT. Je kunt uit 1 mapkleur kiezen en zelfs de 'oude layout' terugkrijgen.

Het verschil tussen de linker rijen (tweakers-layout) en de zut rechts (tweakers_ng-layout):


Ik heb een werkende versie, maar ben atm nog bezig met optimalisatie (sprites etc.) graag een mailtje oid als je wilt helpen testen.

[Hoite]

Een mix van een hele zut CSS van Wiethoofd:


(Lekker roze is niet vies)

Eigen posts in een mooi opvallend kleurtje:

Kan je ze lekker snel terugvinden.

TS in het groen, voor de overzichtelijkheid van de draad:

[ Voor 56% gewijzigd door Hoite op 27-10-2011 23:47 ]

[Yorinn]

Nu de Review-sectie is gewijzigd op de FP, werkt de code daar niet meer voor om het alleen maar plain text te maken. Heeft iemand hier een oplossing voor?

[Wiethoofd]

Ik zit er naar te kijken, maar ik hoop eigenlijk dat er een Grade B alternatief mogelijk wordt voor die reviewblokjes, ik vind dit maar niets.

En anders ga ik een versie knutselen die puur 1 grote heeft en daaronder 4 headlines, maar er zijn geen reactielinkjes meer, dus die ontbreken sowieso....

[Yorinn]

Bestaat er niet een mogelijkheid om elementen uit Grade B via CSS naar Grade A te krijgen?

[Wiethoofd]

Nee, de html is er gewoon niet voor aanwezig, maar de reactie van Mi6 hier geeft hoop. De CSS voor een simpele 'lijst' krijgen van de titels heb ik al.

edit:

Even plaatje toevoegen hoe ik het er nu uit kan laten zien:

Met de CSS die ik eerder dit jaar eens postte is het mogelijk om de bovenste versie naar een regel tekst te krijgen (en een reactielink rechts te hebben).

[ Voor 49% gewijzigd door Wiethoofd op 01-11-2011 14:51 ]

[Yorinn]

Wiethoofd schreef op dinsdag 01 november 2011 @ 14:17:
Nee, de html is er gewoon niet voor aanwezig, maar de reactie van Mi6 hier geeft hoop. De CSS voor een simpele 'lijst' krijgen van de titels heb ik al.

edit:

Even plaatje toevoegen hoe ik het er nu uit kan laten zien:
[afbeelding]
Met de CSS die ik eerder dit jaar eens postte is het mogelijk om de bovenste versie naar een regel tekst te krijgen (en een reactielink rechts te hebben).

Die ziet er al veel beter uit als wat er nu op de FP staat.

[Yorinn]

Heb je misschien wel de CSS die je nu gebruikt ervoor.

[Wiethoofd]

Dit is puur de CSS voor de kleine extra aankondigingen, niet om de grote aankondiging te halveren in hoogte.

Cascading Stylesheet:

/* Kleine aankondigingen naar 1 per rij met blokje */
.announcementSmallBackground, .announcementSmallBox { display: none; }
.tabItemFrontpageSmall {
 background: none;
 margin: 2px 2px 0 0;
 height: auto;
 float: none;
 width: 100%;
 position: relative;
}
.announcementSmallContent {
 position: relative;
 width: auto;
 height: auto;
 margin: 0;
 padding: 2px;
 line-height: 14px;
 top: 0; left: 0;
 border-bottom: 1px solid #E6E6E6;
}
.announcementSmallContent a {
 color: #000;
 font-weight: normal;
 font-size: 11px;
 background: url(http://tweakers.net/ext/f/JkmHQn9hicRAFj7tCfn5vvNy/full.png) no-repeat scroll left center;
 padding-left: 12px;
 line-height: 18px;
}
.announcementSmallContent a:hover {
 color: #ED053E;
}

Resultaat:

[ Voor 37% gewijzigd door Wiethoofd op 02-11-2011 23:11 ]

[Yorinn]

Bedankt voor deze, hij werkt. Heb je misschien ook iets om een blokje ofzo toe te voegen voor de artikelnamen? Zo'n FP-blokje zou mooi zijn, maar een mapje á la GoT is ook goed.

[Wiethoofd]

CSS geüpdate in vorige post, items staan nu per rij en hebben een blokje ervoor.

[Yorinn]

Wiethoofd schreef op woensdag 02 november 2011 @ 18:28:
CSS geüpdate in vorige post, items staan nu per rij en hebben een blokje ervoor.

Dit is al een heel stuk beter als 9 foto's onder/naast elkaar. Bedankt hiervoor.

[Verwijderd]

Wiethoofd schreef op woensdag 02 november 2011 @ 18:28:
CSS geüpdate in vorige post, items staan nu per rij en hebben een blokje ervoor.

Thanks, zo is ie tenminste weer werkbaar.

[Wiethoofd]

Heb em nog iets bijgeschaafd, zag een foute margin en missende line-height voor nettere uitlijning.

@ Krusher, jij was toch fan van de oude (tweakers) layout? Mijn MyReact atm:
Let op de mapjes CSS komt binnenkort op m'n blog

[Verwijderd]

Wiethoofd schreef op woensdag 02 november 2011 @ 19:22:
Heb em nog iets bijgeschaafd, zag een foute margin en missende line-height voor nettere uitlijning.

[afbeelding]@ Krusher, jij was toch fan van de oude (tweakers) layout? Mijn MyReact atm:
Let op de mapjes CSS komt binnenkort op m'n blog

Nice

Maar ik heb al tijden een mix van eigen CSS en dat van anderen
Zou hem eigenlijk weer eens onder handen moeten nemen, een aantal zaken kloppen niet, maar ja iets met goede voornemens enzo

[Ircghost]

Denkt iemand dat het mogelijk is om in de Custom CSS een paar regeltjes te schrijven zodat het mogelijk is om het niveau-filter op een hoger niveau te zetten dan 0 maar daarbij nog wel de ongemoddereerde uitgeklapt te zien?

[Wiethoofd]

Nee, is niet mogelijk. De .reactieContent is namelijk niet geladen en wordt pas geladen na het openklikken om te modereren.

[RuddyMysterious]

Dàt zou mogelijks wel met wat user-javascript opgelost kunnen worden.

[F.West98]

Voor degenen die ernaar vroegen: ik ben bezig met een black tnet. Hele FP is nu OK, enkel de PW en het forum nog

En verder heeft de TS een update

[Wiethoofd]

Herwerkte versie van de (ex-)Reviewcarousel, deze laat het aantal reacties zien:

CSS is voor een groot deel hetzelfde gebleven of gewoon verplaatst/verdeeld over de nu gebruikte classes

Cascading Stylesheet: Reviews & Features compact + tonen reacties

.announcementSmallBox, .announcementSmallContent { display: none; }
.tabItemFrontpageSmall {
 background: none;
 margin: 2px 2px 0 0;
 height: auto;
 float: none;
 width: 100%;
 position: relative;
 border-bottom: 1px solid #E6E6E6;
}
.announcementSmallBackground {
 background: url(http://tweakers.net/ext/f/JkmHQn9hicRAFj7tCfn5vvNy/full.png) no-repeat scroll left center !important;
 padding: 2px 2px 2px 12px;
 line-height: 18px;
 width: auto;
 height: auto;
}
.announcementSmallBackground:after {
 content: attr(title);
 color: #000;
 font-weight: normal;
 font-size: 11px;
}
.announcementSmallBackground:hover, .announcementSmallBackground:hover:after {
 color: #ED053E;
}

[Pirate-Bozz]

Even dit topic omhoog sleuren. Heb vanmiddag de CSS-optie aangeschaft.

Nu heb ik een aantal dingen erin staan:

code:

div.topicstarter .messageheader { /* maak de header van de topicstart oranje */ 
background: yellow url(http://tweakimg.net/g/if/v2/table_headers.png) repeat-x scroll 0 -155px !important; 
} 

.listing .topic a[title~="TheCoolGamer"] 
{ 
color: #AAAAAA !important; 
font-style: italic; 
} 

table.listing tbody tr td.topic a[title~="Pirate-Bozz"],
table.listing tbody tr td.topic a[title~="Pirate-Bozz"] + small a {
 color: #F00;
} 

/* Ongemodereerde reacties weergeven */
.reactie .unmodded {
 background-image: url("http://tweakers.net/ext/f/zbkYxis2aDeiRFBoYc2BQs2L/full.png") !important;
}

En dit werkt niet? Is er wat veranderd en zo ja, waar kan ik lezen hoe het wel moet?
(Heb deze gewoon uit het T.net CSS topic geplukt)

[Wiethoofd]

1. er staat allemaal loze html entities tussen
2. wat wil je allemaal dat de CSS doet (ik gok het volgende)
- topic starter berichtkopkleurtje
- laatste gereageerd in topic laat in je myreact nu rood en schuingedrukt zien.
>> even nieuwe laten genereren met gewenste kleur op: http://wiethoofd.info/highlight/
- ongemodereerde reacties hebben achtergrond

[ Voor 13% gewijzigd door Wiethoofd op 15-02-2012 18:02 ]

[Pirate-Bozz]

Wiethoofd schreef op woensdag 15 februari 2012 @ 18:02:
1. er staat allemaal loze html entities tussen
2. wat wil je allemaal dat de CSS doet (ik gok het volgende)
- topic starter berichtkopkleurtje
- laatste gereageerd in topic laat in je myreact nu rood en schuingedrukt zien.
>> even nieuwe laten genereren met gewenste kleur op: http://wiethoofd.info/highlight/
- ongemodereerde reacties hebben achtergrond

Ja, precies dat. Leek me wel een mooi begin.
Ik had het T.net CSS (in die geest)-topic gelezen, en daar stond gewoon in knip-en-plak dit in je CSS-style vak.

Dat werkte dus niet. Als je een paar tips zou kunnen geven waar ik op moet letten (zonder de hele taal te kennen) ben ik erg dankbaar

[Wiethoofd]

De als laatste user gereageerd in een topic kun je genereren met de link die ik eerder al gaf, het gaat er namelijk om dat jouw username daar staat

De topicstarter header achtergrond:

Cascading Stylesheet:

/* maak de header van de topicstart oranje */ 
div.topicstarter .messageheader {
 background: url(http://tweakimg.net/g/if/v2/table_headers.png) repeat-x scroll 0 -155px orange !important; 
}

En de ongemodereerde reacties:

Cascading Stylesheet:

/* Ongemodereerde reacties weergeven */
.reactie .unmodded {
 background-image: url("http://tweakers.net/ext/f/zbkYxis2aDeiRFBoYc2BQs2L/full.png") !important;
}

[alex3305]

Nog een leuke, aangezien ik mezelf kapot ergerde aan die plaatjes die in de imageviewer op de Frontpage constant naar boven komen vliegen:

Cascading Stylesheet:

#carrouselThumbContainer {display: none !important;}

Dan maar helemaal weghalen . En hoe ziet dat er dan uit? Nou zo dus:

[Wiethoofd]

Zet em gewoon op de classic

[alex3305]

Wiethoofd schreef op donderdag 26 april 2012 @ 14:55:
Zet em gewoon op de classic

Dat is toch niet tweaken .

Anyway, aangezien ik sindskort een Ultrabook heb en waar ik dus de letters wat groter moet zetten vanwege het kleinere scherm (visueel gehandicapt) heb ik nog wat extra CSS gemaakt om de sidebar uit Tweakers te halen. Deze gebruik ik toch nauwelijks en zo ziet het er op 200% een stuk beter uit voor mij .

Cascading Stylesheet:

.content {width: 540px !important;}
.full .content {width: auto !important;}
.pwPriceList .content {width: inherit !important;}
.normal .content {width: auto !important;}
#contentArea {margin-left: 0 !important;}

Misschien niet voor iedereen de beste oplossing, maar zeker voor mij en daarom toch even leuk om te delen. Op 100% klopt de layout overigens wat minder, maar dat is natuurlijk zelf ook te tweaken door de .content wat groter te zetten. 600px zou voldoende moeten zijn.

[Wiethoofd]

Je schakelt de sidebar uit? Bedoel je niet de tracker links (of rechts?) Die is namelijk makkelijker te verbergen: Grade B forceren voor de frontpage (of naar rechts en custom CSS display: none) en hij is los uit te schakelen op het forum.

[F.West98]

Wiethoofd schreef op dinsdag 01 mei 2012 @ 18:16:
Je schakelt de sidebar uit? Bedoel je niet de tracker links (of rechts?) Die is namelijk makkelijker te verbergen: Grade B forceren voor de frontpage (of naar rechts en custom CSS display: none) en hij is los uit te schakelen op het forum.

offtopic:
Waarom reageer je niet op mijn DM + mail?

Je kan ook gewoon de CSS uit de TS halen, stond zoiets in

[alex3305]

Inderdaad de tracker . Weet ik veel, ik noem het gewoon een sidebar.

Verder is Grade B geen alternatief, aangezien deze de Pricewatch een heel stuk minder fancy maakt. Dan heb ik liever gewoon Grade A met alternatieve CSS. Verder zal ik morgen eens de CSS van Hacku proberen welke ook de tracker weghaalt. Ik had er namelijk wel gezocht, maar heb er gewoonweg overheen gelezen... Toch bedankt voor de tips .

[Wiethoofd]

Als je namelijk in de html kijkt heb je naast de content ook een .sidebar (naast de nieuwsberichten met relevant nieuws etc.)

Voor FP, tracker naar rechts en verbergen, op forum in je voorkeuren uitschakelen (of zelfs een oude layout gebruiken )

[Wiethoofd]

Ik ga een een groot aantal dingen proberen, hier wil ik eventueel wel een 'live' CSS van bij houden die jullie via een @import in je Custom CSS veld neerzetten (en daaronder je eigen frutsels).

[list]• - Paginanummers en knoppen
[list]• Wiethoofds meuk en 'overige': Verbeterde paginanavigatie op (Gathering of) Tweakers.net
• - Forummapjes proberen te herstellen (multicolor per forumcategorie zal ik naar proberen te kijken)

• Wiethoofds meuk en 'overige': Candy colourless GoT (update)
• - Zelf als laatste gereageerd in topiclijsten aangeven

[bitshape]

Wiethoofd, zou je ons een stukje custom CSS kunnen geven waarmee de achtergrond van vooral het Forum (donker-)grijs wordt ipv het huidige spierwit? (krijg er nu al hoofdpijn van! )

[Wiethoofd]

Het forum schijnt nu nog niet de Custom CSS die al wel op de frontpage werkt over te nemen...

De CSS is waarschijnlijk al wel livetestend te maken voor het forum, maar pas als de Custom CSS site wide werkend is zal je het kunnen zien.

[ikbenwouter]

Ik heb de witte vlakken weggehaald door Superstyles voor Firefox te installeren en het volgende script toe te voegen voor t.net (werkt ook mooi op het forum):

Cascading Stylesheet:

div#contentArea {background-color: #ddd;border: 20px solid #ddd;}
#layout {background-color: #ccc;}

[Wiethoofd]

Om de 'Geplaatst op' en 'Verzonden op' in de berichtkoppen van respectievelijk forumreacties en DM's terug te krijgen:

Cascading Stylesheet:

.message .messageheader .date a {
 text-transform: lowercase;
}
.message .messageheader .date a:before {
 content: 'Geplaatst op ';
 text-transform: none;
}
#pmessages .date a:before {
 content: 'Verzonden op '
}

Om alle berichten strak tegen elkaar te krijgen op het forum:

Cascading Stylesheet:

/* Dit zal vast meer fixes nodig hebben dan de h2 bij de quotes! */
div.message, div.faq {
 margin-top: -16px;
}
#quotemessages h2 {
    padding-bottom: 15px;
}

[ikbenwouter]

Om de kleuren van het stukje onderin een topic "Er zijn x nieuwe berichten geplaatst" in dezelfde stijl te krijgen als een reply (ipv de groen en gele achtergrondkleur):

Cascading Stylesheet:

#newMessageNotification {background-color:#EDEEEE!important;border: 1px solid #DDDEDE!important;}
#newMessageNotification:hover, #newMessageNotification.error {background-color:#ddd!important;}

[wontcachme]

Is het misschien handiger een nieuwe topic van dit te maken speciaal voor de nieuwe versie? Maakt het in de toekomst duidelijker

[Schnoop]

Inmiddels zien mijn tweakers er zo uit:



Zoekbar verplaats. Favorieten weggehaald en background kleuren aangepast. Wachten totdat css ook op forum meegenomen wordt.

Cascading Stylesheet:

body{background-color:#313232;}
#contentArea{background-color:#EDEEEE;padding-left:5px;}
.fpaItem{display:none;}
#top{background-color:#313232;}
#contentArea{padding-top:0px}
#search{position:absolute;top:-10px;right:220px;}
#searchbar{height:15px;}
.topBorder{background-color:#EDEEEE;}
.reactie{background: none repeat scroll 0 0 #EDEEEE;;background-color:#EDEEEE;}
#menubar {
border-radius: 5px;
width: 800px;
padding-left: 100px;
padding-right: 100px;
box-shadow: inset 0 0 10px #000;
}

edit:

Achtergrond kleur reacties ook aangepast.
2. Menu fix thx to Oeroeg

[ Voor 29% gewijzigd door Schnoop op 18-10-2012 16:38 ]

[ikbenwouter]

Minder scrollen in Active Topics en MyReact!

Cascading Stylesheet:

td, th {
    padding: 0px 5px!important;
}

[Tsurany]

Kunnen de guru's van hier naar dit probleem kijken?
Moet, neem ik aan, zo opgelost zijn?

Link naar post geschiedenis: http://gathering.tweakers...find/poster/180748/topics (is user ID via CSS te verkrijgen?
Link naar sessie reset: http://gathering.tweakers.net/forum/reset

[afraca]

CSS ben ik altijd ver van weggebleven (schrijven wel te verstaan). Ik vind wat Schnoop heeft gedaan heerlijk, maar ik heb de .fpaItems wel gewoon laten staan, vind ze leuk. Ik zou alleen die top nav bar floating willen hebben. Kan dat?

[Verwijderd]

Volgende week komt de mogelijkheid voor custom css op het forum.

[Wiethoofd]

Verwijderd schreef op donderdag 18 oktober 2012 @ 15:54:
Volgende week komt de mogelijkheid voor custom css op het forum.

Bron?

En de custom css staat sowieso bij iedereen default uit, ik heb al m'n oude css doorgenomen, gekekeen wat er overgenomen kon worden en hier en daar aangepast en dat nu maar neergezet.

Zodra de boel op het forum ook werkt ga ik wel verder stijlen.

BTW, de tweakers-layout iconen zijn offline gehaald, maar de forummapjes CSS (candycolorless etc.) werkt nog wel gewoon zodra de custom CSS op het forum ingeschakeld wordt.

[Pompi]

Wiethoofd schreef op donderdag 18 oktober 2012 @ 16:05:
[...]

Bron?

Hier staat het http://gathering.tweakers.net/forum/list_messages/1521112

[Verwijderd]

Wiethoofd schreef op donderdag 18 oktober 2012 @ 16:05:
[...]

Bron?

En de custom css staat sowieso bij iedereen default uit, ik heb al m'n oude css doorgenomen, gekekeen wat er overgenomen kon worden en hier en daar aangepast en dat nu maar neergezet.

Zodra de boel op het forum ook werkt ga ik wel verder stijlen.

BTW, de tweakers-layout iconen zijn offline gehaald, maar de forummapjes CSS (candycolorless etc.) werkt nog wel gewoon zodra de custom CSS op het forum ingeschakeld wordt.

JoostBaksteen in "Geen customCSS op het forum"

[Schnoop]

afraca schreef op donderdag 18 oktober 2012 @ 15:39: Ik zou alleen die top nav bar floating willen hebben. Kan dat?

Wat bedoel je hier precies mee?

[Schnoop]

Tsurany schreef op donderdag 18 oktober 2012 @ 15:39:
Link naar post geschiedenis: http://gathering.tweakers...find/poster/180748/topics (is user ID via CSS te verkrijgen?
Link naar sessie reset: http://gathering.tweakers.net/forum/reset

Helaas is dit geen optie. Althans niet dat ik weet.

[F.West98]

Ik ga nu ook zsm bezig met een donkere variant. Dit is idd lelijk

[Fid3lity]

Cascading Stylesheet:

div#contentArea {  
    background-color: #FFF;  
    border: 20px solid #FFF; 
    box-shadow: 0 2px 5px #444; 
    -moz-box-shadow: 0 2px 5px #444 
}  

#layout {  
    background-color: #F4F4F4; 
    background-image: url(http://tweakers.net/ext/f/65RpFKkwm2dOkmJE3pa7Ca0T/full.png) 
} 

#bottom div.hr { 
    height:0px; 
} 

div#menubar { 
    margin:0px; 
    width:100%; 
}

div#top {
    background-image: -webkit-linear-gradient(top, #B41039, #D19600 68px)
}

[kamstra]

ikbenwouter schreef op donderdag 18 oktober 2012 @ 15:39:
[afbeelding]
Minder scrollen in Active Topics en MyReact!

Cascading Stylesheet:

td, th {
    padding: 0px 5px!important;
}

[Wiethoofd]

@kamstra, het is niet echt netjes om die CSS te gebruiken, die verkloot namelijk teveel posts op het forum mocht de custom CSS weer live gaan op het forum.

Deze zou je beter overnemen

Cascading Stylesheet:

table.listing td, table.listing th {
 padding: 4px 5px;
}

[ Voor 29% gewijzigd door Wiethoofd op 18-10-2012 16:27 . Reden: css even geplakt ]

[kamstra]

Wiethoofd schreef op donderdag 18 oktober 2012 @ 16:26:
@kamstra, het is niet echt netjes om die CSS te gebruiken, die verkloot namelijk teveel posts op het forum mocht de custom CSS weer live gaan op het forum.

Deze zou je beter overnemen

Cascading Stylesheet:

table.listing td, table.listing th {
 padding: 4px 5px;
}

ha, check, dank!

[Maranello]

Had hiervoor ook blauwe header met behulp van Wiethoofd Custom CSS (fijn dat je nu ook alweer bezig bent)
Nu zelf even vlug blauw thema gemaakt. Simpel:

Cascading Stylesheet:

#top {
     background-color: #0052CC !important;
     background-image: none !important;
}

h1, h2 {
    color: #4775FF !important;
}

[ikbenwouter]

Wiethoofd schreef op donderdag 18 oktober 2012 @ 16:26:
Deze zou je beter overnemen

Thanks, stuk netter inderdaad.

Ben nog even bezig geweest met de homepage Ik heb hier met de nieuwe standaard layout maar 5 headlines in beeld. Pas na 470 pixels andere meuk komt de eerste headline in beeld Snap niet zo goed hoe je het dan kunt hebben over kostbare ruimte op de frontpage die goed gebruikt moet worden. Search en headlines tabs gebruik ik niet dus heb ik eruit gesloopt.

[Pompi]

Maranello schreef op donderdag 18 oktober 2012 @ 16:41:

Nu zelf even vlug blauw thema gemaakt. Simpel:

[afbeelding]

Het ziet er eigenlijk best goed uit in het blauw in plaats van het rode, maar voelt wel heel anders aan.

[F.West98]

Pagenav

Ik heb ondertussen snel een pagenav ding gemaakt. Aan Wiethoofd om hem te verbeteren.

Cascading Stylesheet:

 /* Algemeen */
    .topic > small a,
    .pageDistribution a,
    p.pagecounter a {
        border: 1px solid rgba(10, 143, 196, 0.5);
        padding: 3px;
        background-color: rgba(10, 143, 196, 0.02);
        -moz-transition: all 0.15s linear;
        -webkit-transition: all 0.15s linear;
        -o-transition: all 0.15s linear;
        -ms-transition: all 0.15s linear;
        transition: all 0.15s linear;
        margin-left: 0 !important;
    }
    .pageDistribution a { padding: 2px 3px; margin-left: 0 !important; padding-bottom: 0;}
    p.pagecounter a { padding: 2px 3px; }
    p.pagecounter b { margin-left: 0 !important; }
    p.pagecounter { margin-top: 1px !important; }
    
    /* Hover */
    .topic > small a:hover,
    .pageDistribution a:hover,
    p.pagecounter a:hover {
        background-color: rgb(10, 142, 196);
        text-decoration: none !important;
        box-shadow: none;
        color: white !important;
        font-weight: bold;
    }
    .topic > small a:hover[rel=nofollow],
    p.pagecounter a:hover[rel=nofollow] { 
        font-weight: normal;
    }
    
    /* Active */
    .topic > small a:active,
    .pageDistribution a:active,
    p.pagecounter a:active {
        box-shadow: 0px 0px 3px 0px #0A8FC4;
    }

Screenshot:

Jobs weg uit header

Cascading Stylesheet:

/* Jobs onderdeel uit header */
#menu ul:first-child li.last.more div ul li:first-child,
#menu ul:first-child li.last.more div ul li+li+li+li { display: none !important; }
#menu ul:first-child li.last.more div ul li+li+li+li+li { display: block !important; }

[ Voor 11% gewijzigd door F.West98 op 18-10-2012 21:01 ]

[Wiethoofd]

Paginanavigatie ga ik pas klooien als de forum custom CSS werkt, dus van het weekend testen en pas volgende week zal ik hem online gooien.

Moet volgens mij de complete twitter bootstrap counteren in de kleuren, hovers en shadows

[F.West98]

Wiethoofd schreef op donderdag 18 oktober 2012 @ 17:36:
Paginanavigatie ga ik pas klooien als de forum custom CSS werkt, dus van het weekend testen en pas volgende week zal ik hem online gooien.

Moet volgens mij de complete twitter bootstrap counteren in de kleuren, hovers en shadows

Ik gebruik Stylish dus ik ben alvast bezig
Ook met een donkere versie ga ik zo beginnen

[Wiethoofd]

Vraag & Aanbod en de Pricewatch hebben hun filterboxen nu links staan, maar als je de tracker ook al links hebt is dat nogal kansloos. Onderstaande zet de filteropties rechts zoals in de vorige layout.

Cascading Stylesheet:

#filterContainer {
 float: right;
 margin: 0 0 0 30px;
}

[naaitsab]

Moet er nog wat aan sleutelen maar is al een heel stuk beter dan dat ziekenhuis wit.
Gebruikt icm met Stylish op Chrome, gevolgde hyperlinks zijn overigens een beetje rood/roze van kleur.

Cascading Stylesheet:

#layout {
    background-color: #212323;
}

#menubar { width: 100%; }

textarea#messageBox, input {
    color: #000000;
    background-color: #FFF;
}

p {
color: #838383 !important;
}

div.info, div.message, div.faq, form.form1, form.form2, #folders, #myprofilecontainer, table.info {
    background-color: #212323 !important;
    color: #838383;
}

table.listing td, table.listing td a {
    background: #212323 !important;
    color: #EDEEEE !important;
}

table.listing td {
    border-top: 1px solid #000000 !important;
    border-bottom: 1px solid #000000 !important;
}

table.listing td.last {
    border-right: 1px solid #000000 !important;

}

table.listing td.ind, table.listing td.ind2 {
    border-left: 1px solid #000000 !important;
}

table.listing td.topic a, table.listing td.title a { 
    color: #EDEEEE !important;
}

.user {
    color: #838383 !important;
}

.crew {
    color: #B9133C !important;
}

.article {
    color: #EDEEEE !important;
}

.article a, ul a {
    color: #0270DD !important;
}

a {
color: #B9133C;
}

.frontPageLink:visited {
color: #BD4EB1;
}

.article a, ul a {
color: #A8A8A8 !important;
}

.pageTabs li {
color: #000 !important;
border-bottom: 1px solid #FFF !important; 
}

.article a, ul a {
background-color: #212323 !important;
}

Met dank aan o.a. Hero of Time

[Fid3lity]

Dat vind jij beter? Onleesbare zooi is het nu toch geworden?

[F.West98]

naaitsab schreef op donderdag 18 oktober 2012 @ 17:39:
....

Met dank aan o.a. Hero of Time

Ik ben er ook mee bezig
Eerst wat breedte issues, dan dat

[Pompi]

Valt er eigenlijk iets aan het eeuwige scrollen bij artikelen op de fp te doen? Bijvoorbeeld door de reacties breder te maken

[F.West98]

En nu de postheaders weer mooi grijs gemaakt, zoals het was, maar dan iets subtieler:



De abo's zijn de blauwe kleur van de quote-tekst (username), en TS heeft een oranje gradient

Cascading Stylesheet:

/* Username highlights */
.message .messageheader {
 background-image: -moz-linear-gradient(center top, rgb(234,235,235), rgb(217, 218, 218)) !important;
 background-image: -webkit-gradient(linear, center top, rgb(234, 235, 235), rgb(217, 218, 218)) !important;
 background-image: -o-linear-gradient(center top, rgb(234, 235, 235), rgb(217, 218, 218)) !important;
 background-image: -ms-linear-gradient(center top, rgb(234, 235, 235), rgb(217, 218, 218)) !important;
 background-image: linear-gradient(center top, rgb(234, 235, 235)m rgb(217, 218, 218)) !important;
 border-bottom: 1px solid rgb(207, 208, 208);
} 
/* Hightlight gebruikersnaam bij normale users */
div.messageheader div.poster a:hover {
 color: #666;
 text-decoration: none !important;
 }

/* Hightlight gebruikersnaam bij crew */
div.messageheader div.poster a[class*="crew"]:hover {
 color: #d9004c;
 }

/** Kleurtjes voor speciale users */ 
a.abonnee { color: #024368 !important; } 
div.topicstarter div.messageheader { 
    background-image: -moz-linear-gradient(center top, rgb(229,101,24), rgb(209, 81, 4)) !important;
    background-image: -ms-linear-gradient(center top, rgb(229,101,24), rgb(209, 81, 4)) !important;
    background-image: -o-linear-gradient(center top, rgb(229,101,24), rgb(209, 81, 4)) !important;
    background-image: -webkit-linear-gradient(center top, rgb(229,101,24), rgb(209, 81, 4)) !important;
    background-image: linear-gradient(center top, rgb(229,101,24), rgb(209, 81, 4)) !important;
}
div.topicstarter div.messageheader div.poster a {
    color: #024368 !important;
} 

[Verwijderd]

Bugje bij Schnoop lay-out. Weet iemand hoe het komt dat mijn Google searchbar in elkaar wordt gedrukt Gebruik trouwens Stylish in FF16.

[ Voor 14% gewijzigd door Verwijderd op 18-10-2012 18:15 ]

[F.West98]

In Google?
Je moet ook de style in Stylish toepassen als volgt:

code:

@-moz-document domain(tweakers.net) {
/* lala je css*/
}

Dan is het enkel voor tnet gebruikt


edit:
En ja hoor weer iets nieuws:

Bredere posts

De posts breder, zodat de lelijke witte ruimte rechts wordt opgevuld.
Als je de tags (onderwerpen) bovenin wil:

Cascading Stylesheet:

#sidebar {
    width: 956px !important;
    float: none !important;
}
#sidebar h2 {
    margin-bottom: 3px !important;
}
#sidebar #relationbox {
    margin-top: 3px !important;
    margin-bottom: 5px !important;
}
#sidebar #relationbox ul {
    margin: 3px 0 !important;
    height: 18px;
}
#sidebar #relationbox li {
    border-right: 1px solid #E8E8EA;
    padding: 0 5px;
    float: left;
}

Sidebar helemaal weg

Cascading Stylesheet:

#sidebar { display: none; }

En de rest voor verbreden:

Cascading Stylesheet:

#messages, .topic_actions {
    width: 956px !important;
}
.messagecontent {
    width: 800px !important;
}
div.post {
    padding: 6px 0 6px 10px !important;
}

/* Posts dicher op elkaar */
div.message {
    margin-bottom: 5px !important;
}

[ Voor 73% gewijzigd door F.West98 op 18-10-2012 18:20 ]

[naaitsab]

3XPER7 schreef op donderdag 18 oktober 2012 @ 17:41:
Dat vind jij beter? Onleesbare zooi is het nu toch geworden?

Beter dan instant migraine door dat overmatig gebruik van wit icm een knape/heldere monitor.

[Verwijderd]

Vreemd verbreden van berichtscherm in die nutteloze balk werkt wel maar het niet meer weergeven ervan werkt niet

Deze dus werkt niet bij mij:

code:

#sidebar { display: none; }

Goed bezig F.West98 . Padding werkt ook goed .

[ Voor 20% gewijzigd door Verwijderd op 18-10-2012 18:52 ]

[Wiethoofd]

Geen obnoxious en overbodig avatars in je face en een icoontje welk gedeelte van tweakers het is.

Cascading Stylesheet:

#community a.thumb.community, #community li a+p+p {
 display: none;
}
#community li p a {
 padding-left: 22px;
 background: url(http://tweakers.net/ext/f/F6gUDomPcHwgdsvkXth1AwMV/full.png) 2px center no-repeat;
}
#community li p a[href*="gathering.tweakers"] {
 background-image: url(http://tweakers.net/ext/f/SBhLZs2UQqEw99lMveSlKwjP/full.png);
}
#community ul li:first-child {
 border-bottom: 0 none;
}
#community li {
 float: none;
 width: 620px;
 padding: 2px 0;
 margin: 0;
 border-bottom: 1px solid #E8EAEA;
 border-top: 0 none;
 padding: 4px 0 2px;
}
#community li p {
 display: inline-block;
}
#community li p:last-child { /* li a+p+p+p voor IE7 en lager */
 float: right;
}

[F.West98]

Verwijderd schreef op donderdag 18 oktober 2012 @ 18:50:
Vreemd verbreden van berichtscherm in die nutteloze balk werkt wel maar het niet meer weergeven ervan werkt niet

Deze dus werkt niet bij mij:

code:

#sidebar { display: none; }

Goed bezig F.West98 . Padding werkt ook goed .

doe dan eens een !important voor de puntkomma? (spatie tussen none en de '!')

[Verwijderd]

code:

@-moz-document domain("tweakers.net") {
#forumheading,
.mainColumn { background-color:#EFF0F0!important;}

#layout {background-color:#B4B4B4!important;}
#contentArea {background-color:#EFF0F0!important;}

h1,
#news,
.articleColumn {padding-left:20px;padding-right:30px;}
#messages,

div.message {

    margin-bottom: 5px !important;

}
#sidebar {display: none !important;}
#top {border-bottom:0px!important;}
#bottom div.hr {height: 0px!important;}
}

Dat ziet er zo uit:

[FireWood]

code:

/* HENK */
/*  */
/* Plaatsen van image */
div#logo{
background: url("http://tweakers.net/ext/f/yGhY5OUotXH3QnB3TpYh5RnD/full.png")  no-repeat;
}
/* Zorgen voor klikbare logo */
div#logo a{
 margin-bottom: 0px;
 width: 213px;
 height:85px;
 display:block;
 background:transparent;
}
/* Logo om zeep helpen */
div#logo img{
visibility:hidden;
}

HENK is back!

[F.West98]

Verwijderd schreef op donderdag 18 oktober 2012 @ 19:03:

code:

@-moz-document domain("tweakers.net") {
#forumheading,
.mainColumn { background-color:#EFF0F0!important;}

#layout {background-color:#B4B4B4!important;}
#contentArea {background-color:#EFF0F0!important;}

h1,
#news,
.articleColumn {padding-left:20px;padding-right:30px;}
#messages,

div.message {

    margin-bottom: 5px !important;

}
#sidebar {display: none !important;}
#top {border-bottom:0px!important;}
#bottom div.hr {height: 0px!important;}
}

Dat ziet er zo uit:
[afbeelding]

je mist:

Cascading Stylesheet:

.messagecontent { width: 800px !important; }

[ Voor 141% gewijzigd door F.West98 op 18-10-2012 19:15 ]

[Slapstick]

Verkeerd topic, gok ik zo.

[ Voor 70% gewijzigd door Slapstick op 18-10-2012 19:07 ]

[Nnoitra]

Schnoop schreef op donderdag 18 oktober 2012 @ 15:08:
Inmiddels zien mijn tweakers er zo uit:

[afbeelding]

Zoekbar verplaats. Favorieten weggehaald en background kleuren aangepast. Wachten totdat css ook op forum meegenomen wordt.

Cascading Stylesheet:

body{background-color:#313232;}
#contentArea{background-color:#EDEEEE;padding-left:5px;}
.fpaItem{display:none;}
#top{background-color:#313232;}
#contentArea{padding-top:0px}
#search{position:absolute;top:-10px;right:220px;}
#searchbar{height:15px;}
.topBorder{background-color:#EDEEEE;}
.reactie{background: none repeat scroll 0 0 #EDEEEE;;background-color:#EDEEEE;}
#menubar {
border-radius: 5px;
width: 800px;
padding-left: 100px;
padding-right: 100px;
box-shadow: inset 0 0 10px #000;
}

edit:

Achtergrond kleur reacties ook aangepast.
2. Menu fix thx to Oeroeg

U heerscht!

Alleen jammer dat de tracker niet zichtbaar is bij 1366x768

[Verwijderd]

F.West98 schreef op donderdag 18 oktober 2012 @ 19:05:
[...]

je mist:

Cascading Stylesheet:

.messagecontent { width: 800px !important; }

Misschien begrijp ik het niet goed. Ik dacht dat die hele loze ruimte gewoon verdwijnt met die display: none code en door de background wordt opgevuld. Moet ik die .messagecontect toevoegen na #sidebar of na #messages?

[SinergyX]

Zijn de meeste van de CCS codes nu gewoon via je Custom stylesheet te doen? Ik heb er nu aantal ingezet, maar deze lijken geen van allen te werken

[ikbenwouter]

Custom css werkt (nog) niet op het forum. Dit moet je met een addon voor je browser oplossen, zoals met Stylish voor Firefox.

[SinergyX]

Aaah vandaar Naja, dan maar even wachten

[_ferry_]

Alvast wat knoei, plak en stoeiwerk gedaan (tja, zo leer je nog eens wat van CSS, uit nood )

Cascading Stylesheet:

#layout {
 background-color:#BBB;
 min-width:800px  !important;
 max-width:1000px  !important;

 }

Nu blijft het forum gewoon op een fijne breedte voor mij, maar alsnog moet ik het venster bijna 1600 pixels breed maken ofzo om de tracker te zien. Dan verschijnt ie, en heb ik vervolgens alsnog een zinloos wit vlak ernaast. :

Hij mag van mij altijd zichtbaar zijn, kan dat? Waarschijnlijk iets met de trackerpopup, maar verder dan dat kom ik niet.

[F.West98]

Verwijderd schreef op donderdag 18 oktober 2012 @ 19:26:
[...]

Misschien begrijp ik het niet goed. Ik dacht dat die hele loze ruimte gewoon verdwijnt met die display: none code en door de background wordt opgevuld. Moet ik die .messagecontect toevoegen na #sidebar of na #messages?

Nee dat is dus niet zo. De breedtes zijn allemaal absoluut, in pixels. Helaas niet relatief (procenten). Dus ja dat is nodig. En de plaats maakt niet uit

_ferry_ schreef op donderdag 18 oktober 2012 @ 19:55:
Alvast wat knoei, plak en stoeiwerk gedaan (tja, zo leer je nog eens wat van CSS, uit nood )

Cascading Stylesheet:

#layout {
 background-color:#BBB;
 min-width:800px  !important;
 max-width:1000px  !important;

 }

Nu blijft het forum gewoon op een fijne breedte voor mij, maar alsnog moet ik het venster bijna 1600 pixels breed maken ofzo om de tracker te zien. Dan verschijnt ie, en heb ik vervolgens alsnog een zinloos wit vlak ernaast. :
[afbeelding]
Hij mag van mij altijd zichtbaar zijn, kan dat? Waarschijnlijk iets met de trackerpopup, maar verder dan dat kom ik niet.

als je dat daar rechts ook grijs wilt: geef de body die background color:

Cascading Stylesheet:

body { background-color: #BBB; }

[ Voor 47% gewijzigd door F.West98 op 18-10-2012 20:01 ]

[wontcachme]

Iemand al werkend dat een topic een andere kleur krijgt wanneer je de laatste poster bent? De oude code werkt niet en ik krijg zelf niet opnieuw werkend

[F.West98]

wontcachme schreef op donderdag 18 oktober 2012 @ 20:00:
Iemand al werkend dat een topic een andere kleur krijgt wanneer je de laatste poster bent? De oude code werkt niet en ik krijg zelf niet opnieuw werkend

Het is onmogelijk.
In de bookmarks werkt het nog, maar de benodigde code is verder weggehaald

[wontcachme]

F.West98 schreef op donderdag 18 oktober 2012 @ 20:02:
[...]

Het is onmogelijk.
In de bookmarks werkt het nog, maar de benodigde code is verder weggehaald

Dat is ***. Dat werkte zo ontzettend handig.

[F.West98]

wontcachme schreef op donderdag 18 oktober 2012 @ 20:04:
[...]

Dat is ***. Dat werkte zo ontzettend handig.

Ik heb al een bugje geplaatst. (me want the nexus)

[Verwijderd]

Kan je ook niet de kleur van het oranje gemaakte gedeelte veranderen dan? Ik wil dat in dezelfde kleur hebben als de achtergrond.

[F.West98]

Verwijderd schreef op donderdag 18 oktober 2012 @ 20:17:
Kan je ook niet de kleur van het oranje gemaakte gedeelte veranderen dan? Ik wil dat in dezelfde kleur hebben als de achtergrond.

[afbeelding]

Als je die regel toevoegt moet dat er niet meer zijn. En nee, dat is niet mogelijk

edit:
Weet je zeker dat je dit erin hebt staan?

Cascading Stylesheet:

/* Posts kleiner maken */
#sidebar { display: none !important; }
#messages, .topic_actions { width: 956px !important; }
.messagecontent { width: 800px !important; }
div.post { padding: 6px 0 6px 10px !important; }

/* Posts dicher op elkaar */
div.message {
    margin-bottom: 5px !important;
}

/* Content andere pagina's breder */
.mainColumn { width: 666px !important; }
.secondColumn { width: 290px !important; }
#pricewatch input.text { width: 200px !important; }
#social .twitterButton,
#social .facebookButton { width: 142px !important; }
#social .twitterButton a { background-position: 10px center !important; }
#social .facebookButton a { background-position: 15px center !important; }

.relevancyColumn { display: none !important; }
.articleColumn { width: 850px !important; }

Werkt bij mij wel. Ook FF en Stylish

[ Voor 54% gewijzigd door F.West98 op 18-10-2012 20:20 ]