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

[Hero of Time]

Nnoitra schreef op vrijdag 19 oktober 2012 @ 09:43:
Natuurlijk zijn alle tweakers 'by default' al helden!
_{Maar dacht zo je wat extra motivatie te geven}


Ik heb tweakers vaak open staan op m'n 2e scherm, en die komt niet verder dan 1280x1024

Ik wilde er vanavond voor gaan zitten voor je, maar helaas, je hebt 't net verpest .

Kan je zelf niet wat proberen met de CSS die bij de tracker hoort. Je kan vast wel iets met widht: xxpx; rommelen op deze items:

Cascading Stylesheet:

.trackerPopup .trackeritem li .caption { 
    color: #B7B4B2 !important;
} 

.trackerPopup .trackeritem h4, .trackerPopup .trackeritem h4 a { 
    color: #D7D6D4 !important;
} 

Dat is wat ik in de mijne heb staan momenteel, alleen de tekst kleur.

[Nnoitra]

Hero Of Time schreef op vrijdag 19 oktober 2012 @ 09:48:
[...]

Ik wilde er vanavond voor gaan zitten voor je, maar helaas, je hebt 't net verpest .

Kan je zelf niet wat proberen met de CSS die bij de tracker hoort. Je kan vast wel iets met widht: xxpx; rommelen op deze items:

Cascading Stylesheet:

.trackerPopup .trackeritem li .caption { 
    color: #B7B4B2 !important;
} 

.trackerPopup .trackeritem h4, .trackerPopup .trackeritem h4 a { 
    color: #D7D6D4 !important;
} 

Dat is wat ik in de mijne heb staan momenteel, alleen de tekst kleur.

Grrr... Het zijn ook altijd modjes die pietlullig doen heh


Zal na werktijd es kijken of ik daar iets mee kan, thx!

[Hero of Time]

Nnoitra schreef op vrijdag 19 oktober 2012 @ 09:51:
[...]

Grrr... Het zijn ook altijd modjes die pietlullig doen heh


Zal na werktijd es kijken of ik daar iets mee kan, thx!

Mocht 't niet lukken, dan horen we 't wel. Ik moet de mijne toch nog meer finetunen, want niet alles heeft een nieuw likje verf. Kwam op de FP nog een stukje tegen waar de tekst niet te lezen is (berichtenfilter). En 't is nog niet af. De content zelf wat breder maken is ook zoiets bijvoorbeeld.

[AngelDust]

Ben ik nou gek of wat? Waarom krijg ik de FP wel in de kleuren vanwontcatchme zijn CSS maar het forum niet?
Volgens mij zie ik iets over het hoofd?

[Nnoitra]

AngelDust schreef op vrijdag 19 oktober 2012 @ 09:56:
Ben ik nou gek of wat? Waarom krijg ik de FP wel in de kleuren vanwontcatchme zijn CSS maar het forum niet?
Volgens mij zie ik iets over het hoofd?

Forum CSS werkt nog niet

[AngelDust]

Nnoitra schreef op vrijdag 19 oktober 2012 @ 09:57:
[...]

Forum CSS werkt nog niet

..waarom op zijn screenshot wel dan?

[Orion84]

Ramon schreef op donderdag 18 oktober 2012 @ 23:19:
[...]

JavaScript:

// ==UserScript==
// @name        Add tabs to Forum
// @namespace   userscripts
// @include     http://gathering.tweakers.net/*
// @version     1
// @require     http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js
// @grant       none 
// ==/UserScript==

var forumHeading = $('div#forumheading');

if($('div#forum_tabs').length == 0) {
    forumHeading.prepend('<div id="forum_tabs"><div class="pageTabs"><ul><li id="tab_forum_main" class="active"><a href="http://gathering.tweakers.net/forum">Forumlijst</a></li><li id="tab_forum_activetopics"><a href="http://gathering.tweakers.net/forum/list_activetopics">Active topics</a></li><li id="tab_forum_bookmarks"><a href="http://gathering.tweakers.net/forum/list_bookmarks">Bookmarks</a></li><li id="tab_forum_myreact"><a href="http://gathering.tweakers.net/forum/myreact">Myreact</a></li><li id="tab_forum_faq"><a href="http://gathering.tweakers.net/forum/faq">Faq</a></li></ul></div>');
}

Ik heb nu twee scripts in gebruik. Eén script voegt aan de bestaande forumtabs een tabje met posthistorie toe en toont die tab bar overal op het forum en een script om de tabbar op de posthistorie pagina met geactiveerde historie tab te tonen.

Alleen jammer dat dit niet werkt op mijn iPhone/iPad. Hopelijk komen de devvers nog tot inkeer en wordt die tab bar (incl. posthistorie) ooit nog een keer native ingebouwd

[ Voor 6% gewijzigd door Orion84 op 19-10-2012 10:43 ]

[wontcachme]

AngelDust schreef op vrijdag 19 oktober 2012 @ 09:57:
[...]


..waarom op zijn screenshot wel dan?

Ik gebruik User Styles. Een FF addon

[Hero of Time]

AngelDust schreef op vrijdag 19 oktober 2012 @ 09:57:
[...]


..waarom op zijn screenshot wel dan?

Omdat hij een browser add-on gebruikt. Lees het topic eens door, dan zie je hoe en wat iedereen gebruikt. Ik heb alles een ander likje verf gegeven via user CSS optie in Opera, die kan ik aan een site hangen, en hoppa, paint job well done.

[Nnoitra]

Hero Of Time schreef op vrijdag 19 oktober 2012 @ 09:53:
[...]

Mocht 't niet lukken, dan horen we 't wel. Ik moet de mijne toch nog meer finetunen, want niet alles heeft een nieuw likje verf. Kwam op de FP nog een stukje tegen waar de tekst niet te lezen is (berichtenfilter). En 't is nog niet af. De content zelf wat breder maken is ook zoiets bijvoorbeeld.

Ik vrees, zo op het eerste gezicht, dat het niet alleen met die 2 elementen gaat werken..
Het hele 'midden' blok zal iets naar rechts moeten schuiven..
Of de "pricewatch" en "gesponsorde acties" blokken moeten weg, zodat de headlines binnen het blok naar rechts kunnen schuiven.
Dan kan de tracker de breedte van die blokken gebruiken, links van de headlines.

Zo ziet her er nu uit op 1280:

[Hero of Time]

Nnoitra schreef op vrijdag 19 oktober 2012 @ 10:00:
[...]

Ik vrees, zo op het eerste gezicht, dat het niet alleen met die 2 elementen gaat werken..
Het hele 'midden' blok zal iets naar rechts moeten schuiven..
Of de "pricewatch" en "gesponsorde acties" blokken moeten weg, zodat de headlines binnen het blok naar rechts kunnen schuiven.
Dan kan de tracker de breedte van die blokken gebruiken, links van de headlines.

Zo ziet her er nu uit op 1280:
[afbeelding]

Thuis heb ik VMs waar ik mee kan stoeien voor de CSS. Nog even uithouden dus. Er is vanavond toch geen zak op TV en m'n ouders kijken The Voice...

[Nnoitra]

Dat uithouden moet goed gaan komen!
Als het je lukt spreek ik jouw voortaan ook met held aan


