webForumDet fria alternativet

pdf - icon

8 svar · 657 visningar · startad av rakatoner

rakatonerMedlem sedan okt. 2007295 inlägg
#1

Hur får jag den lilla pdf iconen ?
- så slipper jag skriva - klicka här pdf -fil...det är ju inte så snyggt!

voigtann1Medlem sedan juni 20018 810 inlägg
#2

Spara den bild du vill ha, placera den som en bakgrund med CSS på en css-klass exempelvis(eller om du bara ta hänsyn till lite bättre webbläsare med stöd för att kolla attribut på element och vad som slutar med .pdf i ditt fall).

Vad menar du med att du skall slippa skriva?

rakatonerMedlem sedan okt. 2007295 inlägg
#3

Vad jag vill ha är just den lilla iconen som visar att det är en pdf och vill slippa skriva så här : - till vänster - Svärmfångarlista 2010 -

http://biodlinguppsala.se/lankar.html

...förstår nog inte riktigt ..eller alls vad jag ska göra o hur får jag tag i iconen ?
har du en kod till CSS mottages det tacksamt!

Danne VMedlem sedan aug. 20067 685 inlägg
#4

rakatoner skrev:

Vad jag vill ha är just den lilla iconen som visar att det är en pdf och vill slippa skriva så här : - till vänster - Svärmfångarlista 2010 -

http://biodlinguppsala.se/lankar.html

...förstår nog inte riktigt ..eller alls vad jag ska göra o hur får jag tag i iconen ?
har du en kod till CSS mottages det tacksamt!

http://www.google.com/images?q=pdficon&hl=en&prmd=i&source=lnms&tbs=isch:1&ei=1X_7S_zZMMSQOI3qudQB&sa=X&oi=mode_link&ct=mode&ved=0CAoQ_AU
Bara att plocka den du vill ha. Lägg in den som bildoch gör bilden som en länk.
Men det är ju onekligen en pedagogisk fördel att ha en förklarande text också....

voigtann1Medlem sedan juni 20018 810 inlägg
#5

rakatoner skrev:

Vad jag vill ha är just den lilla iconen som visar att det är en pdf och vill slippa skriva så här : - till vänster - Svärmfångarlista 2010 -

http://biodlinguppsala.se/lankar.html

...förstår nog inte riktigt ..eller alls vad jag ska göra o hur får jag tag i iconen ?
har du en kod till CSS mottages det tacksamt!

.cssClassForPDF {
background: url(image) no-repeat 0% 50%;
display: inline-block;
padding-left: 16px /* same size as the image + a bit more padding */
}

Exempel: http://voigt.se/sandbox/wf/link-css/

MacWittyMedlem sedan aug. 2004333 inlägg
#6

Adobe tillhandahåller två pdf-ikoner http://www.adobe.com/misc/linking.html#pdficon
Inte de häftigaste vi sett men ...

CSS-sättet är säkert mest rätt annars kan man lägga upp bilden och länka till pdf-dokumentet

MacWittyMedlem sedan aug. 2004333 inlägg
#7

Danne V skrev:

http://www.google.com/images?q=pdficon&hl=en&prmd=i&source=lnms&tbs=isch:1&ei=1X_7S_zZMMSQOI3qudQB&sa=X&oi=mode_link&ct=mode&ved=0CAoQ_AU
Bara att plocka den du vill ha. Lägg in den som bildoch gör bilden som en länk.
Men det är ju onekligen en pedagogisk fördel att ha en förklarande text också....

Nja, ikoner lär var små men man kan väl inte bara plocka som man vill. Upphovsrätt? Kommersiella ikonpaket?

rakatonerMedlem sedan okt. 2007295 inlägg
#8

Tack alla ovan ! Instämmer att förklarande text kan vara pedagogiskt .. men den ser bättre ut bredvid iconen- tack för länkar o nu blir det svårt att välja vem som får kredit för lösning..men koden blir den som avgår med segern !

Danne VMedlem sedan aug. 20067 685 inlägg
#9

MacWitty skrev:

Nja, ikoner lär var små men man kan väl inte bara plocka som man vill. Upphovsrätt? Kommersiella ikonpaket?

Nä, ingen upphovsrätt på dom där. Tillhör "public domain".

Genererad på 377 ms · cache AV · v20260730165559-full.f96bc7eb