IMfamouss Voeg toe als vriend Stem topsite!
Bezoekers vandaag: 20 Bezoekers Totaal: 170105 Punten deze maand: 0 Punten totaal: 2812 Home - Inloggen - Aanmelden - Zoeken
- » tutorials

0242011-10-16 13:42:49

CSS-klikmenu

Ik wil graag weten of je de code gebruikt hebt en er ook echt wat
aan hebt gehad. Zodat ik door kan gaan met codes & tutorials
plaatsen en ze verbeteren. Dus laat alsjeblieft een reactie achter
en tips etc. xx Amy

 

Moeilijkheidsgraad: *****

<STYLE type=text/css>

a.menu:link

{ border-left:1px none #FFFFFF;

border-right:1px none #FFFFFF;

border-bottom:1px none #FFFFFF;

border-top:1px none #FFFFFF;

background-color: # FFFFFF;

width:180px;

display: block;

color:#FFFFFF;

cursor:crosshair;}

a.menu:active

{ border-left:5px none #FFFFFF;

border-right:1px none #FFFFFF;

border-bottom:1px none #FFFFFF;

border-top:1px none #FFFFFF;

background-color:#FFFFFF;

width:180px;

display: block;

color:#FFFFFF;

cursor:crosshair;}

a.menu:visited

{ border-left:5px none #FFFFFF;

border-right:1px none #FFFFFF;

border-bottom:1px none #FFFFFF;

border-top:1px none #FFFFFF;

background-color:#FFFFFF;

width:180px;

display: block;

color:#FFFFFF;

cursor:crosshair;}

a.menu:hover

{ border-left:5px none #FFFFFF;

border-right:1px none #FFFFFF;

border-bottom:1px none #FFFFFF;

border-top:1px none #FFFFFF;

background-color:#FFFFFF;

width:180px;

display: block;

color:#FFFFFF;

cursor:crosshair;}

</STYLE>

 

<DIV style="LEFT: 0px; WIDTH: 816px; POSITION: absolute; TOP: 0px; HEIGHT: 600px" align=left><IMG src="Url/link layout" border=0></DIV>

<DIV align=left><DIV style="BORDER-RIGHT: #000000 0px solid; BORDER-TOP: #000000 0px solid; LEFT: 276px; OVERFLOW: hidden; BORDER-LEFT: #000000 0px solid; WIDTH: 162px; BORDER-BOTTOM: #000000 0px solid; POSITION: absolute; TOP: 320px; HEIGHT: 35px; BACKGROUND-COLOR: transparent">

<DIV align=left><A class=menu style="WIDTH: 128px; HEIGHT: 15px" href="#1"><FONT face=Verdana color=#ffffff size=1><SPAN style="FONT-SIZE: 8pt; COLOR: black; FONT-FAMILY: Verdana; mso-fareast-font-family: 'Verdana'; mso-bidi-font-family: 'Verdana'; mso-ansi-language: NL; mso-fareast-language: NL; mso-bidi-language: AR-SA">Intro</SPAN></FONT></A></DIV><DIV align=left></DIV>

</DIV></DIV><DIV align=left><DIV style="BORDER-RIGHT: #000000 0px solid; BORDER-TOP: #000000 0px solid; LEFT: 276px; OVERFLOW: hidden; BORDER-LEFT: #000000 0px solid; WIDTH: 162px; BORDER-BOTTOM: #000000 0px solid; POSITION: absolute; TOP: 320px; HEIGHT: 35px; BACKGROUND-COLOR: transparent">

<a name="1"></a>Intro<BR><BR>Hier je tekst.
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

<BR><BR><BR><BR><BR><BR>


</DIV></DIV>