Overigens nooit gedacht dat ik blij zou worden van "The Voice" op TV

[Hero of Time]

Nnoitra schreef op vrijdag 19 oktober 2012 @ 10:05:
Dat uithouden moet goed gaan komen!
Als het je lukt spreek ik jouw voortaan ook met held aan

Moet je nu al doen, gezien m'n nick .

[Nnoitra]

Shit, je hebt 'm door

[Caelorum]

Blonde Tux schreef op vrijdag 19 oktober 2012 @ 09:47:
[...] Thanks, ideaal minder space tussen de nieuws stukken. Ga hem zeker toevoegen aan mn CSS waar tot nu toe alleen nog Henk terug is geplaatst. Alleen hij doet het niet bij mij. De regels willen niet dichter op elkaar.

Vreemd. Welke browser gebruik je? Dan zal ik er vandaag even naar kijken
Hier werkt die in ieder geval in de laatste Opera (12.02), Firefox (16.01), Chrome(22.0.nogwat) en IE (10).
Wel allemaal op 100% zoom. Op een ander niveau gaat die in ieder geval in IE10 wat artifacten vertonen.

Ik heb em nog ietsjes verder aangepast:

Cascading Stylesheet:

.highlights tbody tr td {
padding-top: 3px;
padding-bottom: 3px;
}

#contentArea {
padding-top: 0px;
}

#fpaItems {
margin-bottom: 0px;
}

#fpaItems .fpaItem {
height: 150px;
width: 150px;
}

#fpaItems .fpaItem div.imageContainer {
width: 150px;
height: 75px;
}

#fpaItems .fpaItem div.imageContainer img {
width: 150px;
height: 75px;
}

#fpaItems .fpaItem div.textContainer {
padding-bottom: 0px;
overflow: hidden;
}

#fpaItems .fpaItem div.textContainer:hover {
padding-bottom: 0px;
overflow: visible;
}

#fp_tabs_container {
margin-bottom: 5px;
}

#trackerContent .trackeritem li {
padding-bottom: 2px;
padding-top: 2px;
}

.secondColumn {
margin-top: -150px;
}

div.trackerPopup {
margin-top: 22px;
}

#mainSearch {
margin-left: 0px;
margin-right: 0px;
}

#mainSearch.keywordSearch {
width: 277px;
margin-left: 12px;
}

#mainSearch.keywordSearch input.text {
width: 220px;
}

#searchbar {
height: 20px;
background: #ffffff;
}

#search { 
float: left; 
width: 304px;
}

#true { 
display: none;
}

.mainSearchSuggest {
z-index: 1000;
}

#header {
margin-top: 5px; 
height: 32px;
}

.topBanner { /* DELETED */ }

#top {
border: 0px;
}

#bottom, #about {
height: auto;
}

#about p {
float: left; 
margin-top: 6px;
margin-left: 12px;
}

#about p:first-child {
margin-top: 6px;
margin-left: 0px;
}

.secondColumn .fpItem {
margin-top: 6px;
margin-bottom: 6px;
}

#pricewatch  {
margin-top: 0px;
}

.pageTabs ul {
margin-left: -5px;
}

.pageTabs li {
margin-right: 5px;
}

.fpItem h2 {
margin-bottom: 5px;
}

.fpItem table.highlights {
margin-bottom: 8px;
}

Ik zit dus alleen nog met die balk bovenin en die loze ruimte rechts. Ik heb geprobeerd de advertisements te verplaatsen, maar blijkbaar mag je dat niet in de custom CSS

[ Voor 3% gewijzigd door Caelorum op 19-10-2012 11:04 ]

[Snowmiss]

Met dank aan allen, die CSS snappen/begrijpen (ik dus niet), het ziet er hier nu een stuk beter uit!!

[Bestla]

FF gebruiker hier en via Edit > preferences > tabje Content > Colors en pik bij Background een leuk kleurtje uit en laat verder alles zoals het is. Et Voila, dat achterlijke wit is weg.

[Pompi]

De fix voor custom-css voor forum komt vandaag al. Stond in ander topic.

Daniel schreef op vrijdag 19 oktober 2012 @ 10:37:
[...]
We zullen in ieder geval vandaag nog een fix uitrollen voor de witte achtergrond en de grote regelafstand met name op de frontpage. Dit zal dan de default instelling worden.
Het blijkt dat die combinatie van veel wit + lagere informatiedichtheid toch niet zo goed werkt als gedacht. Dan moet je pragmatisch zijn en dat oplossen. Er zijn al veel custom-css suggesties gedaan, het wordt nog wel een klus om daar de beste uit te zoeken.
Verder zullen we de fix die we al hadden voor de custom-css op het forum ook vandaag uitrollen. Er is nog een groot aantal andere issues die in de 7.0.1. release van aanstaande dinsdag opgelost worden - we willen uiteraard nu niet teveel paniekvoetbal spelen.

Dus dan maar eens gaan stoeien met css en wat dingen die hier al gepost zijn samen voegen totdat ik fijn vind, mijn dank is dus groot voor diegene die al wat handige dingen de afgelopen uren hebben gepost

[Xaverius]

Bestla schreef op vrijdag 19 oktober 2012 @ 10:49:
FF gebruiker hier en via Edit > preferences > tabje Content > Colors en pik bij Background een leuk kleurtje uit en laat verder alles zoals het is. Et Voila, dat achterlijke wit is weg.

Dat is een makkelijke! Bedankt, daar had ik nog nooit bij stil gestaan. Achtergrond is inmiddels grijs.

[Bestla]

Makkelijker om van dat wit af te komen is er niet

[AngelDust]

Bestla schreef op vrijdag 19 oktober 2012 @ 10:49:
FF gebruiker hier en via Edit > preferences > tabje Content > Colors en pik bij Background een leuk kleurtje uit en laat verder alles zoals het is. Et Voila, dat achterlijke wit is weg.

Hoe simpel kan het zijn

[Caelorum]

Pompi schreef op vrijdag 19 oktober 2012 @ 10:51:
De fix voor custom-css voor forum komt vandaag al. Stond in ander topic.
[...]
Dus dan maar eens gaan stoeien met css en wat dingen die hier al gepost zijn samen voegen totdat ik fijn vind, mijn dank is dus groot voor diegene die al wat handige dingen de afgelopen uren hebben gepost

Ik ben benieuwd wat die aanpassingen gaan doen met die van mij. Wordt denk ik bugfixen hier ^^ Zowat al mijn aanpassingen voelen als dirty hacks aan

[yannickie111]

Jammer dat die tracker (nog?) niet te fixeren is op lagere resoluties....
Ik hoop dat ze vandaag het custom CSS voor het forum uit gaan rollen. Maar het is natuurlijk wel erg vreemd dat een site pas echt bruikbaar wordt nadat je zelf hebt geklooid met CSS ....

[AngelDust]

Custom CSS op het forum doet het nu bij mij

Lijkt een stuk beter met de CSS van wontcatchme

[Nnoitra]

AngelDust schreef op vrijdag 19 oktober 2012 @ 11:09:
Custom CSS op het forum doet het nu bij mij

Lijkt een stuk beter met de CSS van wontcatchme

