Ändra färg på Gillaknappen



Blogg.se har lagt in en egen Gilla-knapp som du kan addera till din blogg om du så vill. Denna Gilla-knapp finns i lite olika färger, men vi har tipset som du garanterat kommer älska – du kan nämligen ändra färgen så att den matchar resten av färgerna på din blogg!

Lägg in detta längst ner i din stilmall:



Som ni ser så finns det alltså tre olika klasser som styr detta (det finns fler, men vi kör såhär så länge, då dessa är lättast ändra.
Det går att ändra det mesta, och vill du ta bort någon finess eller något i utseendet, ta inte bort det i koden, utan skriv kort och gott 0px eller none. För att ta bort skuggan till exempel, så kan du helt enkelt skriva ordet none som värde för box-shadow & text-shadow. Vill du ändra rundningen av kanterna så skriver du 0px som värde för border-radius.

Värt att nämna är också att de har använt rgba()-värden för färger här, men det går bra att ändra det till en hexfärg (alltså hashtag-färgkod = #000 för svart till exempel). I övrigt är det bara att pyssla på med dina egna värden och egenskaper.

Om du vill ta bort den lilla pilen som är i anslutning till gillafunktionen (som går från siffran till ordet ”gilla”) så lägger du in detta i din stilmall:

Visa Dölj-funktion med JavaScript & jQuery



JavaScriptkod


Stilmallskod


Kodmallskod


Sanna tipsar:
Du kan använda kodmallskoden flera gånger om du vill skapa flera olika visa-dölj-saker så att säga. Jag har ju till exempel en för bloggdesign, en för arkiv, en för blog roll osv. i min blogg just nu. Stilmallskoden och JavaScriptet klistrar du dock bara in en gång (stilmallskoden 1 gång i stilmallen och JavaScriptet i varje kodmall).