Potkun keskustelujen uusi ulkoasu

[Kari Aittomäki]

Tää on oikeesti persseestä.
Hidas ku verotarkastaja ja kuvat ei mahdu.

Oikeesti, kuvien pudottelu ei onstu kun latu on niin kapee.
Alkaa ottaa päästä.

[bantza]

Kyllästyin potkun kapeuteen ja nykyään potkuni näyttääkin tältä:

Kyllä nyt taas kelpaa.

[jussip]

Noin kuvakaappauksen perusteella näyttää huomattavasti miellyttävämmältä ja toimivammalta kuin tämä nykyinen oletusleiska.

[Rojola]

bantza, please give.

[Mjölnir]

Mä en ymmärrä, mikä muilla on vikana. Firefoxilla 1280x800 näytöllä läppärissä, ei mitään hitautta ja kaikki näkyy hyvin.

[Esa Tyynismaa]

Mutta väritys on ruma.Katsoi sitten läppärillä tai kotikoneella.Oliskohan miten mahdoton tehtävä sävyttää tuo kirkkaan valkoinen pois?
Joutuu turhan usein tupakalle,kun silmät ei kestä istua näytön äärellä pidempään...

[bantza]

bantza, please give.

Kaipa sitä voi "salaisuuksia" paljastaa.
Niin siis jos selain tukee userContent.css:ää (ainakin Gecko-selaimet tukevat kai kaikki, tiedosto löytyy profiilihakemistosta tai sitten se pitää luoda sinne), niin minkä tahansa sivun vaikka kaikki CSS-määritykset voi muuttaa mieleisikseen. Ulkoasuun pystyy vaikuttamaan erittäin paljon, mikäli sivu on tehty nykyään käytetyllä html+css-mallin mukaisesti. Tuonne voi vaikka määritellä kaikki värit uusiksi jos siltä tuntuu, minua ei tässä nykyisessä leiskassa häirinnyt kuin tuo leveys ja pari pientä juttua, joten en ole koskenut väreihin.
Tässä esimerkkinä pätkä omasta userContent.css tiedostostani potkun osalta:

paljastus:

Koodi: Valitse kaikki

@-moz-document url-prefix(http://www.potku.net/forum/), url-prefix(http://potku.net/forum/) {
	#banneripaikka { 
		display: none !important; 
	}
	#mod_header {
		height: 30px !important;
		background-position: bottom left !important;
	}
	#mod_vasenpalsta {
		position: absolute !important;
		left: 100px !important;
		background-color: transparent !important;
	}
	#mod_footer {
		height: 50px !important;
	}
	#wrap {
		width: 980px !important;
	}
	#quick_reply {
		display: none !important;
	}
	.postprofile {
		float: left !important; 
		margin: 0 0 0 0 !important; 
		border-left: none !important; 
		border-right: 1px solid #FFFFFF !important;
		width: 19% !important;
	}
	.postprofile dd, .postprofile dt {
		margin-left: 0 !important;
	}
	.postbody { 
		float: right !important; 
		width: 80% !important;
	}
	.suurtaulu {
		display: none !important;
	}
}

Disclaimer: Mitään vastuuta en ota käytöstä, enkä jaksa antaa mitään teknistä tukea. Jos et ymmärrä miten userContent.css toimii tai mitä nuo CSS-määritykset tekevät, niin en suosittele niiden käyttämistä.

[tuomass]

Bantzan css toimii myös Operassa tallentamalla se ensin tiedostoon (lukuunottamatta ensimmäistä ja viimeistä riviä). Tämän jälkeen klikataan potkua oikealla hiiren napilla, valitaan 'Edit site preferences...' , josta Display-välilehdeltä valitaan 'My style sheet' -kohtaan kyseinen tiedosto.

Tattis bantza, pohdin jossain välissä vastaavan väsäämistä omin käsin, mutta minkäs sitä laiskuudelleen voi... onneksi löytyy ahkerampaakin väkeä!

[bantza]

Jaksoin vielä väkertää tuota ja laitoin tuon sivulla olevan menun tuonne ylös. Päivitin tuon kuvakaappaukseni tähän uuteen versioon.
Eli näin ikään:

paljastus:

Koodi: Valitse kaikki

@-moz-document url-prefix(http://www.potku.net/forum/), url-prefix(http://potku.net/forum/) {
	#banneripaikka { 
		display: none !important; 
	}
	#mod_header {
		height: 30px !important;
		background-position: bottom left !important;
	}
	#mod_vasenpalsta {
		position: absolute !important;
		left: 50% !important;
		top: 30px !important;
		width: 1000px !important;
		margin-left: -520px !important;
		background-color: transparent !important;
	}
	#search-box{
		position: absolute !important;
		left: 860px !important;
		top: -55px !important;
		font-size: 10px !important;
		text-align: bottom !important;
	}
	#search-box br{
		display: none !important;
	}
	#search-box a{
		display: block !important;
		position: absolute !important;
		left: -105px !important;
		top: 5px !important;
		font-size: 10px !important;
		color: #ffffff !important;
	}
	#mod_footer {
		height: 50px !important;
	}
	#wrap {
		width: 980px !important;
	}
	#quick_reply {
		display: none !important;
	}
	ul.modlist li {
		float: left;
		margin-right: 8px !important;
	}
	.postprofile {
		float: left !important; 
		margin: 0 0 0 0 !important; 
		border-left: none !important; 
		border-right: 1px solid #FFFFFF !important;
		width: 19% !important;
	}
	.postprofile dd, .postprofile dt {
		margin-left: 0 !important;
	}
	.postbody { 
		float: right !important; 
		width: 80% !important;
	}
	.suurtaulu {
		display: none !important;
	}
}