Alles op tweakers lijkt beter met Custom CSS

Eigenlijk te triest voor woorden deze situatie

[Pompi]

Caelorum schreef op vrijdag 19 oktober 2012 @ 11:00:
[...]

Ik ben benieuwd wat die aanpassingen gaan doen met die van mij. Wordt denk ik bugfixen hier ^^ Zowat al mijn aanpassingen voelen als dirty hacks aan

Haha, wel al bijna weekend dus genoeg tijd om te fixen en misschien nu al als custom-css echt al werkt. Weet alleen niet of je baas het fijn zou vinden als je nu al gaat fixen . Succes ermee

[Blonde Tux]

Zit eigenlijk te denken aan een manier om automatisch van kelur te wisselen op basis van tijd. Dus van 18.00 tot 06.00 Tweakers in het zwart draaien ipv wit en van 06.01 tot 17.59 Tweakers in het "wit" draaien.

Iemand enig idee of dit mogelijk is in Custom CSS/Userscript?

[Caelorum]

Pompi schreef op vrijdag 19 oktober 2012 @ 11:12:
[...] Haha, wel al bijna weekend dus genoeg tijd om te fixen en misschien nu al als custom-css echt al werkt. Weet alleen niet of je baas het fijn zou vinden als je nu al gaat fixen . Succes ermee

Alles werkt nog zonder problemen ^^
Heb overigens geen baas. Ik ben student en eigen baas. Al vermoed ik dat mijn projectgenoten wel graag zouden willen dat ik wat papers ga lezen en samenvatten

[Tk55]

Nnoitra schreef op vrijdag 19 oktober 2012 @ 10:00:
[...]

[afbeelding]

mooi!

Zou dit mogelijk zijn?


De menubar op 100% breedte is ook wel een stuk beter, geeft veel meer rust.

[Nnoitra]

wontcachme schreef op vrijdag 19 oktober 2012 @ 09:26:
[afbeelding]

Met oa:
- Higlight TS en eigen posts
- Donkere post headers
- Alles donkerder
- Forum breeder
- Notepad kleiner --> meer myreact ruimte
- Titels/headers blauw
- Irritante dingen (voor mij ) verwijderd
- En nog veel meer

Ik heb dit CSS puur geleerd door naar voorbeelden te kijken/aan te passen dus er kunnen fouten in zitten

Foutje gevonden

De textboxen zijn nu te breed voor "berichten", omdat dezen een stuk naar rechts opgeschoven worden vanwege de 'folders box'.
Als je lange(re) regels tikt, valt er text weg.

code:

.messagecontent { 
    width: 640px !important; 
}

Is prima voor de berichten, deze passen dan precies in de textbox. Maar dan heb je op het forum wel weer een stukje extra loze ruimte aan de rechterkant.

[Nnoitra]

Tk55 schreef op vrijdag 19 oktober 2012 @ 11:43:
[...]
mooi!

Zou dit mogelijk zijn?
[afbeelding]

De menubar op 100% breedte is ook wel een stuk beter, geeft veel meer rust.

Dat is deze; Senaxx in "[verzamel] CSS-styles; 'Hoe ziet jouw T.net eruit?'"
Ere wie ere toekomt
Geen idee of een menubar op 100% breedte mogelijk is, ik ben niet zo'n CSS held

[F.West98]

Damn wat een boel reacties
Vanmiddag heel snel aannde slag met een dark pack.

[Tk55]

Nnoitra schreef op vrijdag 19 oktober 2012 @ 11:48:
[...]
Dat is deze; Senaxx in "[verzamel] CSS-styles; 'Hoe ziet jouw T.net eruit?'"
Ere wie ere toekomt
Geen idee of een menubar op 100% breedte mogelijk is, ik ben niet zo'n CSS held

Heb je mijn mooie paint pijltje niet gezien?

Het kan wel, ziet er wel goed uit!

[Nnoitra]

Tk55 schreef op vrijdag 19 oktober 2012 @ 11:51:
[...]


Heb je mijn mooie paint pijltje niet gezien?

Het kan wel, ziet er wel goed uit!

Ik interpreteerde je post verkeerd.
Ik dacht dat je die blokken "Alles", "Conputer", etc over de hele breedte verdeelt wou hebben.
Maar je wilt de 'search bar' verplaatsen van daarboven naar naast die 'blokken' (denk ik?)

[Timo002]

Bij deze mijn CSS mod.

code:

body{
background:#EDEEEE;
}
#contentArea{
background:#fcfcfc;
padding-top: 0px;
padding-left: 10px;
padding-right: 10px;
}
table.highlights td {

padding-top: 4px;
padding-bottom: 4px;
}
a {
color: black;
}

.imageContainer{
height:80px;
margin-top:-40px;
}

.fpaItem div.textContainer{
height: 20px;
padding: 5px 18px;
}
.fpaItem{
height:70px;
}

.trackerPopup{
display: block;
}

#searchbar{
margin-top:-20px;
background: none;
}

#search{
padding-top:0px;
}
#search input.text{
margin-top:-18px;
}
#search input.submit{
margin-top:-18px;
}

#menubar{
top:48px;
}

[Tk55]

Nnoitra schreef op vrijdag 19 oktober 2012 @ 11:58:
[...]

Ik interpreteerde je post verkeerd.
Ik dacht dat je die blokken "Alles", "Conputer", etc over de hele breedte verdeelt wou hebben.
Maar je wilt de 'search bar' verplaatsen van daarboven naar naast die 'blokken' (denk ik?)

Precies, nu neemt de zoekbalk best veel verticale ruimte in, terwijl deze eerst ook gewoon ergens in een hoekje zat. Ik ben zelf ook bezig met de CSS nu, best leuk

[Nnoitra]

Tk55 schreef op vrijdag 19 oktober 2012 @ 12:01:
[...]


Precies, nu neemt de zoekbalk best veel verticale ruimte in, terwijl deze eerst ook gewoon ergens in een hoekje zat. Ik ben zelf ook bezig met de CSS nu, best leuk

Ik heb 'm nu helemaal boven staan, heb ik er ook geen last van

[Raven]

Ik zie hier heel wat CSS code voorbij komen, maar lang niet iedereen heeft erbij gecomment welk stukje code wat doet wat het nogal lastig maakt om te zien welke ik kan gebruiken aangezien CSS nog wat nieuw voor mij is

Maar goed, er zijn dus een aantal dingen waar ik wat aan wil doen:
- Onderwerpen en Vacatures naast topics weg;
- Kortere, of die zich aan de breedte aanpassen, navigatiebalk+zoekbalk, nu valt alles naast het notificatie-icoon weg;
- De blokken Uitgelicht, Pricewatch, volg tweakers, like tweakers, gesponsorde acties op tweakers, IT banen, nieuwsbrief en uit de community helemaal weg van de FP;
- Nieuwsberichten wat naar rechts over de zojuist vrijgemaakte ruimte om links plaats te maken voor een tracker die ongeacht de breedte zichtbaar moet zijn;
- Die 4 grote plaatjes boven de nieuwsberichten een paar maten kleiner.

En natuurlijk de achtergrond, daar heb ik al wel werkende code voor gevonden, maar ik kan de juiste kleur nog niet echt vinden

