Keskustelu: Nettisivujen teko: Wikimedia Commonsin css tyylillä linkkipalkin linkkien värin vaihto

Eli siis Commonsissa on sen logon alapuolella ne linkit niissä laatikoisssa, niin miten niiden värin saa vaihdettua?

Etit .css-tiedoston ja haet tekstin a:link ja muutat colorin.

Itse asiassa se ei muuta noita laatikoita, mutta muut linkit muuttaa. Mutta just ne laatikot pitäisi muuttaa.

Jos sinulla ei ole Firebugia asennettuna, niin asenna se. Jos ei ole Firefoxiakaan, niin asenna toki ensin se. Sitten näet saman tien kun painat Inspect-nappulaa, että missä CSS-tiedostossa ja mikä tyylimääritys viimeisimpänä vaikuttaa sen linkin väriin. Ei tarvi arpoa.

Asennan sen ja katon huomenna.

a:link {
  color: red;
}

Tämä kyllä muutti minulla myös laatikoissa olevien linkkien värin. Vierailtuja linkkejä varten tarvitaan lisäksi tämä:

a:visited {
  color: red;
}

Jälkimmäinen on jo valmiiksi CSS-tiedostossa, joten muokkaa sitä tai kirjoita oma versiosi vasta alkuperäisen jälkeen, jotta muutos pätisi. Sen sijaan a:link-valitsinta ei esiintynyt, joten sen sijainnilla ei ole samanlaista merkitystä.

Jos haluat rajata tyylit pelkästään vasempaan laatikkoon, lisää valitsimen alkuun tarkennus div.generated-sidebar, näin:

div.generated-sidebar a:link {
  /* tyylit... */
}
div.generated-sidebar a:visited {
  /* tyylit... */
}

Tai jos sama tyyli molemmille kelpaa, näin:

div.generated-sidebar a {
  /* tyylit... */
}

Nämä voit kirjoittaa CSS-tiedostoissa mihin tahansa, koska tarkempi CSS-valitsin (tässä tietynlaisen divin sisäiset a-elementit) on lopputulosta selvitettäessä tärkeämpi kuin epätarkka (ylemmissä mikä tahansa a-elementti).

Viestini oli poistettu häiriköintitarkoituksessa, joten postaan sen uudelleen: Et saa muutettua sidebar:in tyylejä niin, että näkyisivät kaikille käyttäjille (muuttamatta MediaWiki:******.css -sivua).

Juhko: Viestisi poistettiin, koska siinä luki vain "et yhtään mitenkään", mikä on ilmiselvästi tässä todistettu vääräksi ja voidaan (etenkin aiemman käytöksesi valossa) tulkita erittäin epäavuliaaksi kommentiksi. Onneksi lähetit paremman ja selkeämmän viestin (et todellakaan kopiota alkuperäisestä!). Kannattaisi varmaan miettiä tuota sisältöasiaa jo ennen ensimmäistä yritystä, jottet itse vaikuttaisi jatkuvasti häiriköltä. Jos et jaksa kirjoittaa kunnollista, perusteltua vastausta, jätä mieluiten vastaamatta.

Luulin itsestäänselvyydeksi, että käyttäjä haluaa Wikimedia Commonsissa, jossa ei ole ylläpitäjä, muuttaa käyttäjäsivunsa ulkoasua siten, että se näkyy kaikille käyttäjille. Tämä vaatisi PageCSS-laajennuksen, jota sinne ei hyvistäkin syistä ole asennettu.

Itsestäänselvyydet eivät välttämättä ole toisille sitä. Kysymyksen ollessa noinkin löysästi määritelty hän saattaakin vaikka haluta vaihtaa värin vain itseltään, missä tapauksessa useampikin selain tukee käyttäjän CSS:ää, Firefoxissa tämä tiedosto on userContent.css.

@-moz-document domain(commons.wikimedia.org) {
    div.portlet a:link,div.portlet a:visited,div.portlet a:active,div.portlet a:hover {
        color: #000;
    }
}

Tämä muuttaa linkin värin mustaksi. Ei vaihdu kenellekään muulle, mutta näyttävätpä jotkut säätelevän näiden omien CSS-tiedostojen kanssa.

Te ette ehkä tajunneet pointtiani. Minä haluan vaihtaa vain omalta tunnukseltani ulkoasun niin että kun kirjaudun, ne ovat sellaiset kuin haluat. Sivu, jolta haluan muuttaa tyylit on http://commons.wikimedia.org ja siellä ku menee sivulle user:tunnus/vector.css, niin muuttuu sen tunnuksen tyylit. En puhu nyt ollenkaan omasta wikisivustani. Luin muuten tarkemmin viestejä ennen kommenttinilähetystä ja huomasin että juhko tajusi osittain pointtini.

copy & paste

Olet saanut jo monta toimivaa CSS-tyyliä sinne kirjoitettavaksi. Onko niissä vielä jokin ongelma?

Tein oikein hienon kuvan havainnollistamaan kuinka koodinne tekivät ei mitään. Olen päivittänyt selaimen ohjeiden mukaisesti. Jos joku muuten tunnistaa tunnuksen, sitä ei saa MISSÄÄN NIMESSÄ PALJASTAA!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Tässä linkki

Mod. korjasi linkin

Tässä on kuva omien tyylien (/wiki/User:Tunnus/standard.css) esikatselusta Wikipediassa. Toimii hyvin.

Kannattaa varmaan sillä Firebug-lisäosalla katsoa vielä uudestaan, mitä elementtejä Vector-ulkoasussa on. Uskoisin, etteivät nuo muuta sivun rakennetta, mutta en ole MediaWiki-spesialisti enkä jaksa selvittää.

En katsoin firebug jutulla mutten muista mikä vaikutti mihin css jutulla. Oon aika n00b. Enkä saanut toimimaan. Oletko sinä oikeati muuten Stanard? IIK! (Mod. lyhensi IIKahdusta.)

Huomasin muuten juuri typeryyteni että tuo ei ollut tunnus vaan tyyli... *punastus*