Open je pagina waar je je klikmenu wilt hebben en kies dan pagina bewerken met codes. Kopieer bovenstaand code (deze is helemaal compleet inclusief tekstvakken, je hoeft hem dus niet nog eens te coderen) en plak deze op je pagina. Sla je pagina op en ga dan nogmaals naar je pagina toe, maar dan klik je op pagina bewerken zonder codes. Je sleept de tekstvakken naar de juiste/desgewenste plaats (in dit geval zijn het maar 2 tekstvakken, maar je kunt er zelf meer bij maken) en je slaat je pagina weer op. Nu ga je weer terug naar je pagina bewerken met codes. Nu kun je eigenlijk van alles gaan aanpassen.

Wil je een extra link in je klikmenu erbij, dan kopieer je onderstaande code. #1 moet je veranderen in #2 en wil je er nog een bij wordt het #3 enzovoort. Is je 2e kopje bijvoorbeeld Portfolio, dan verander je de tekst Intro in Portfolio.

 

<DIV align=left><A class=menu style="WIDTH: 128px; HEIGHT: 15px" href="#1"><FONT face=Verdana color=#ffffffsize=1><SPAN style="FONT-SIZE: 8pt; COLOR: black; FONT-FAMILY: Verdana; mso-fareast-font-family: 'Verdana'; mso-bidi-font-family: 'Verdana'; mso-ansi-language: NL; mso-fareast-language: NL; mso-bidi-language: AR-SA">Intro</SPAN></FONT></A></DIV><DIV align=left></DIV>

 

Dan moet je natuurlijk ook nog tekstvakken bij de andere links hebben. Kopieer onderstaande code net zo vaak als dat je links hebt. Zorg ervoor dat 1 > 2, 3 enzovoorts wordt, overeenkomen met de link. Dus 1 wordt dan 2 en Intro zou dan Portfolio worden (zorg ervoor dat de link namen overeenkomen met de tekstvak namen)

 

<a name="1"></a>Intro<BR><BR>Hier je tekst.
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

<BR><BR><BR><BR><BR><BR>

 

Je kunt zelf kiezen hoeveel links en tekstvakken je neemt.

Bewerken van je layout;

 

a.menu:link gaat over de bewerking van de link zelf (kleuren, lettertype etc.)

a.menu:active gaat over de bewerking van als je op de link hebt geklikt (kleuren, lettertype etc.)

a.menu:visited gaat over de bewerking van als je op de link hebt geklikt (kleuren, lettertype etc.)

a.menu:hover gaat over de bewerking van met de muis over de link heen gaan (kleuren, lettertype etc.)

 

none : geen rand/helemaal niets

solid : vaste streep ________

dashed : streepjeslijn ---------
dotted : stippeltjeslijn ...........

double : dubbele lijn ======

inset : 3D effect

outset : 3D effect

groove : 3D effect

ridge : 3D effect

 

#FFFFFF : kleurcode (op Google kun je deze terugvinden)

 

1px : px staat voor pixels, hoe groter je het getal maakt, hoe dikker de lijnen worden

 

cursor:crosshair : dit is de stijl van je muis/cursor

 

Verdana : dit is de naam van je lettertype dit kun je vervangen voor een ander lettertype. Je kunt kiezen uit de volgende; Arial // Courier // Sans Serif // Tahoma // Verdana // Wingdings // Comic Sans MS // GothicE // Stylus BT // Times New Roman // RomanC

 

align=left : align is de richting (de kant) waar je tekst staat.. dus bij left staat je tekst links (uitlijnen). en bij right komt je tekst rechts (uitlijnen). Je verandert alleen dit : align=left en die kun je vervangen voor right.

Schrijf reactie (alleen leden)


0232011-10-03 14:37:35

bewegende button maken met gif movie gear

Ik wil graag weten of je de code gebruikt hebt en er ook echt wat
aan hebt gehad. Zodat ik door kan gaan met codes & tutorials
plaatsen en ze verbeteren. Dus laat alsjeblieft een reactie achter
en tips etc. xx Amy

Moeilijkheidsgraad: *****

Programma: Photofiltre studio x, Gif Movie Gear (4)

Tijdsduur: ± 10 minuten

Benodigdheden: achtergrond button

Credit: weheartit (afbeelding)