edit: En heel belangrijk: Voorheen veranderden bezochte links van kleur, nu gebeurt dat alleen met de link die de topictitel als beschrijving heeft. De links naar specifieke pagina's in een topic veranderen niet van kleur. Ik zou graag de bezochte links de huidige kleur willen hebben (dat grijzige) en niet bezochte paginanr's zwart.

[ Voor 14% gewijzigd door Raven op 19-10-2012 12:40 ]

[wontcachme]

Nnoitra schreef op vrijdag 19 oktober 2012 @ 11:44:
[...]

Foutje gevonden

De textboxen zijn nu te breed voor "berichten", omdat dezen een stuk naar rechts opgeschoven worden vanwege de 'folders box'.
Als je lange(re) regels tikt, valt er text weg.
[afbeelding]

code:

.messagecontent { 
    width: 640px !important; 
}

Is prima voor de berichten, deze passen dan precies in de textbox. Maar dan heb je op het forum wel weer een stukje extra loze ruimte aan de rechterkant.

[afbeelding]

Dammit

Een andere oplossing is gewoon die folder box weghalen. Ik gebruik hem toch nooit .

[Nnoitra]

wontcachme schreef op vrijdag 19 oktober 2012 @ 12:33:
[...]

Dammit

Een andere oplossing is gewoon die folder box weghalen. Ik gebruik hem toch nooit .

Is er niet al genoeg functionaliteit gestript door de devvers?

[wontcachme]

Nnoitra schreef op vrijdag 19 oktober 2012 @ 12:35:
[...]

Is er niet al genoeg functionaliteit gestript door de devvers?

Ja, de handige functionaliteit

Is het met de update van deze ochtend ook weer mogelijk om topics te laten verkleuren wanneer je zelf de laatste antwoord hebt gegeven?

[Pompi]

Raven schreef op vrijdag 19 oktober 2012 @ 12:14:
- Onderwerpen en Vacatures naast topics weg;

Cascading Stylesheet:

#tweakbase_relations{display: none;}
#jobs_relations{display: none;}

- De blokken Pricewatch, volg tweakers, like tweakers, gesponsorde acties op tweakers, IT banen, nieuwsbrief en uit de community helemaal weg van de FP;

Cascading Stylesheet:

.secondColumn{display: none;}

Dit zijn de dingen die ik nu weet, kijk zo ook wel even of ik die andere dingen kan uitvogelen

[Nnoitra]

Raven schreef op vrijdag 19 oktober 2012 @ 12:14:
Maar goed, er zijn dus een aantal dingen waar ik wat aan wil doen:

- Nieuwsberichten wat naar rechts over de zojuist vrijgemaakte ruimte om links plaats te maken voor een tracker die ongeacht de breedte zichtbaar moet zijn;;

Daar gaat Hero Of Time ook mee aan de gang; Hero Of Time in "[verzamel] CSS-styles; 'Hoe ziet jouw T.net eruit?'"

- Die 4 grote plaatjes boven de nieuwsberichten een paar maten kleiner.

code:

#fpaItems { 
margin-bottom: 0px; 
} 

#fpaItems .fpaItem { 
height: 150px; 
width: 150px; 
} 

#fpaItems .fpaItem div.imageContainer { 
width: 150px; 
height: 70px; 
} 

#fpaItems .fpaItem div.imageContainer img { 
width: 150px; 
height: 70px; 
} 

#fpaItems .fpaItem div.textContainer { 
padding-bottom: 0px; 
}

- De blokken Pricewatch, volg tweakers, like tweakers, gesponsorde acties op tweakers, IT banen, nieuwsbrief en uit de community helemaal weg van de FP;

code:

/* Weghalen newsletter subscription FP */     
#newsletter 
    { 
    display: none !important; 
    } 

/* Weghalen jobs ruimte FP */ 
#jobs 
    { 
    display: none !important; 
    } 

/* Weghalen Twitter/Facebook van FP */ 
#social 
    { 
    display: none !important; 
    }

Komt allemaal uit eerdere posts; ere wie ere toekomt

[ Voor 8% gewijzigd door Nnoitra op 19-10-2012 12:43 ]

[AngelDust]

Nnoitra schreef op vrijdag 19 oktober 2012 @ 12:41:
[...]


[...]

Daar gaat Hero Of Time ook mee aan de gang; Hero Of Time in "[verzamel] CSS-styles; 'Hoe ziet jouw T.net eruit?'"


[...]


[...]


Komt allemaal uit eerdere posts; ere wie ere toekomt

Weghalen sponsored en 'Uit de community:

code:

/* Weghalen sponsored van FP */
#sponsored
    {
    display: none !important;
    } 

/* Weghalen community van FP */
#community
    {
    display: none !important;
    }

[ Voor 35% gewijzigd door AngelDust op 19-10-2012 12:45 ]

[Pompi]

Nnoitra schreef op vrijdag 19 oktober 2012 @ 12:41:
[...]

code:

/* Weghalen newsletter subscription FP */     
#newsletter 
    { 
    display: none !important; 
    } 

/* Weghalen jobs ruimte FP */ 
#jobs 
    { 
    display: none !important; 
    } 

/* Weghalen Twitter/Facebook van FP */ 
#social 
    { 
    display: none !important; 
    }

Komt allemaal uit eerdere posts; ere wie ere toekomt

Zoals ik aangeef in me post boven jouw aangeeft kan je ook al die dingen in 1x verwijderen door de .secondcolumn niet te laten zien. Alleen heb je wel een extra leeg vlak erbij dus misschien kan iemand daar iets op verzinnen door bijvoorbeeld het nieuws breder te doen

[Nnoitra]

AngelDust schreef op vrijdag 19 oktober 2012 @ 12:45:
[...]

Thx

Pompi schreef op vrijdag 19 oktober 2012 @ 12:45:
[...]

Zoals ik aangeef in me post boven jouw aangeeft kan je ook al die dingen in 1x verwijderen door de .secondcolumn niet te laten zien. Alleen heb je wel een extra leeg vlak erbij dus misschien kan iemand daar iets op verzinnen door bijvoorbeeld het nieuws breder te doen

Da's idd een simpelere oplossing |
Die je stiekum postte toen ik nog bezig was met mijn reactie
Mooiste zou zijn als dat lege vak dan links van het nieuws geplaatst kan worden en dan vullen met de tracker
Maar daar zijn, geloof ik, al tweakers mee aan het stoeien.

[ Voor 5% gewijzigd door Nnoitra op 19-10-2012 12:51 ]

[Ramon]

Topic search:

JavaScript:

// ==UserScript==
// @name        Zoek in topic
// @namespace   userscripts
// @include     http://gathering.tweakers.net/forum/list_messages/*
// @version     1
// @require     http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js
// @grant       none 
// ==/UserScript==

var sidebar = $('div#sidebar');
var topicId = $('input[name="data[topicid]"]');
var searchUrl = 'http://gathering.tweakers.net/forum/list_messages/'+topicId.val();

