Posted by razzel-gdo on March 14, 2009 at 5:03pm
Nu har jag kört fast igen. Så här ser bekymret ut:
Jag har skapat en view som visar de senaste 10 artiklarna, sorterade på postdatum. Viewen har formen av en tabell och klickar man på en länk i denna tabell transporteras man vidare till artikeln.
Så långt är allt väl.
Varje artikel har ju en rubrik och den visas ovanför brödtexten. Denna rubrik är en länk vilket innebär att man kan klicka på den.
Jag vill styla länkarna i viewen och artikelrubrikerna (som ju också är länkar) oberoende av varandra. Kort uttryckt vill jag att länkarna i viewen skall vara svarta (texten skall vara svart), medan artikelrubriklänken skall vara vit. Hur åstadkommer jag det?
Comments
Du måste antagligen themea
Du måste antagligen themea din vy så att du kan haka på CSS-klasser på fältet som innehåller den titel som ska ha en annorlunda färg.
Här finns allt du behöva veta för att themea en vy i Views 2:
http://drupal.org/node/352970
Du skall antagligen skapa en row-style template för din vy.
--
Jakob Persson - NodeOne
Jakob Persson – Leancept – Results-only digital and marketing consultants – Personal blog
Det går framåt, även om
Det går framåt, även om jag inte riktigt vet varför... Hursomhelst: jag har fått det att fungera till 50 procent.
Frontsidans artikelrubrik envisas med att ha en annan färg än länkarna i viewen. Om jag dock klickar på en länk i viewen kommer artikelrubriken i den länkade artikeln att visas med korrekt färg...
Vad är det som gör frontsidan så speciell i detta sammanhang?
En möjlighet vore ju att
En möjlighet vore ju att man ändrade så att rubriken i artikeln inte är länk. Varför skall den egentligen vara det? Den leder ju endast till sig själv.
Fler nyheter. Jag inbillar
Fler nyheter. Jag inbillar mig nu ha hittat den klass som styr formateringen av rubriker i en View:
views-field views-field-title
Om jag utnyttjar den kan jag byta tecken storlek och font-family, dock inte teckenfärg, vilket jag ju vill. Det verkar som om de deklarationer som jag har angett i a:link{} äger högre prioritet.
Kör du Firebug?
Om du inte testat det än rekommenderar jag Firebug varmt. Det är ett alldeles utmärkt sätt att hitta de CSS-klasser man är ute efter.
Kolla in en guide på http://groups.drupal.org/node/16575.
//Johan Falk, Solna
I så fall borde bara vara
I så fall borde bara vara att lägga till en specifik formatering för länkar i just den klassen
typ
.example a:link {
}
vill du sedan ha samma formatering oberoende om någon besökt "länken" eller inte kan du ju ta
.example a:link, .example a:visited, .example a:hover {
}
Har funkat för mig i alla fall.
//Calle
Tumregel för den ordning i
Tumregel för den ordning i vilken man bör ange subselectors för a-taggen:
Lord - L - link
Vader - V - visited
Hates - H - hover
Furry - F - focus
Animals - A - active
Jakob Persson - NodeOne
Jakob Persson – Leancept – Results-only digital and marketing consultants – Personal blog
Jag löste det på följande
Jag löste det på följande sätt. Detta stajlar artikelrubriken oberoende av viewen:
a[href][title]{
color:#CCCCCC;
}
Man lär sig så länge man lever.
Detta fungerar dock inte med IE 6 och tidigare versioner av IE.
Jag hade som sagt använt en
Jag hade som sagt använt en template men om man ska använda selectors trots allt hade jag nog kompletterat med jQuery som fungerar i IE6 förutsatt att JavaScript är aktivt:
Sedan följande CSS:
Jakob Persson - NodeOne
Jakob Persson – Leancept – Results-only digital and marketing consultants – Personal blog