Vad handlar bloggen om?


Kategori: CSS/Jquery/html...

Tas upp i detta inlägg....
Obs..... mozilla strular med @font, iaf ikoner..
  • Hur man använder Fontawesome-ikonerna
  • @Font face ikoner / @Font face typsnitt
  • Ex. på hur man kan styla rubriken för inlägg




Fontawesome.
Några exempel av ett fåtal av alla ikoner

  • Hmm .. varför är den grön...
  • in lists
  • in lists
  • Check
  • as bullets

fa-twitter on fa-square-o
fa-flag on fa-circle
fa-terminal on fa-square
kamera lixom
fa-lg fa-2x fa-3x fa-4x fa-5x

(de fungerar bättre med ljus bakgrund....??)

 









Hur använder man dom?

Börja med att lägga in detta i startsida inom head:



Hur ändrar man färgen på dom så det passar ens blogg? / color picker

Lägg in detta i stilmall:



Varför var den första fyrkanten grön?

Man kan använda style="color:green":



Vilken kod användes för att ta fram ikonerna i början? (inläggskod/html)

Denna:










@Font face går även dra in symboler med genom html/css/text..
Ett bra ikon-paket är Raphaël Icon-Set".



Kasta in i stilmall.
(längre förklaringen är att man använder .eot och ttf för att det ska fungera propert i chrome och IE, man klistrar in sökvägarna i ett @font-face i css.)

......


När du skriver ett inlägg så kallar du in denna familj av font med:


Resultatet från rutan ovanför:

230573408=(¤/?




1
... (color="#DBD032").



Glöm inte alla fonter som finns på Dafont.com
Om du är osäker hur du använder dessa...
1. Ladda ner fonten från till ex Dafont
2. Konvertera filen genom Fontsquirrel.
3. Ladda upp eot och ttf formaten till ditt dropbox-konto eller annat ställe som kan dela dom.
4. Högerklicka fram nerladdningslänken till eot och ttf, klistra in där det passar i denna kod:

I stilmall ...





Styla rubriken för inläggen

1 högerklicka på din rubrik, välj granska komponent.
2 hitta rubrikstycket, vad ligger det i? I detta fall < h2 > < a> ( h2 a )


Kolla till höger när du markerat rätt rad.. min rubrik heter .post header h2 a.
Sedan för att man ska kunna ange inställningar för att ändra vad som händer när musen är över rubriken måste man lägga till :hover ( .post header h2 a:hover ).
Visst kan även ange :active också, så det flashar till när någon trycker ... eller en besökt rubrik :visited går också lägga in inställningar för...









I stilmall:


Dra in fonten: (som i förra stycket...)
Stilmall:

Om mig... 31 solvarv begagnad, relativt rostfri, går inte på alla cylindrar men tar sig fram ändå. Spelar: Piano/synth Panflöjt Munspel Gitarr Elfiol funderar jag på att köpam spelade akustisk som liten. Gör musik med: Ableton live 9 Presonus vsl 22 Lyssnar på: allt, men mest Trance/melodisk DnB New age Reggae Klassiskt / symfonier Älskar: Inget och ingen nu. Hatar: Folk som inte är unika och anstränger sig för att passa in - för mycket.

}
Till startsidan