var keywordSearch = '<form style="margin-bottom:10px;"action="'+searchUrl+'"><label for="keyword">keyword</label><input type="text" id="keyword" name="data[filter_keywords]"></form>';
var userSearch = '<form style="margin-bottom:10px;" action="'+searchUrl+'"><label for="user">user</label><input type="text" id="user" name="data[filter_userids]"></form>';

sidebar.prepend('<div id="topic-search">'+keywordSearch + userSearch+'</div>');

[Madrox]

Oke, ben met mijn zalm-mod tegen een foutje aangelopen:



Dat uitklapvenster staat daar en gaat niet weg.

Wat nu

[ Voor 70% gewijzigd door Madrox op 19-10-2012 13:09 ]

[Hero of Time]

Madrox schreef op vrijdag 19 oktober 2012 @ 13:08:
Oke, ben met mijn zalm-mod tegen een foutje aangelopen:

[afbeelding]

Dat uitklapvenster staat daar en gaat niet weg.

Wat nu

Wat is je huidige, volledige CSS aanpassing?

[Nnoitra]

Hero Of Time schreef op vrijdag 19 oktober 2012 @ 13:10:
[...]

Wat is je huidige, volledige CSS aanpassing?

Waarom quote jij meer dan hij post?

*edit* Oh, nu staat het er wel

[ Voor 8% gewijzigd door Nnoitra op 19-10-2012 13:14 ]

[Hero of Time]

Nnoitra schreef op vrijdag 19 oktober 2012 @ 13:14:
[...]

Waarom quote jij meer dan hij post?

Eh, omdat hij de Toon voorbeeld en Verstuur door elkaar haalde, en dus nog geen plaatje had toegevoegd. Druk eens op F5 . Edits worden niet gelijk weergegeven bij het "toon x nieuwe berichten".

[Pompi]

Ik zit met een probleempje, want ik gebruik nu de css die Senaxx had gepost alleen dan krijg je zoals bij het pijltje te zien is dat de tekst soms buiten het blokje valt.
Ik heb al gekeken naar fontsize alleen dan moet ik van de 14px origineel naar 10px gaan en dan is het best klein en hebben de andere veel lege ruimte. Dus weet iemand wat ik hier aan kan doen.

[Hero of Time]

Pompi schreef op vrijdag 19 oktober 2012 @ 13:16:
Ik zit met een probleempje, want ik gebruik nu de css die Senaxx had gepost alleen dan krijg je zoals bij het pijltje te zien is dat de tekst soms buiten het blokje valt. [afbeelding]
Ik heb al gekeken naar fontsize alleen dan moet ik van de 14px origineel naar 10px gaan en dan is het best klein en hebben de andere veel lege ruimte. Dus weet iemand wat ik hier aan kan doen.

Cascading Stylesheet:

.fpaItem div.textContainer {
    height: 60px;
}

Astu

[Nnoitra]

Pompi schreef op vrijdag 19 oktober 2012 @ 13:16:
Ik zit met een probleempje, want ik gebruik nu de css die Senaxx had gepost alleen dan krijg je zoals bij het pijltje te zien is dat de tekst soms buiten het blokje valt. [afbeelding]
Ik heb al gekeken naar fontsize alleen dan moet ik van de 14px origineel naar 10px gaan en dan is het best klein en hebben de andere veel lege ruimte. Dus weet iemand wat ik hier aan kan doen.

Zoek

code:

#fpaItems .fpaItem div.textContainer { 
padding-bottom: 0px; 
}

Maak daar van:

code:

#fpaItems .fpaItem div.textContainer { 
padding-bottom: 0px; 
height: 70px;
}

Beetje met die 70 spelen

[Pompi]

Beiden bedankt voor het snelle antwoord

[Nnoitra]

En om het helemaal af te maken (en het blok niet meteen te groot te laten worden), ook deze toevoegen;
padding-top: 1px;


En je kunt er nog meer mee spelen, als je wilt, mbv;

code:

font-size:9pt;
font-family:times new roman;
font-weight:bold;
font-style:italic;
color:#444444;

[ Voor 39% gewijzigd door Nnoitra op 19-10-2012 13:28 ]

[Gamebuster]

Ik ben tevreden met v7, maar hier staan best leuke designtjes tussen Het overzicht op 1e pagina is helaas niet helemaal up2date: Sommige links zijn "dood".

[Raven]

Bedankt voor de tips , daar ga ik van 't weekend eens uitgebreid voor zitten en dan alles naar smaak proberen in te richten.

Een ding viel mij tijdens het testen van het een en ander op, de code werkt meestal pas als ik er !important bij zet, komt dat omdat ik Firefox gebruik?

[Blonde Tux]

Caelorum schreef op vrijdag 19 oktober 2012 @ 10:31:
[...]

Vreemd. Welke browser gebruik je? Dan zal ik er vandaag even naar kijken
Hier werkt die in ieder geval in de laatste Opera (12.02), Firefox (16.01), Chrome(22.0.nogwat) en IE (10).
Wel allemaal op 100% zoom. Op een ander niveau gaat die in ieder geval in IE10 wat artifacten vertonen.

/knip

Ik zit dus alleen nog met die balk bovenin en die loze ruimte rechts. Ik heb geprobeerd de advertisements te verplaatsen, maar blijkbaar mag je dat niet in de custom CSS

Zat niet helemaal op te letten. Niet alles netjes afgesloten. Ja dan doet ie het nie

[Hero of Time]

Raven schreef op vrijdag 19 oktober 2012 @ 13:27:
Bedankt voor de tips , daar ga ik van 't weekend eens uitgebreid voor zitten en dan alles naar smaak proberen in te richten.

Een ding viel mij tijdens het testen van het een en ander op, de code werkt meestal pas als ik er !important bij zet, komt dat omdat ik Firefox gebruik?

Nee, dat is bij mij, met Opera, ook nodig. Dat komt omdat je items definieert die gelijk zijn als de website zelf, en afhankelijk van je voorkeursinstellingen, overruled de website jouw aanpassing. Door !important te gebruiken geef je aan dat die van jouw voorrang moet hebben, ipv andersom.

[Aphelion]

Ik heb niets aangepast, maar mijn tweakers is nu grijs in de achtergrond. Misschien hebben ze dan toch het bezwaar gehoord!

[Madrox]

Hero Of Time schreef op vrijdag 19 oktober 2012 @ 13:10:
[...]

Wat is je huidige, volledige CSS aanpassing?

Dit is de hele lijst:

html
{
background: #FAEBD4;
}

.highlights tbody tr td {
padding-top: 3px;
padding-bottom: 3px;
}

#pricewatch, #jobs, #poll, #newsletter, #sponsored, #textlink, #social .twitterButton, #social .facebookButton {
background: none repeat scroll 0 0 #F9DCAF !important;
border: 1px solid #F9DCAF !important;
}

#contentArea {
padding-top: 0px;
}

#fpaItems {
margin-bottom: 0px;
}

#fpaItems .fpaItem {
height: 150px;
width: 150px;
}

#fpaItems .fpaItem div.imageContainer {
width: 150px;
height: 75px;
}

#fpaItems .fpaItem div.imageContainer img {
width: 150px;
height: 75px;
}

#fpaItems .fpaItem div.textContainer {
padding-bottom: 0px;
}

#fp_tabs_container {
margin-bottom: 5px;
}

