Basson tuunaus (Nettisivujen kustomointi)

Päätin perustaa tämmösen topikin mikä käsittelee yleisten nettisivujen kustomointia.
Eli Cascading Style Shiittiä (CSS) muuttamalla, voi vaihtaa sivun ulkoasua haluamakseen.

Tarvikkeet
Mozilla Firefox -Selain ohjelma, jolla selataan nettisivuja
Stylish (Add-on) -Addoni tulikettuun, joka mahdollistaa kustomoinnin. [Alempana infoa]

Stylish allows easy management of user styles. User styles empower your browsing experience by letting you fix ugly sites, customize the look of your browser or mail client, or just have fun. With an online repository at userstyles.org, you don't even need to know how to write styles yourself; just a couple clicks and the chosen style is applied. Stylish is to CSS what Greasemonkey is to JavaScript, and unlike other methods of using user styles, most styles take effect immediately.

Stylish add-onin saat tästä https://addons.mozilla.org/en-US/firefox/addon/2108
Tipsei aka vinkkei kustobuusterointiin täält http://forum.userstyles.org/comments.php?DiscussionID=2700

K.o add-onin kotisivut, joilta tyylejä moniin yleisiin saitteihin http://userstyles.org/

Olisitteko kiinnostuneita, jos tekisin erillaisia teemoja, joita voi käyttää basso-sivuilla? Kyllä ois kiva, jos muutki väsäilis.

Samalla voi poistaa turhia ja ärsyttäviä mainoksia sivuilta!

Netti pätkii niin paljon tällä hetkellä etten pysty alkaa näpläileen tuota, harmi. Mut aturtur, vittu että oot liekeissä!
Bassomiitti ja flaieri, basso-peli (oliko?) ja basson tuunaus. Antakaa tälle miehelle vuoden bassolainen -titteli.

Certified kirjoitti:

Netti pätkii niin paljon tällä hetkellä etten pysty alkaa näpläileen tuota, harmi. Mut aturtur, vittu että oot liekeissä!
Bassomiitti ja flaieri, basso-peli (oliko?) ja basson tuunaus. Antakaa tälle miehelle vuoden bassolainen -titteli.

Kiitos paljon! Joo basso-peliä en oo vielä kyenny alottamaan, mutta kyllä se pikkuhiljaa tulee.
Tänään kyllä vois keskittyä tekee jonkinlaista basso-modia. Mainoksia pois ja sitte ulkoasua/väriä muuteltu. Ideoita otan mielelläni vastaan!

Edit: Asennus ohjeet tulee sitten, joten ei-niin-datiksetkin pääsee käyttämään tulevia vääntöjä.

Basson tuunaaminen monipuolisesti on yllättävän haastavaa, jos alkaa ihan muuttelemaan borderien kokoja ja muuta sellasta, koska etusivulla käytetyt objektit on eri tehtävissä keskustelupalstalla. Joten etusivulle, keskustelupalstalle ja moneen muuhun pitäisi tehdä jokaiseen omat CSS-tyylinsä. Helpointa on vain pitää rakenne samana, mutta muuttaa taustakuvia ja värejä.

Tämänkaltaista tyyliä työstin ensin, mutta ei jaksa tehä joka sivulle omia säätöjä. (Klikkaa isommaksi)


Teen sitte toimivan joskus juhannuksen jälkeen.

oon tääs muutaman päivän arturin touhoa ja arvostan

hienoo et joku jaksaa ideoida

Nyt niitä rillien ruuveja löysemmälle...

ilmanpolvia kirjoitti:

Nyt niitä rillien ruuveja löysemmälle...

Ensimmäistä kertaa polvien postaukselle WORD

Itsehän en omista silmälaseja

Tämähän on hieno juttu. Simmut itkeskelly menkkaverta jo vaikka miten pitkään Bassofoorumin valkoisen värin takia.