1) Open Photofiltre studio x

2) Open een nieuw bestand en zet Width op 88 en Height op 31 en klik op OK.

3) Je hebt dan dit als je het goed hebt gedaan.

4) Zoek op Google, Weheartit of ergens anders een achtergrondje op voor je button. Ik gebruik nu deze achtergrond voor de button.

5) Kopieer de achtergrond, ga naar PhotoFiltre studio x en kies Past as new image.

6) Je hebt nu de de achtergrond en het lege vakje naast elkaar staan, zoals hieronder.

7) Klik met je rechter muisknop op de achtergrond en klik vervolgens op Copy. Nu klik je met je rechtermuisknop op het lege vakje en dan klik je op Paste.

8) Dan kun je de achtergrond wegklikken (kruisje) en houdt je dit over.

9) Nu zorg je dat je nog een paar van dezelfde vakjes krijgt. (minimaal 2 anders kun je er geen bewegende afbeelding van maken en maximum is er niet, gewoon zoveel jij er wilt of nodig hebt). Ik heb er voor nu maar even 3 gemaak.

10) Nu klik je bovenaan in je werkbalk op de T. dan krijg je het zelfde venster als hieronder te zien. Ik zal het een beetje uitleggen.

Font : hier kun je het lettertype veranderen

Size : de grootte van je lettertype

Bold : dikgedrukt

Italic : schuin

Strike out : streep door je tekst

Underline : streep onder je tekst

Color : de kleur van je lettertype

Angle : de hoek van je tekst (je kunt hem dus schuin zetten hiermee)

Text input : hier typ je wat je op je button wilt hebben

Preview : hier kun je zien hoe je lettertype wordt

Klaar.? Dan klik je op OK.

11) Zet nu ook tekst op je andere buttons (de tekst elke keer in een andere kleur)

12) Sla ze nu allemaal op. Klik links bovenaan in je werkbalk op File en dan op Save as.. Zorg ervoor dat je ze opslaat als een .PNG bestand ivm de kwaliteit.

13) Nu kun je PhotoFiltre Studio x afsluiten, want die heb je niet meer nodig. Nu start je Gif Movie Gear.

14) Klik nu links bovenaan op File en dan op Insert Frame(s)..

15) Nu kom je in je bestanden. Zoek je buttons op en selecteer ze allemaal tegelijk en klik op openen.

16) Als je het goed hebt gedaan zie je nu ongeveer zoiets.

17) Nu selecteer je je buttons allemaal weer (CTRL ingedrukt houden en dan met je linkermuisknop aanvinken). bovenin de balk zie je een klokje, hoe hoger je het getal daarin maakt, hoe langzamer je buttons voorbij komen (de tijd die tussen elke button zit). Je ziet in de balk ook een play knop > zitten, als je daarop klikt, krijg je een voorbeeld van hoe je button er bewegend uit komt te zien.

18) Tevreden met je eindresultaat.? Klik dan links bovenin de werkbalk op File en dan op Save as..

19) Geef je button een bestandsnaam. Zorg dat er achter Opslaan als: GIF Animation/image(s) (.gif) staat en achter Save as style: Animation.

20) Nu kun je Gif Movie Gear sluiten. Start het internet en ga naar Tinypic.com . Je ziet nu dit, klik op Bladeren..

21) Zoek je button op tussen je bestanden en open hem.

22)  Dan klik je op Upload now!

23) Dan krijg je eerst nog een ander schermpje, waarbij je de 2 woorden moet overtypen voordat je verder kunt met uploaden. Tyyp de woorden over en klik dan op Upload now!

24) En dan staat rechts bovenaan na het uploaden je button.!

                      

 

Ik ben benieuwd naar jullie creaties en of deze tutorial duidelijk was.. xx

Schrijf reactie (alleen leden)


0222011-09-26 19:28:24

ruitjespatroon over je afbeelding met photofiltre studio x