#trackerContent .trackeritem li {
padding-bottom: 2px;
padding-top: 2px;
}

.secondColumn {
margin-top: -150px;
}

div.trackerPopup {
margin-top: 22px;
}

#mainSearch {
margin-left: 0px;
margin-right: 0px;
}

#mainSearch.keywordSearch {
width: 277px;
margin-left: 12px;
}

#mainSearch.keywordSearch input.text {
width: 220px;
}

#searchbar {
height: 20px;
}

#search {
float: left;
width: 304px;
}

#true {
display: none;
}

.mainSearchSuggest {
z-index: 1000;
}
var forumHeading = $('div#forumheading');

if($('div#forum_tabs').length == 0) {
forumHeading.prepend('<div id="forum_tabs"><div class="pageTabs"><ul><li id="tab_forum_main" class="active"><a href="http://gathering.tweakers.net/forum">Forumlijst</a></li><li id="tab_forum_activetopics"><a href="http://gathering.tweakers.net/forum/list_activetopics">Active topics</a></li><li id="tab_forum_bookmarks"><a href="http://gathering.tweakers.net/forum/list_bookmarks">Bookmarks</a></li><li id="tab_forum_myreact"><a href="http://gathering.tweakers.net/forum/myreact">Myreact</a></li><li id="tab_forum_faq"><a href="http://gathering.tweakers.net/forum/faq">Faq</a></li></ul></div>');
}

[Hahn]

Aphelion schreef op vrijdag 19 oktober 2012 @ 13:33:
Ik heb niets aangepast, maar mijn tweakers is nu grijs in de achtergrond. Misschien hebben ze dan toch het bezwaar gehoord!

Als ik in privénavigatie surf, dan zie ik niks veranderd, dus ik gok dat je iets in je CSS hebt staan

[FiXeR.nl]

Jammer dat ik net 5 dagen geleden mijn laatste restje karma heb opgebruikt voor RSS feeds in m'n balk.

[Orion84]

Hahn schreef op vrijdag 19 oktober 2012 @ 13:46:
[...]

Als ik in privénavigatie surf, dan zie ik niks veranderd, dus ik gok dat je iets in je CSS hebt staan

Ik zie inderdaad ook geen verschil. Het enige wat er zojuist veranderd is, is dat CustomCSS nu ook op het forum werkt, zonder dat je daar browser plugins voor hoeft te gebruiken.

[Tk55]

Zo. Ik heb heel wat dingen uit dit topic geplukt en gecombineerd en dit is mijn resultaat.



Enige waar ik nog niet tevreden over ben is:
-de zoekbalk, ik vind het niet echt mooi waar hij nu staat. Ik heb m liever boven de tracker en dan in een donkere kleur.

En als iemand weet hoe ik dit weghaal:
-Schaduw van de tracker
-glow van menubar

[Cartman!]

Ik heb mijne hier even neergezet: http://pastebin.com/BTWjXpdq

Het resultaat van overbodige meuk wegstrippen, de header inkorten en het meeste felle wit eruit gehaald. Ook de line-heights wat ingekort en de berichten wat meer ruimte gegeven. Vooral de forum-index is veel overzichtelijker

[Pompi]

Ik heb nu de searchbar verkleind met 200 px. Het is jammer dat je hem dan niet naast meer in de menubar kan plaatsen. Dan dan wordt loze ruimte tussen meer en je plaatje tenminste ook gebruikt.

Cascading Stylesheet:

#search .keywordSearch{height:27px;width:288px;margin:0 auto}
#search input.text{font-size:14px;width:233px;height:19px}

[Caelorum]

Pompi schreef op vrijdag 19 oktober 2012 @ 13:19:
Beiden bedankt voor het snelle antwoord

In plaats van dat ding groter maken kan je een overflow: hidden op de tekstdiv gooien en een :hover met een overflow: visible.
Dat is in ieder geval wat ik heb gedaan. Dan mis je wel een deel van je tekst standaard als die tekst te land is, maar als ik dan over de div heen hover met mijn cursor komt het er alsnog onderuit. Andere optie is natuurlijk om de tekstgrootte aan te passen, maar in ieder geval bij mij moest die dan op 8px staan om er helemaal in te passen en dat is onleesbaar voor mij

[AngelDust]

Verdana 7pt, niet bold. Prima leesbaar voor mij

[Aphelion]

Hahn schreef op vrijdag 19 oktober 2012 @ 13:46:
[...]

Als ik in privénavigatie surf, dan zie ik niks veranderd, dus ik gok dat je iets in je CSS hebt staan

Ik heb het nu ook niet meer. En eerlijk; ik heb niets in een custom css staan

[Nnoitra]

Tk55 schreef op vrijdag 19 oktober 2012 @ 13:51:
Zo. Ik heb heel wat dingen uit dit topic geplukt en gecombineerd en dit is mijn resultaat.
[afbeelding]

Kun je de CSS van hoe je die tracker daar hebt staan posten?

[Senaxx]

AngelDust schreef op vrijdag 19 oktober 2012 @ 14:05:
[afbeelding]

Verdana 7pt, niet bold. Prima leesbaar voor mij

Je kan ook de volgende doen, om de text dichter bij elkaar te zetten.

code:

#fpaItems .fpaItem div.textContainer {
line-height: 15px;
}

[ Voor 3% gewijzigd door Senaxx op 19-10-2012 14:09 ]

[AngelDust]

Senaxx schreef op vrijdag 19 oktober 2012 @ 14:08:
[...]


Je kan ook de volgende doen, om de text dichter bij elkaar te zetten.

code:

#fpaItems .fpaItem div.textContainer {
line-height: 15px;
}

Ah, thnx! dan kan die wel in 9pt + bold

[bitshape]

Ik merk dat de TweakersCrew op de achtergrond bezig is om CustomCSS ook voor het forum te laten werken.
Grootste gedeelte werkt nu, maar ik ben iets kwijt:

code:

/* messageheader topicstarter posts _kleurverloop naar PowderBlue */
div.topicstarter div.messageheader
    {
    background-image: -moz-linear-gradient(center top, rgb(234,235,235), rgb(176, 224, 230)) !important;
    background-image: -webkit-gradient(linear, center top, rgb(234, 235, 235), rgb(176, 224, 230)) !important;
    background-image: -o-linear-gradient(center top, rgb(234, 235, 235), rgb(176, 224, 230)) !important;
    background-image: -ms-linear-gradient(center top, rgb(234, 235, 235), rgb(176, 224, 230)) !important;
    background-image: linear-gradient(center top, rgb(234, 235, 235)m rgb(176, 224, 230)) !important;
    border-bottom: 1px solid rgb(207, 208, 208)!important;
    }

Dit werkte voorheen wel, de posts van Topicstarter highlighten.

---

Weet iemand hoe je de box in het forum "div.tweakbase_relations"cq. de "div.relationbox" (dat zijn de Tags van een Topicstart) kan verplaatsen naar rechts of zgn. 'uitbouwen' naar de rechterkant?

[Phyxion]

Vrij veel aangepast, comments @ frontpage zijn nog lelijk (als iemand suggesties heeft, let me know ):

Cascading Stylesheet:

#true
{
    display: none;
}