Ohjeet teemojen asentamiseen!
Tarvitset
-Uusimman Firefoxin (3#)
-Firefoxiin add-onin nimeltä Stylish

1. Firefox sivun alareunassa on S:n muotoinen valkoinen iconi. Klikkaa sitä ja valitse Manage Styles


2. Eteesi ilmestyy laatikko. Valitse Write New Style


3. Kirjoita teeman nimi


4. Kopioi tähän teeman koodi osuus. Postaan teemojen koodipätkät lainauksissa ja pienennettynä.


5. Klikkaa Save

6. Muista laittaa Stylish päälle tuosta napista, jonka löydät heti tallennettuasi teeman


Nyt teema näkyy basso.fi sivuilla!

Teema 1 - Basso Cream v1.2
Ensimmäinen teemani. Aika nopeasti kyhätty kermaisen värinen ulkoasu ja royal-sinisen väriset fontit.

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("www.basso.fi") {
/* Basso Cream teema 1.2 - 2009© aturtur */
body {
background: #f5f4f2 !important;
background: url('http://koti.mbnet.fi/bassostf/themes/tausta1.png') !important;
font-family: arial !important;
color: #343434 !important;
font-size: 11px !important;}
a {color: #336699 !important;}
a:hover {color: #336699 !important;text-decoration: underline !important;}
a:visited {color: #336699 !important;}
#login, #nav {background: #f5f4f2 !important; color: #343434 !important;}
#nav .select a, #nav .current a {background: #f5f4f2 !important;color: #343434 !important;}
#nav .select a:hover,
#nav .select li:hover a {
background: #d2d2d2 !important;
color: #343434 !important;}
#nav .current a {
background: #f5f4f2 !important;
color: #343434 !important;}
#nav .current a:hover, #nav .sub_active a:hover {
background: #d2d2d2 !important;
color: #343434 !important;}
#nav .sub li a:hover, #nav .select a:hover .sub li a:hover,
#nav .select li:hover .sub li a:hover {
background: #d2d2d2 !important;
color: #343434 !important;}
#nav .sub_active .current_sub a {
background: #f5f4f2 !important;
color: #343434 !important;}

#nav .select li a:hover .sub, #nav .select li:hover .sub {
background: #f5f4f2 !important;
color: #343434 !important;}
#nav .sub_active {
background: #f5f4f2 !important;
color: #343434 !important;}
#nav .sub_active a {
background: #f5f4f2 !important;
color: #343434 !important;}
#nav .select a:hover .sub li a, #nav .select li:hover .sub li a {
background: #d2d2d2 !important;
color: #343434 !important;}
#content {
background: #f5f4f2 !important;
color: #343434 !important;
width: 984px;
margin-right: auto;
margin-left: auto;
padding: 0px 0px 0px 0px !important;}

#ad_leaderboard_1, #frontbox_1, #frontbox_2, #frontbox_3,
.box_margin #ad_suurtaulu_1, .box_margin #ad_suurtaulu_2 {
display: none !important;}
.box_border {border: 6px solid #d2d2d2 !important;}
.box_padding_top {padding-bottom: 6px !important;}
.box_padding_title {padding: 6px !important;}
.background_0 {background-color: #f5f4f2 !important;color: #343434 !important;}
.forum_message blockquote {background: #f0eeeb !important;padding: 6px 8px 6px 32px !important;}
.background_special_1 {background-color: #ededed !important;color: #343434 !important;}
.background_special_2 {background-color: #d2d2d2 !important;color: #343434 !important;}
a.button_1, a.button_1:visited {
background: #343434 !important;
text-decoration: none !important;
height: 20px !important;
float: left !important;
overflow: visible !important;
padding-left: 14px !important;
line-height: 20px !important;
white-space: nowrap !important;
font-weight: normal !important;
margin-right: 4px !important;
cursor: pointer !important;
color: #fff !important;}
a.button_1 span {
background: #343434 !important;
float: left !important;
height: 20px !important;
text-align: center !important;
padding-right: 14px !important;
font-weight: normal !important;}
a.button_1:hover {
text-decoration: none;
color: #fff !important;
background: #3b3b3b !important;}
a.button_1:hover span {
text-decoration: none;
background: #3b3b3b !important;}
}

Esikatselu



Hienompia on kyllä tulossa ajallaan!

Päivitetty: 24.8.2009

Kokeilussa. Sivut vaikuttaa aika alastomalta, mutta muuten ihan kivat. Olis hyvä jos sais valikoiden (basso.fi - basso-lehti - bassoradio jne) taustan muuttumaan vaalenharmaaksi alleviivauksen lisäksi, kun siihen kohdistaa hiiren.

aturturille

edit: alhaalla taisi ennen olla nappi mistä pääsi suoraan etusivulle, jota nyt kaipailisin takaisin.

Walter_Mosca kirjoitti:

Kokeilussa. Sivut vaikuttaa aika alastomalta, mutta muuten ihan kivat. Olis hyvä jos sais valikoiden (basso.fi - basso-lehti - bassoradio jne) taustan muuttumaan vaalenharmaaksi alleviivauksen lisäksi, kun siihen kohdistaa hiiren.

aturturille

edit: alhaalla taisi ennen olla nappi mistä pääsi suoraan etusivulle, jota nyt kaipailisin takaisin.

Päivitetty! Joo tää teema on aika simppeli, mutta sitten ku pääsen tähän juttuun enemmän sisälle, nii tulee graafisempaakin settiä.

aturtur kirjoitti:

Päivitetty! Joo tää teema on aika simppeli, mutta sitten ku pääsen tähän juttuun enemmän sisälle, nii tulee graafisempaakin settiä.

Hienohan tää on Tosin sulla on vissiin virhe tossa koodissa, kun noi harmaat taustat ei tule samalla lailla noihin valikoihin. Esimerkiksi jos kohdistaa hiiren tohon Basso.fi valikkoon se ei maalaa noita alavalikoita samalla lailla kuin jos kohdistaisi Basso-lehti valikoon. Sori kun nillitän joka asiasta.

Tossa basso.fi kohassa, ei oo alkuperäis koodissa ollu tota, että siinä ois hover, mutta voin kyllä lisätä sen. Toisaalta se on kyllä ihan hyvä idea, ku nyt se vaikuttaa aika kököltä! No nyt muokkasin, mutta se ei mee ihan samalla tavalla.

Teema 2 - Pelkkää Tekstii v1
Tässä todella pelkistetty ja musta teema gooteille. Jotkut kuvat näkyy aika karusti, mutta onhan tää teema muutenki aika karu

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("www.basso.fi") {
/* Pelkkää tekstii teema - 2009© aturtur */
body {
background: black !important;
font-family: arial !important;
color: #343434 !important;
font-size: 11px !important;}
a {color: red !important;}
a:visited {color: red !important;}
a:hover {color: darkred !important;text-decoration: underline !important;}
#login, #nav {background: black !important; color: white !important;}
#nav .select a, #nav .current a {background: black !important;color: white !important;}
#nav .select a:hover,
#nav .select li:hover a {
background: black !important;
color: white !important;}
#nav .current a {
background: black !important;
color: white !important;}
#nav .sub li a:hover, #nav .select a:hover .sub li a:hover,
#nav .select li:hover .sub li a:hover {
background: black !important;
color: white !important;}
#nav .sub_active .current_sub a, #nav .sub_active a:hover {
background: black !important;
color: white !important;}
#nav .select li a:hover .sub, #nav .select li:hover .sub {
background: black !important;
color: white !important;}
#nav .sub_active {
background: black !important;
color: white !important;}
#nav .sub_active a {
background: black !important;
color: white !important;}
#nav .select a:hover .sub li a, #nav .select li:hover .sub li a {
background: black !important;
color: white !important;}
#content {
background: black !important;
color: white !important;
width: 984px;
margin-right: auto;
margin-left: auto;
padding: 0px 0px 0px 0px !important;}
#footer, #ad_leaderboard_1, #frontbox_1, #frontbox_2, #frontbox_3,
.box_margin #ad_suurtaulu_1, .box_margin #ad_suurtaulu_2 {
display: none !important;background: black !important;}
.box_border {border: 6px solid black !important; background: black !important;}
.box_padding_top {padding-bottom: 6px !important; background: black !important;}
.box_padding_title {padding: 6px !important;background: black !important;}
.background_0 {background-color: black !important;color: white !important;}
.background_1 {background-color: black !important;color: white !important;}
.forum_message blockquote {background: black !important;padding: 6px 8px 6px 32px !important;}
.background_special_1 {background-color: black !important;color: white !important;}
.background_special_2 {background-color: black !important;color: white !important;}
a.button_1, a.button_1:visited {
background: white !important;
text-decoration: none !important;
height: 20px !important;
float: left !important;
overflow: visible !important;
padding-left: 14px !important;
line-height: 20px !important;
white-space: nowrap !important;
font-weight: normal !important;
margin-right: 4px !important;
cursor: pointer !important;
color: black !important;}
a.button_1 span {
background: white !important;
float: left !important;
height: 20px !important;
text-align: center !important;
padding-right: 14px !important;
font-weight: normal !important;}
a.button_1:hover {
text-decoration: none;
color: black !important;
background: white !important;}
a.button_1:hover span {
text-decoration: none;
background: white !important;}
.blogs_comments{color: black !important;}
}