Ik wil graag weten of je de code gebruikt hebt en er ook echt wat
aan hebt gehad. Zodat ik door kan gaan met codes & tutorials
plaatsen en ze verbeteren. Dus laat alsjeblieft een reactie achter
en tips etc. xx Amy

Moeilijkheidsgraad: *****

Programma: Photofiltre studio x

Tijdsduur: ± 3 minuten

Benodigdheden: afbeelding

Credit: weheartit (afbeelding)

1) Open Photofiltre studio x

2) Open je afbeelding vanuit je bestanden in Photofiltre studio x of kopieer de afbeelding en doe hem plakken door op de rechtermuisknop te klikken en dan op Paste as new image.

3) Dan klik je links bovenaan op edit en vervolgens op Stroke & fill.. Vervolgens opent er een nieuw venster.

4) Dan krijg je onderstaand venster te zien. Ik loop hem van boven naar beneden door.

- Opacity staat nu op 100%, dat is de intensiteit van de ruitjes, zet die op 20/25% (of iets naar eigen keus).

- Zorg ervoor dat fill aangevinkt staat

- met Color kun je de kleur van de ruitjes veranderen

- Bij style heb je keuze uit meerdere patronen zoals je ziet, ik heb hier de onderste gekozen (de ruitjes).

- Het is handig om Direct preview aan te vinken, zo kun je meteen zien hoe het eruit ziet op je afbeelding.

Als je dat allemaal gedaan hebt en je bent tevreden dan klik je op Ok.

5) Sla je afbeelding tenslotte nog op en je bent klaar. Zie hier het eindresultaat.

En meerdere variaties.

..

..

Schrijf reactie (alleen leden)


0212011-08-27 20:16:03

mini cursor/muis

 Ik wil graag weten of je de code gebruikt hebt en er ook echt wat
aan hebt gehad. Zodat ik door kan gaan met codes & tutorials
plaatsen en ze verbeteren. Dus laat alsjeblieft een reactie achter
en tips etc. xx Amy

<style type="text/css">
body { cursor: url(http://www.freewebs.com/iohulp/cursor01.ani); }
</style>
 

Kopieer de bovenstaande code & plak in pagina bewerken met codes. Sla je pagina op en je hebt een mini muis/cursor zoals hieronder.

 
Schrijf reactie (alleen leden)
Yummily (14) 2011-10-06 22:10:22
Oah, handig! Kan dit gewoon met allerlei pixeltjes? xxx


0202011-08-27 20:02:22

layout coderen

 Ik wil graag weten of je de code gebruikt hebt en er ook echt wat
aan hebt gehad. Zodat ik door kan gaan met codes & tutorials
plaatsen en ze verbeteren. Dus laat alsjeblieft een reactie achter
en tips etc. xx Amy

<DIV style="LEFT: 0px; WIDTH: 816px; POSITION: absolute; TOP: 0px; HEIGHT: 600px" align=left><IMG src="Hier de url" border=0></DIV>

 

<DIV style="LEFT: 0px; WIDTH: 816px; POSITION: absolute; TOP: 0px; HEIGHT: 600px" align=left><IMG src="Hier je tekst" border=0></DIV>

Kopieer de bovenstaande code & plak in pagina bewerken met codes. Bij hier de url, plak je de url/link van je layout, die je kunt uploaden via bijvoorbeeld imageshack.us of tinypic.com. De onderste van de 2 bovenstaande codes is voor een tekstvak invoegen in je layout. Wil je dus een tweede tekstvak erbij, dan moet je alleen de onderste code nogmaals kopiëren voor een tweede tekstvak. Nu sla je je pagina op, als je dat hebt gedaan ga je nogmaals naar dezelfde pagina maar nu klik je op pagina bewerken zonder codes. Je ziet dat je tekstvak(ken) helemaal verkeerd staat en de verkeerde grootte heeft. Hier kun je je tekstvak(ken) verslepen naar de desgewenste plek & de juiste grootte geven. Je ziet in de code staan TOP: 0px;  dit houdt in dat je layout over allees heen komt te staan. Wil je je bezoekersaantal en stem topsite etc. wel zien boven je layout, dan verander je TOP: 45px;

Schrijf reactie (alleen leden)


0192011-08-25 20:54:57

lightstocks invoegen met photofiltre studio x 

Ik wil graag weten of je de code gebruikt hebt en er ook echt wat
aan hebt gehad. Zodat ik door kan gaan met codes & tutorials
plaatsen en ze verbeteren. Dus laat alsjeblieft een reactie achter
en tips etc. xx Amy

Moeilijkheidsgraad: *****

Programma: Photofiltre studio x

Tijdsduur: ± 3 tot 5 minuten

Benodigdheden: lightstock, afbeelding (waar je de lightstock op wilt hebben)

Credit: weheartit (afbeelding)

* Voor het gemak kun je het beste beginnen/oefenen met bovenstaande afbeelding & lightstock.

1) Open eerst Photofiltre studio x (nieuw bestand/lege pagina)

2) Open je afbeelding in photofiltre studio x (& laat in klein venster staan) of kopieer de afbeelding en doe hem plakken door op de rechtermuisknop te klikken en dan op Paste as new image.