#layout
{
    background: #EDEEEE;
}

.article
{
    background: #E2E2E2;
    text-align: justify;
    padding: 4px;
    border-radius: 4px;   
    border: 1px solid #D3D3D3;
}

.nextPrevLinks {
    margin-bottom: 6px !important;
}

.article .article
{
    border: none !important;
}

.author
{
    margin-left: 4px !important;
}

#socialButtons
{
    display: none !important;
}

#social
{
    display: none;
}

#newsletter
{
    display: none;
}

#contentArea
{
    padding-top: 6px !important;
}

.fpaItem div.textContainer {
    font-size: 12px !important;
    height: 36px !important;
    padding: 0px 6px 6px 6px !important;
    text-align: center;
}

#fpaItems {
    margin-bottom: 0px !important;
}

table.highlights td {
    line-height: 0px !important;
}


.trackerPopup.fixed {
    top: 12px !important;
}

#search .keywordSearch
{
    position: absolute;
    margin: -85px 260px 0 !important;
    width: 255px !important;
}

#searchbar
{
    height: 16px !important;
    border-radius: 0 !important;
}

#search input.text
{
    width: 200px !important;
}

.topic_actions .pagecounter
{
    margin-top: 2px !important;
    margin-bottom: 5px !important;
}

.topic small a
{
    background : none repeat scroll 0 0 #D6D6D6;
    border: 1px solid #C3C3C3;
    padding: 2px 3px;
}

.breadcrumb
{
    color: #080808 !important;
}

.breadcrumb a
{
    color: #656565 !important;
}

.pagecounter a 
{
    background : none repeat scroll 0 0 #D6D6D6;
    border: 1px solid #C3C3C3;
    padding: 2px 3px;
}

#messages .pagecounter
{
    margin: 10px 0 8px !important;
}

.formsubmit .fancyButton
{
    float: right;
    margin-right: 18px;
    margin-bottom: 8px;
}

.formsubmit .forumlink
{
    float: right;
    margin-top: 4px;
}

#messageBox
{
    width: 750px !important;
    margin-top: -6px;
}

#quickreply_form dl dd
{
    padding: 18px 18px 2px 18px !important;
}

.forum_actions
{
    float: left !important;
    margin-top: -265px;
    margin-left: -2px;
}

#quickreply_form .formsubmit
{
    margin-top: -5px;
}

#message_form .formsubmit
{
    margin-top: -234px;
    margin-right: 2px;
}

#message_form tr:nth-child(2) td
{
    padding-top: 22px !important;
}

div.message, div.faq
{
    margin-bottom: 6px !important;
}

Wat heb ik o.a. aangepast:
- Achtergrond kleur naar licht grijs.
- Reageer knop boven de Quickreply.
- Verstuur bericht en Bekijk bericht omgewisseld (en deze ook boven de smilies e.d. geplaatst).
- 1, 2, 3... [laatste] een makkelijker te klikken vak van gemaakt.
- Afstand tussen posts @ forum verkleind.
- Search bar naar boven geplaatst.
- Social media spul helemaal gehide.
- Text van de vier "uitgelicht" dingen op de frontpage wat verkleind, size hiervan ook aangepast.
- Nieuwsbrief gehide van de frontpage.
- Quickreply vak vergroot.

Wat ik nog wil aanpassen:
- Comments op frontpage.
- Iets meer verschil in contrast bij de "Pricewatch" en "IT Banen" bar aan de rechterkant.
- Iets meer verschil in contrast bij de "Nieuwe reactie" op het forum.

[Ramon]

bitshape schreef op vrijdag 19 oktober 2012 @ 14:13:
Ik merk dat de TweakersCrew op de achtergrond bezig is om CustomCSS ook voor het forum te laten werken.
Grootste gedeelte werkt nu, maar ik ben iets kwijt:
...
Dit werkte voorheen wel, de posts van Topicstarter highlighten.

Als ze veel wijzigen, kan het natuurlijk zo zijn dat bestaande css niet meer werkt.

[Orion84]

bitshape schreef op vrijdag 19 oktober 2012 @ 14:13:
Ik merk dat de TweakersCrew op de achtergrond bezig is om CustomCSS ook voor het forum te laten werken.
Grootste gedeelte werkt nu, maar ik ben iets kwijt:

code:

/* messageheader topicstarter posts _kleurverloop naar PowderBlue */
div.topicstarter div.messageheader
    {
    background-image: -moz-linear-gradient(center top, rgb(234,235,235), rgb(176, 224, 230)) !important;
    background-image: -webkit-gradient(linear, center top, rgb(234, 235, 235), rgb(176, 224, 230)) !important;
    background-image: -o-linear-gradient(center top, rgb(234, 235, 235), rgb(176, 224, 230)) !important;
    background-image: -ms-linear-gradient(center top, rgb(234, 235, 235), rgb(176, 224, 230)) !important;
    background-image: linear-gradient(center top, rgb(234, 235, 235)m rgb(176, 224, 230)) !important;
    border-bottom: 1px solid rgb(207, 208, 208)!important;
    }

Dit werkte voorheen wel, de posts van Topicstarter highlighten.

Mijn code voor topicstarterposts werkt in elk geval nog:

code:

/* messageheader topicstarter posts rood */
div.topicstarter div.messageheader {background: #ffcccc !important;}

[bitshape]

Ramon schreef op vrijdag 19 oktober 2012 @ 14:16:
[...]
Als ze veel wijzigen, kan het natuurlijk zo zijn dat bestaande css niet meer werkt.

Dat is heel irri als je ook zelf aan het frutselen bent, maar goed.

Ik heb het al voor elkaar: background-image dient background te zijn, dus zo:

code:

/* messageheader topicstarter posts _kleurverloop naar PowderBlue */
div.topicstarter div.messageheader
    {
    background: -moz-linear-gradient(center top, rgb(234,235,235), rgb(176, 224, 230)) !important;
    background: -webkit-gradient(linear, center top, rgb(234, 235, 235), rgb(176, 224, 230)) !important;
    background: -o-linear-gradient(center top, rgb(234, 235, 235), rgb(176, 224, 230)) !important;
    background: -ms-linear-gradient(center top, rgb(234, 235, 235), rgb(176, 224, 230)) !important;
    background: linear-gradient(center top, rgb(234, 235, 235)m rgb(176, 224, 230)) !important;
    border-bottom: 1px solid rgb(207, 208, 208)!important;
    }

[Tk55]

Nnoitra schreef op vrijdag 19 oktober 2012 @ 14:08:
[...]

Kun je de CSS van hoe je die tracker daar hebt staan posten?

Bedoel je het verwijderen van de knoppen? Ik heb 'm gewoon links gezet via de instellingen en deze CSS gebruikt:

Cascading Stylesheet:

div.hr, #trackerHeader {
    display: none;
}

span.fancyButton.close {
display: none !important;
}

[Pascal]

Zo ook maar even me CSS posten, via knip en plak werk en wat zoeken binnen de source.


http://pastebin.com/sgDZvRFA

[Misha]

Gamebuster schreef op vrijdag 19 oktober 2012 @ 13:26:
Ik ben tevreden met v7, maar hier staan best leuke designtjes tussen Het overzicht op 1e pagina is helaas niet helemaal up2date: Sommige links zijn "dood".