Esikatselu


Joskus tulevasta seuraavasta teemasta koitan tehä laadukkaan!

EDIT: tein jonku korjauksen.

Itse tulin tämänkaltaiseen bassoon ensin

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("basso.fi") {
/* Basso Trendipinkki - 2009© Hampunlehti */
body {
background: #f5f4f2 !important;
background: url('http://web.archive.org/web/20060316022748/www.basso.fi/images/background_01.gif') !important;
font-family: tahoma, verdana, arial, helvetiva !important;
color: #343434 !important;
font-size: 11px !important;}
a {color: #FF0096 !important;}
a:hover {color: #000000 !important;text-decoration: underline !important;}
a:visited {color: #ff0096 !important;}
#login, #nav {background: #f5f4f2 !important; color: #343434 !important;}
#nav .select a, #nav .current a {background: #f5f4f2 !important;color: #343434 !important;}
#nav .select a:hover,
#nav .select li:hover a {
background: #ff00b4 !important;
color: #343434 !important;}
#nav .current a {
background: #f5f4f2 !important;
color: #343434 !important;}
#nav .current a:hover, #nav .sub_active a:hover {
background: #d2d2d2 !important;
color: #343434 !important;}
#nav .sub li a:hover, #nav .select a:hover .sub li a:hover,
#nav .select li:hover .sub li a:hover {
background: #d2d2d2 !important;
color: #343434 !important;}
#nav .sub_active .current_sub a {
background: #f5f4f2 !important;
color: #343434 !important;}


#nav .select li a:hover .sub, #nav .select li:hover .sub {
background: #f5f4f2 !important;
color: #343434 !important;}
#nav .sub_active {
background: #f5f4f2 !important;
color: #343434 !important;}
#nav .sub_active a {
background: #f5f4f2 !important;
color: #343434 !important;}
#nav .select a:hover .sub li a, #nav .select li:hover .sub li a {
background: #d2d2d2 !important;
color: #343434 !important;}
#content {
background: #f5f4f2 !important;
color: #343434 !important;
width: 984px;
margin-right: auto;
margin-left: auto;
padding: 0px 0px 0px 0px !important;}

#ad_leaderboard_1, #frontbox_1, #frontbox_2, #frontbox_3,
.box_margin #ad_suurtaulu_1, .box_margin #ad_suurtaulu_2, .bassorasdio top,
.box_padding_low {
display: none !important;}
.box_border {border: 6px solid #ff00b4 !important;}
.box_padding_top {padding-bottom: 6px !important;}
.box_padding_title {padding: 6px !important;}
.background_0 {background-color: #f5f4f2 !important;color: #343434 !important;}
.forum_message blockquote {background: #f0eeeb !important;padding: 6px 8px 6px 32px !important;}
.background_special_1 {background-color: #ededed !important;color: #343434 !important;}
.background_special_2 {background-color: #d2d2d2 !important;color: #343434 !important;}
a.button_1, a.button_1:visited {
background: #343434 !important;
text-decoration: none !important;
height: 20px !important;
float: left !important;
overflow: visible !important;
padding-left: 14px !important;
line-height: 20px !important;
white-space: nowrap !important;
font-weight: normal !important;
margin-right: 4px !important;
cursor: pointer !important;
color: #fff !important;}
a.button_1 span {
background: #343434 !important;
float: left !important;
height: 20px !important;
text-align: center !important;
padding-right: 14px !important;
font-weight: normal !important;}
a.button_1:hover {
text-decoration: none;
color: #fff !important;
background: #3b3b3b !important;}
a.button_1:hover span {
text-decoration: none;
background: #3b3b3b !important;}
}

/*

linkit

*/



a, a:active, a:visited {

text-decoration: none;

color: #335c6e;

font-weight: bold;

}

a:hover {

text-decoration: none;

color: #8ed702;

font-weight: bold;

}



.background_5 a, .background_5 a:active, .background_5 a:visited, .popup_laatikko a, .popup_laatikko a:active, .popup_laatikko a:visited {

text-decoration: none;

color: #8ed702;

font-weight: bold;

}

ylöstys, big up. Mitä bassolaiset käyttävät firefoxissansa. Suositelkaa muille hyviä kustomointeja,

Itselläni on HD-kokonen kuva youtubessa, ilman pätkimistä.


Sekä Segoe UI fontti joka paikkaan

Mites noi mainokset saa pois bassosta

Kermaisessa teemassa ei näy profiili viestit. Vai kuseeko tää ainoastaan mulla?

Rane kirjoitti:

Kermaisessa teemassa ei näy profiili viestit. Vai kuseeko tää ainoastaan mulla?

Joo virhehän se siellä oli, korjattu! Eli kopioi koodi uusiks.

Aturtur - sä oot jotain aivan mahtavaa.

On khyl hieno topikki! Lissää noita koodeja vaan!

Basso teema 3 - Fresh blue and green
Huh. Tulipa tehtyä pitkästä aikaa teema. Nyt jopa itekki käytän tätä (Ainaki vähän aikaa), ku tykkään tästä. Lähdekoodi on aika sotkuinen, mutta lopputulos toimii.

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("www.basso.fi") {
/* Basso Fresh blue and green - 2009© aturtur */
body {
background: url('http://koti.mbnet.fi/bassostf/bassoteemat/tausta.jpg') !important;
font-family: arial !important;
color: #000000 !important;
font-size: 12px !important;}
a {color: #01b0f0 !important;}
a:hover {color: #8ef81f !important;text-decoration: none !important;}
a:visited {color: #336699;}
a:active {color: green !important;}

#ad_leaderboard_1, #frontbox_1, #frontbox_2, #frontbox_3,
.box_margin #ad_suurtaulu_1, .box_margin #ad_suurtaulu_2 {
display: none !important;}
.box_border {border: 6px solid #101010 !important;}
.box_padding_top {padding-bottom: 6px !important;}
.box_padding_title {padding: 6px !important;}
.background_0 {background-color: #fff !important;color: black !important;}
.forum_message blockquote {background: #fff !important;padding: 6px 8px 6px 32px !important;}
.background_special_1 {background-color: #f0f0f0 !important;color: black !important;}

#nav .select a, #nav .current a {display: block; float: left; background: #000 url('../images/navi-unselected-bg.gif'); padding: 0px 16px 7px 16px; text-decoration: none; font-size: 12px; line-height: 40px; white-space: nowrap; color: white !important;}
* html #nav .select a, * html #nav .current a {width: 1px; height: 21px;}

#nav .select a:hover, #nav .current a:hover {display: block; float: left; background: #000 url('../images/navi-unselected-bg.gif'); padding: 0px 16px 7px 16px; text-decoration: none; font-size: 12px; line-height: 40px; white-space: nowrap; color: #8ef81f !important;}
* html #nav .select a, * html #nav .current a {width: 1px; height: 21px;}

.background_special_2 {background-color: #101010 !important;color: white !important;}
a.button_1, a.button_1:visited {
background: black !important;
text-decoration: none !important;
height: 20px !important;
float: left !important;
overflow: visible !important;
padding-left: 14px !important;
line-height: 20px !important;
white-space: nowrap !important;
font-weight: normal !important;
margin-right: 4px !important;
cursor: pointer !important;
color: #fff !important;}
a.button_1 span {
background: black !important;
float: left !important;
height: 20px !important;
text-align: center !important;
padding-right: 14px !important;
font-weight: normal !important;}
a.button_1:hover {
text-decoration: none;
color: #fff !important;
background: #01b0f0 !important;}
a.button_1:hover span {
text-decoration: none;
background: #01b0f0 !important;}

.background_1 {
background: #101010 !important;
color: white !important;
}
#content {
background: white !important;
color: black !important;
}
#nav .current a {background: #e00000 url('http://koti.mbnet.fi/bassostf/bassoteemat/bg001.png') bottom center !important; color: #fff !important;}
#nav .sub li a:hover,
#nav .select a:hover .sub li a:hover,
#nav .select li:hover .sub li a:hover {color: white !important; text-decoration: underline !important;}
#nav .sub li a,
#nav .select a .sub li a,
#nav .select li .sub li a {color: white !important;}
}
#nav .sub, #nav .sub_active a {color: white !important;}
#nav .sub_active a:hover {color: white !important; text-decoration: underline !important;}
.blogs_comments {color: black !important;}

Esikatselu

Saako tän jotenki toimiin Operalla?

Oon ollu tän topikin kanssa samalla lailla unessa ku amiksen CSS-tunneilla. Kyllä se pieni osaaminen sieltä löytyy, pitää joku päivä vaa virkistää muistia ja ottaa koodit haltteriin.

Oooh toi arturturin uusin

Omaa theemaa:
(Huom, näyttää parhaimmalta kun selainta EI oo zoomailtu ctrl:lla.)

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("www.basso.fi") {
/* Basso After8-theme - 2009 KESO */

body {
background: #f5f4f2 !important;
background: url('http://img177.imageshack.us/img177/300/221212121.png') !important;
font-family: arial !important;
color: #000000 !important;
font-size: 11px !important;}

a {color: #003333 !important;}
a:hover {color: #00d1a2 !important;text-decoration: underline !important;}
a:visited {color: #003333 !important;}
#login, #nav {background: #4fa592 !important; color: #ffffff !important;}
#nav .select a, #nav .current a {background: #4fa592 !important;color: #ffffff !important;}

#nav .select a:hover,
#nav .select li:hover a {
background: #74ba95 !important;
color: #000000 !important;}
#nav .current a {
background: #4fa592 !important;
color: #4ff79e !important;}
#nav .current a:hover, #nav .sub_active a:hover {
background: #4fa592 !important;
color: #000000 !important;}
#nav .sub li a:hover, #nav .select a:hover .sub li a:hover,
#nav .select li:hover .sub li a:hover {
background: #4fa592 !important;
color: #003333 !important;}
#nav .sub_active .current_sub a {
background: #74ba95 !important;
color: #000000 !important;}
#nav .select li a:hover .sub, #nav .select li:hover .sub {

background: #4fa592 !important;
color: #cef2ef !important;}
#nav .sub_active {
background: #4fa592 !important;
color: #74ba95 !important;}
#nav .sub_active a {
background: #74ba95 !important;
color: #ffffff !important;}
#nav .select a:hover .sub li a, #nav .select li:hover .sub li a {
background: #74ba95 !important;
color: #ffffff !important;}
#content {
background: #cef2ef!important;
color: #000000 !important;
width: 984px;
margin-right: auto;
margin-left: auto;
padding: 6px 6px 6px 6px !important;}

#ad_leaderboard_1, #frontbox_1, #frontbox_2, #frontbox_3,
.box_margin #ad_suurtaulu_1, .box_margin #ad_suurtaulu_2 {
display: none !important;}
.box_border {border: 6px solid #8dcead !important;}
.box_padding_top {padding-bottom: 6px !important;}
.box_padding_title {padding: 3px !important;}
.background_0 {background-color: #ffffff !important;color:#000000!important;}
.forum_message blockquote {background: #e5f4f3 !important;padding: 10px 8px 6px 32px !important;}
.background_special_1 {background-color: #d8f1ee !important;color: #000000!important;}
.background_special_2 {background-color: #cdf1ee !important;color: #000000 !important;}
a.button_1, a.button_1:visited {
background: #003333 !important;
text-decoration: none !important;
height: 20px !important;
float: left !important;
overflow: visible !important;
padding-left: 11px !important;
line-height: 18px !important;
white-space: nowrap !important;
font-weight: normal !important;
margin-right: 5px !important;
cursor: pointer !important;
color: #ffffff !important;}
a.button_1 span {
background: #003333 !important;

float: left !important;
height: 20px !important;
text-align: center !important;
padding-right: 18px !important;
font-weight: normal !important;}
a.button_1:hover {
text-decoration: none;
color: #fff !important;
background: #cc1d00 !important;}
a.button_1:hover span {
text-decoration: none;
background: #cc1d00 !important;}
}

Lähes valmis, ilmotelkaa vioista jos löyätte.

Basso teema 4 - Cheap apple
Tulossa.. Halusin vaan postaa kuvan hetkenmielijohteesta.

Jos sais mainostenpoistaja-modauksen kun adblock vittuilee.