symbolen
-
coderunner - Lid geworden op: 27 mar 2006, 04:35
- Locatie: Aubauke - Aentwaerepe
Beste filius,
Ik vrees dat dit niet zal gaan daar webbrowsers maar een beperkt aantal fonts gebruiken.
Je zal hiervoor afbeeldingen (icons genaamd) op het internet moeten zoeken en degene die jij mooi vindt gebruiken op je website.
mvg,
Coderunner
Ik vrees dat dit niet zal gaan daar webbrowsers maar een beperkt aantal fonts gebruiken.
Je zal hiervoor afbeeldingen (icons genaamd) op het internet moeten zoeken en degene die jij mooi vindt gebruiken op je website.
mvg,
Coderunner
Bedank de perso(o)n(en) die je volledig op vrijwillige basis een antwoord geeft(geven) en/of beantwoord ten minste een reaktie op jouw vraag. Zo weten andere gebruikers EN de moderator dat je "probleem" al dan niet is opgelost. Alvast bedankt.
-
ultddave - Lid geworden op: 11 mei 2009, 13:59
- Locatie: Limburg > Genk
Het gaat niet over tekst symbolen zoals:
&#ç%Ü¿ÇÃ
En dergelijke hé? Symbolen zoals een telefoon, smilies en dergelijke moet je effectief als afbeelding invoegen in je website.
Een mogelijkheid is om de afbeelding in Word in te voegen en dan een screenshot te nemen en die dan te plakken en bewerken in photoshop.
Het gaat ook in paint, maar paint ondersteunt geen doorzichtige lagen. En daardoor kan je dus niet de achtergrond (rond de telefoon, ...) wegvegen en doorzichtig maken.
Maar meestal worden icoontjes gedownload van internet.
http://www.iconspedia.com/
(De website is Engelstalig, dus je moet ook Engelse zoektermen ingeven.)
Je kan die icoontjes dan downloaden als .png of .ico file. Voor website moet je de .png file downloaden.
Op deze site staan ook veel 'icon sets': http://www.freeiconsweb.com/index.html
Ook via google afbeeldingen vind je er veel. Het nadeel is alleen dat sommige betalend zijn. En om te voorkomen dat je de afbeeldingen opslaat (deze bijvoorbeeld): http://www.supershareware.com/images/sc ... -44095.jpg
Worden er strepen door gezet, zodat je ze niet kan 'stelen'
.
Andere sites met gratis icons:
http://famfamfam.com/lab/icons/
http://www.techlogica.us/icons/free/
http://dryicons.com/free-icons/preview/aesthetica/
...
Voorbeelden van icoontjes:
http://dryicons.com/images/icon_sets/sy ... /phone.png
http://dryicons.com/images/icon_sets/sy ... _phone.png
Je kan ze ook in 16x16 formaat vinden: http://dryicons.com/free-icons/icons-li ... ze=16x16px
GSM's: http://www.iconspedia.com/pack/nokia-n-series/
Normaal gezien hebben alle icoontjes met de extensie .png een doorzichtige achtergrond. Normaal gezien, zorgt de maker daarvoor. Dat die doorzichtig is. Zodat je die kan plaatsen op een witte, zwarte, groene, rode, ... achtergrond, zonder dingen te moeten veranderen aan het icoontje.
Icoontjes met .ico extensie worden meestal gebruikt bij programma's of als favicon voor websites en dergelijke.
Mvg,
Dave
&#ç%Ü¿ÇÃ
En dergelijke hé? Symbolen zoals een telefoon, smilies en dergelijke moet je effectief als afbeelding invoegen in je website.
Een mogelijkheid is om de afbeelding in Word in te voegen en dan een screenshot te nemen en die dan te plakken en bewerken in photoshop.
Het gaat ook in paint, maar paint ondersteunt geen doorzichtige lagen. En daardoor kan je dus niet de achtergrond (rond de telefoon, ...) wegvegen en doorzichtig maken.
Maar meestal worden icoontjes gedownload van internet.
http://www.iconspedia.com/
(De website is Engelstalig, dus je moet ook Engelse zoektermen ingeven.)
Je kan die icoontjes dan downloaden als .png of .ico file. Voor website moet je de .png file downloaden.
Op deze site staan ook veel 'icon sets': http://www.freeiconsweb.com/index.html
Ook via google afbeeldingen vind je er veel. Het nadeel is alleen dat sommige betalend zijn. En om te voorkomen dat je de afbeeldingen opslaat (deze bijvoorbeeld): http://www.supershareware.com/images/sc ... -44095.jpg
Worden er strepen door gezet, zodat je ze niet kan 'stelen'
.Andere sites met gratis icons:
http://famfamfam.com/lab/icons/
http://www.techlogica.us/icons/free/
http://dryicons.com/free-icons/preview/aesthetica/
...
Voorbeelden van icoontjes:
http://dryicons.com/images/icon_sets/sy ... /phone.png
http://dryicons.com/images/icon_sets/sy ... _phone.png
Je kan ze ook in 16x16 formaat vinden: http://dryicons.com/free-icons/icons-li ... ze=16x16px
GSM's: http://www.iconspedia.com/pack/nokia-n-series/
Normaal gezien hebben alle icoontjes met de extensie .png een doorzichtige achtergrond. Normaal gezien, zorgt de maker daarvoor. Dat die doorzichtig is. Zodat je die kan plaatsen op een witte, zwarte, groene, rode, ... achtergrond, zonder dingen te moeten veranderen aan het icoontje.
Icoontjes met .ico extensie worden meestal gebruikt bij programma's of als favicon voor websites en dergelijke.
Mvg,
Dave
-
ultddave - Lid geworden op: 11 mei 2009, 13:59
- Locatie: Limburg > Genk
Ik krijg hier net een email van Kobbe van Coilge om te zeggen dat je ook het "webdings" font kan gebruiken hiervoor.
Dan kan je dus wel symbolen invoegen via "tekst" op je webpagina.
Lees wel eerst onderstaand bericht dat ik ook naar hem ga emailen:
Het font gebruiken in CSS doe je via:
http://www.purplehell.com/riddletools/w ... schart.htm
Zoals je op de site kan zien, heb je ook een font "wingdings", die kan je ook gebruiken. De ondersteuning van wingdings heb ik niet nagegaan, maar ik vermoed dat die hetzelfde is als bij webdings.
Mvg
Dave
Dan kan je dus wel symbolen invoegen via "tekst" op je webpagina.
Lees wel eerst onderstaand bericht dat ik ook naar hem ga emailen:
Het is dus sneller/handiger om de font te gebruiken, maar de ondersteuning is niet aanwezig op elke PC.Beste,
Webdings werkt niet op Linux.
Webdings wordt niet getoond in:
- Firefox
- Opera
Wel in:
- IE8
- Safari
- Google Chrome
(Op Windows)
De ondersteuning van webdings op MAC OS X heb ik nog niet getest. Maar normaal gezien wordt die ondersteund.
Het is veiliger om volledig browser safe fonts te gebruiken die aanwezig zijn op elk OS. Ofwel om gewoon afbeeldingen te gebruiken. In dit geval heeft hij maar een paar symbolen nodig. Dus is het niet veel werk om afbeeldingen te gebruiken.
Mvg,
Dave
Het font gebruiken in CSS doe je via:
Hier zie je de chart met overeenkomstige letters die je moet gebruiken om het symbool te tonen:font-family:Webdings;
http://www.purplehell.com/riddletools/w ... schart.htm
Zoals je op de site kan zien, heb je ook een font "wingdings", die kan je ook gebruiken. De ondersteuning van wingdings heb ik niet nagegaan, maar ik vermoed dat die hetzelfde is als bij webdings.
Mvg
Dave