Er zijn inderdaad wat toffe zaken gedaan. Goed voor de inspiratie

Van sommige aanpassingen snap ik alleen helemaal niks en kan me niet voorstellen dat het lekker zou werken, maar zo heeft iedereen zijn smaak natuurlijk

Ben erg benieuwd naar dat responsive-dingetje van een paar pagina's geleden

[Blonde Tux]

Hrmpf, code om eigen posts te highlighten wil niet werken.

Cascading Stylesheet:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("gathering.tweakers.net") { 

/* messageheader ownpost blauw */
    div.message div.ownpost {
     background-color: rgb(30, 144, 255) !important;
    }
    
/***********************************/
/*                                 */
/*         In Henk we Trust        */
/*                                 */
/***********************************/

/* Henk terug op het forum alleen */
    div#logo{
     background: url("http://tweakers.net/ext/f/yGhY5OUotXH3QnB3TpYh5RnD/full.png")  no-repeat;
    }
        
    div#logo a{
     margin-bottom: 0px;
     width: 213px;
     height:85px;
     display:block;
     background:transparent;
    }
    
/* Nieuw logo dood */
    div#logo img{
     visibility:hidden;
    }
}

[Hahn]

bitshape schreef op vrijdag 19 oktober 2012 @ 14:19:
[...]

Dat is heel irri als je ook zelf aan het frutselen bent, maar goed.

Zullen we de devvers dan maar vragen hun werk te staken, omdat jij aan het frutselen bent?

[Ramon]

Blonde Tux schreef op vrijdag 19 oktober 2012 @ 14:31:
Hrmpf, code om eigen posts te highlighten wil niet werken.

Cascading Stylesheet:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("gathering.tweakers.net") { 

/* messageheader ownpost blauw */
    div.message div.ownpost {
     background-color: rgb(30, 144, 255) !important;
    }
    
/***********************************/
/*                                 */
/*         In Henk we Trust        */
/*                                 */
/***********************************/

/* Henk terug op het forum alleen */
    div#logo{
     background: url("http://tweakers.net/ext/f/yGhY5OUotXH3QnB3TpYh5RnD/full.png")  no-repeat;
    }
        
    div#logo a{
     margin-bottom: 0px;
     width: 213px;
     height:85px;
     display:block;
     background:transparent;
    }
    
/* Nieuw logo dood */
    div#logo img{
     visibility:hidden;
    }
}

Omdat je met die code de .messageheader selecteert en niet de .message.

[Blonde Tux]

Thnx

[Nnoitra]

Tk55 schreef op vrijdag 19 oktober 2012 @ 14:24:
[...]

Bedoel je het verwijderen van de knoppen?

Yup, thx!

[filenox]

Het Grote Show Je Custom CSS-topic

Sinds de release van Tweakers 7 zijn er veel mensen niet tevreden met de standaardlayout.
Gelukkig hebben we nog zoiets als de Custom CSS Feature in de Karmastore.

Het doel van dit topic is om jouw Tweakers 7 layout te showen, inclusief de bijhorende CSS natuurlijk
Indien je nog wat CSS-code zoekt is het aangeraden om onderstaande topics te bekijken.

CSS Topics op GoT

[verzamel] CSS-styles; 'Hoe ziet jouw T.net eruit?'
Tweakers 7 Ultimate CSS Competition - Inzendtopic

[ Voor 34% gewijzigd door filenox op 19-10-2012 23:29 ]

[Thrilseeka]

mischien is de stylish plugin ook wel hierbij toe te voegen dan ?

werkt opzich ook wel fijn.

[Orion84]

Blonde Tux schreef op vrijdag 19 oktober 2012 @ 14:31:
Hrmpf, code om eigen posts te highlighten wil niet werken.

Cascading Stylesheet:

/* messageheader ownpost blauw */
    div.message div.ownpost {
     background-color: rgb(30, 144, 255) !important;
    }

Zo te zien is dat dezelfde code als die ik gebruik (afgezien van de kleurkeuze) en dat werkt gewoon. Maar je moet die functie om uberhaubt je ownposts te highlighten wel aan hebben staan in je forumvoorkeuren volgens mij

Dus eerst die functie aanzetten en daarna zorgt deze css code er voor dat de kleur naar wens is

[filenox]

Groot

Zoals je kan zien is alles een stuk zwarter. Ik heb er ook voor gekozen om te tabbladen te verbergen, net als het deeltje 'Uit de Community'. De menubalk is ook 100% breed ipv 90.

CSS: http://pastebin.com/AcbHHrBx

[ Voor 72% gewijzigd door filenox op 19-10-2012 15:30 ]

[Bierkameel]

http://userstyles.org/styles/76816/tweakers-old-background

Die is idd wel een aanrader als je de CSS plugin niet kan kopen

[Blonde Tux]

Thanks Orion, dat deed hem inderdaad.

[Verwijderd]

Vreemd probleem ik heb bij Stylish duidelijk gezet dat ik een bepaalde achtergrond (.gif) enkel wil gebruiken op T.net. Maar nu krijg ik het ook als background op allerlei andere websites . about:blank en websites die zelf geen achtergrond hebben. Dit stukje code hoort erbij.

Cascading Stylesheet:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("http://tweakers.net/") {

}
body {
background: #B4B4B4 url("file:///V:/image12.gif") repeat-y center;}

Ziet er dan zo uit. Die achtergrond is puur bedoeld voor tweakers.net/nieuws

[ Voor 63% gewijzigd door Verwijderd op 19-10-2012 15:51 ]

[Ramon]

Verwijderd schreef op vrijdag 19 oktober 2012 @ 15:42:
Vreemd probleem ik heb bij Stylish duidelijk gezet dat ik een bepaalde achtergrond (.gif) enkel wil gebruiken op T.net. Maar nu krijg ik het ook als background op allerlei andere websites .

En hoe heb je dat precies gezet? Show us.

[Fiber]

Waarom gaan we dit nou weer dubbel doen? Hier is al minstens één en waarschijnlijk al wel meer draadjes over...: [verzamel] CSS-styles; 'Hoe ziet jouw T.net eruit?'

[MuVo]

Bierkameel schreef op vrijdag 19 oktober 2012 @ 15:32:
http://userstyles.org/styles/76816/tweakers-old-background

Die is idd wel een aanrader als je de CSS plugin niet kan kopen

Tnx! Style sheet werkt ook in Opera

[filenox]

Fiber schreef op vrijdag 19 oktober 2012 @ 15:43:
Waarom gaan we dit nou weer dubbel doen? Hier is al minstens één en waarschijnlijk al wel meer draadjes over...: [verzamel] CSS-styles; 'Hoe ziet jouw T.net eruit?'

Alle CSS die daar staat werkt niet meer op Tweakers 7 dus het lijkt me geen drama om een nieuw topic te starten.

[Fiber]

Maar waarom in de HK en niet in SG of wellicht beter nog in een Tech draadje...?

[Badeend]

De achtergrondkleur aangepast, en verder niet teveel aan de indeling gedaan behalve de search input naar boven verplaatst:


css: http://pastebin.com/mmmwjxWs