3) nu kopieer je de lightstock en die plak je er bij (plakken gaat weer hetzelfde als hierboven)

4) Als je het goed hebt gedaan zie je nu dit [x] 

5) Dan selecteer je je lightstock (ctrl+A) en plak je die in hetzelfde venster als waar de afbeelding in staat, je krijgt dan het volgende (de lightstock overlapt de afbeelding)

6) Zorg ervoor dat je layer 1 geselecteerd hebt staan (hieronder donkerblauw). Helemaal rechts onderaan je scherm zie je staan layer 1 (lichtblauw op de afbeelding hieronder), hierbij staat de balk op 100% die schuif je naar ongeveer 35% je ziet dat de lightstock doorzichtiger wordt net als hieronder. (Je kunt natuurlijk ook zelf bepalen op welk % je de balk zet, hoe lager je komt, hoe doorzichtiger je lightstock wordt.)

7) Het eindresultaat (je kunt de lightstock natuurlijk plaatsen waar je maar wilt.!)

* Wat vond jij van deze tutorial, please describe. tips en verzoeken zijn altijd welkom.!

Schrijf reactie (alleen leden)
chauds (13) 2011-08-29 13:12:10
gelukt ! hele fijne uitleg, lukte in een x. dankje!
chauds (13) 2011-08-28 17:54:55
Dankje, ga straks evenproberen ben nu op me iPod hihi. Miss kun je er een plaatje onder zetten van het resultaat ? X
chauds (13) 2011-08-27 10:38:05
aaah ik wacht!


0182011-08-25 20:27:47

brushes invoegen met photofiltre studio x 

Ik wil graag weten of je de code gebruikt hebt en er ook echt wat
aan hebt gehad. Zodat ik door kan gaan met codes & tutorials
plaatsen en ze verbeteren. Dus laat alsjeblieft een reactie achter
en tips etc. xx Amy

 

Moeilijkheidsgraad: *****

 

Programma: Photofiltre studio x

Tijdsduur: ± 3 tot 5 minuten

Benodigdheden: brush, afbeelding (waar je de brush op wilt hebben)

Credit: xmodernworld (voor de brush)

* Voor het gemak kun je het beste beginnen/oefenen met bovenstaande afbeelding & brush.

1) Open eerst Photofiltre studio x (nieuw bestand/lege pagina)

2) Open je afbeelding in photofiltre studio x (& laat in klein venster staan) of kopieer de afbeelding en doe hem plakken door op de rechtermuisknop te klikken en dan op Paste as new image.

3) nu kopieer je de brush en die plak je er bij (plakken hetzelfde als hierboven)

4) Als je het goed hebt gedaan zie je nu dit [x] 

5) Dan selecteer je je brush (ctrl+A), je laat hem geselecteerd staan (1) & klikt vervoglens op Edit (2),

Paste Special (3) & ten slotte op Mask (4).

6)Wat je nu hebt gedaan is dat je hem als het ware transparant hebt gemaakt.  Er verschijnt dan een

soort kopie linksbovenin van je brush, dat is de doorzichtige die je nodig hebt.

7) Dan selecteer je je brush weer (1), je gaat naar je afbeelding toe (2), als je op de afbeelding staat doe je ctrl+v

(plakken). (4) Na het Mask'en van je brush kan het zijn dat deze twee icoontjes switchen, zorg ervoor dat die

aangevinkt staat op het pijltje.! Lichtblauw; voordat je je brush doet Mask'en bij stap 5, kun je hier een andere kleur aanvinken, je brush krijgt dan ook die kleur.

8) Het eindresultaat (je kunt de brush natuurlijk plaatsen waar je maar wilt.!)

Tip: Je kunt ook teksten op deze manier invoegen in je afbeeldingen.

  * * * * *
Schrijf reactie (alleen leden)


0172011-08-25 20:26:16

Beam invoegen in afbeelding met photofiltre studio x

 

Ik wil graag weten of je de code gebruikt hebt en er ook echt wat
aan hebt gehad. Zodat ik door kan gaan met codes & tutorials
plaatsen en ze verbeteren. Dus laat alsjeblieft een reactie achter
en tips etc. xx AmyMoeilijkheidsgraad: *****

Programma: Photofiltre studio x

Tijdsduur: ± 3 tot 5 minuten

Benodigdheden: beam, afbeelding (waar je de beam op wilt hebben)

Credit: google.nl

* Voor het gemak kun je het beste beginnen/oefenen met bovenstaande afbeelding & beam.

1) Open eerst Photofiltre studio x (nieuw bestand/lege pagina)

2) Open je afbeelding in photofiltre studio x (& laat in klein venster staan)

3) Open in hetzelfde bestand ook de beam

4) Als je het goed hebt gedaan zie je dit [X]

5) kopieer nu de beam (rechtermuisknop op de beam klikken en dan op copy)

6) nu plak je je beam in de afbeelding (rechtermuisknop op afbeelding & dan paste

7) De kans is groot dat de beam te groot is (soms te klein), klik met je rechtermuisknop op de beam die in de afbeelding staat. Er verschijnt een lijst, in die lijst klik je op Redim layer (hiermee kun je de grootte van de beam aanpassen).

8) Nu krijg je dit te zien (zie afbeelding hieronder) als je de beam wat omlaag sleept, krijg je die randjes - - -  te zien en kun je de grootte aanpassen door het kleine vierkantje in de hoek naar binnen te slepen (kleiner maken.)

9) Je zorgt er voor dat de beam het goede formaat krijgt en je sleept hem op de goede plek. Tevreden.? Dan klik je met je rechtermuisknop op de beam en dan op Validate (klaar met aanpassen).

 

10) Als het goed is zie je nu het volgende: (de lijn loopt nog voor het meisje langs)

11) Helemaal aan de rechterkant van het scherm van Photofiltre studio x, staat een 'werkbalk', daaruit pak je de gum & kies je een formaat naar keuze (ik gebruik zelf het grootste rondje)

 

12) Nu haal je om en om een lijn weg met de gum (waarom om en om.? zo lijkt het alsof de beam om het meisje heen draait) let er op dat je hem wel op layer 1 hebt staan links bovenaan (anders gum je het meisje weg ipv de beam).

13) Ten slotte sla je de afbeelding op. Als je het goed hebt gedaan heb je ongeveer zoiets gekregen:

 
Schrijf reactie (alleen leden)
Swaggablondje (19) 2011-08-28 14:41:21
kan je deze ook gewoon maken met photofiltre niet met studiox


0162011-08-25 20:23:39

uploaden met Imageshack.us

 Ik wil graag weten of je de code gebruikt hebt en er ook echt wat
aan hebt gehad. Zodat ik door kan gaan met codes & tutorials
plaatsen en ze verbeteren. Dus laat alsjeblieft een reactie achter
en tips etc. xx Amy

1) Start internet en ga naar Imageshack.us.

2) Klik op Browse om een plaatje/afbeelding uit te zoeken die jij wilt uploaden.

3) Nadat je op Browse hebt geklikt, komt er een nieuw venster tevoorschijn. Je zoekt in de map Afbeeldingen naar jouw afbeelding (in mijn geval dus umi) en je klikt op Openen.

4) Vervolgens verdwijnt het nieuwe venster en krijg je dit te zien: (naam van je afbeelding/plaatje + grootte van het bestand) hoef je verder niets mee te doen. En je klikt op Upload now.

5) Dan moet je heel eventjes wachten tot hij je bestand heeft geupload (wordt een balkje groen) en dan krijg je het volgende te zien (zie afbeelding hieronder) je kunt dan klikken op View full size voor het volledige formaat. Direct Link is voor als je een layout hebt gemaakt, dan gebruik je die link/url.

 
Schrijf reactie (alleen leden)


0152011-08-25 20:19:12

lettertype downloaden & installeren

Ik wil graag weten of je de code gebruikt hebt en er ook echt wat
aan hebt gehad. Zodat ik door kan gaan met codes & tutorials
plaatsen en ze verbeteren. Dus laat alsjeblieft een reactie achter
en tips etc. xx Amy

Moeilijkheidsgraad: *****

Programma: Paint, Word

Tijdsduur: ± 3 á 5 minuten

Benodigdheden: dafont.com

Credit: -

 1) Ga naar dafont en kies een lettertype. Voor het gemak neem ik dit lettertype:

 

2) Helemaal rechts staat Download, daar klik je op.

3) Dan opent een nieuw venstertje waar drie opties staan: openen, opslaan & annuleren. Je klikt op opslaan.

4) Dan kom je weer in een nieuw venster. Hier gaan we het zip-bestand (je lettertype) in opslaan. Voor het gemak kun je je lettertype het beste opslaan in Afbeeldingen, zo hoef je niet lang te zoeken. Je verandert niets aan de naam van het lettertype. En je klikt vervolgens op opslaan.

5) Dan is je computer heel even bezig (gaat heel snel) en dan is je lettertype opgeslagen. Nu ga je naar je map Afbeeldingen (via start).

6) Als je map Afbeeldingen is geopend, klik je het zip bestand met de rechter-muisknop aan, er verschijnt dan een "lijst". Daar klik je vervolgens op Alles uitpakken..

7) Dan krijg je een nieuw venster te zien. Je verandert niets aan de doel-map (C:UsersPicturesChampagne_limousines) kan ook wat anders staan dat is niet erg. Hokje aanvinken en dan klik je op Uitpakken.

8) Als je het goed gedaan hebt (hokje hierboven aangevinkt) krijg je deze bestanden te zien (kunnen er bij elk lettertype een andere hoeveelheid zijn), deze kopieer je, het readme bestand heb je niet nodig.

9) Dan ga je naar configuratiescherm (Via start). Dat klik je aan.

10) Dan zoek je Vormgeving en persoonlijke instellingen (kan bij andere besturings programma's iets anders zijn, bijvoorbeeld bij XP, VIsta en 7) [dit is met windows 7]

11) Dan klik je op Lettertypen (of Fonts).

12) Dan krijg je als het goed is een pagina met allemaal verschillende lettertypen, daar klik je met je rechtermuisknop op een leeg stukje & dan kies je plakken.

13) Je kunt nu alles wegklikken. Open nu Word, klik lettertype aan en zoek naar je lettertype (in dit geval dus Champagne & limousines). Nu kun je hem gebruiken, ook in Paint, Excel, etc.

Schrijf reactie (alleen leden)
annebabyx (15) 2011-10-04 16:47:27
superhandy, ik heb gelijk een paar lettertypes gedownload