PDA

Bekijk Volledige Versie : Tutorial: MS stukje creŽren



Archibald
17/10/2011, 17:20
Vandaag zal ik jullie leren hoe je een goed stukje maakt voor je MS. Hopelijk leren jullie hier wat van bij. Het is de bedoeling dat jullie na vandaag zo'n stukje uitkomen:
http://i55.tinypic.com/2eek6rt.png

Stap 1: Ga naar de door jou gekozen site en kies een artikel. (Tip: Zoek een artikel dat reeds iets te maken heeft met de speler, club,...)
Voorbeeld: Ik heb een artikel van Wickham gekozen op VI. Waarom? Het stukje zal gaan over de transfer van hem.
http://i53.tinypic.com/28k7mgi.png

Stap 2: Ga naar de taakbalk en plaats de volgende code:
javascript:document.body.contentEditable ='true'; document.designMode ='on'; void 0
. Let goed op dat heel de code in je taalkbalk staat. Druk vervolgens op enter.

Voor:http://i52.tinypic.com/yndz9.png
=>
Na:http://i54.tinypic.com/16kdhg6.png

Stap 3: Vanaf nu is de site een gewoon word-document. Vanaf nu kan je beginnen met de tekst aan te passen. Met ctrl+B kan je je tekst dik zetten en met ctrl+i kan je je tekst schuin zetten.

Titel aanpassen: http://i52.tinypic.com/20zbcrr.png

Tekst aangepast:http://i53.tinypic.com/qoj2fm.png

Stap 4: Verwijder de overbodige zaken zoals reclame. Dit doe je door het te selecteren en dan op backspace of delete te klikken.

http://i51.tinypic.com/2rmnj3n.png

Stap 5: Maak een printscreen van je stukje en plaats deze in Paint.

http://i56.tinypic.com/3y55e.png

Stap 6: Met de selecteer-tool kan je je stukje bijsnijden en zo naar de juiste formaat zetten. Zorg dat je langs alle kanten juist afsnijdt! Selecteer je stukje en plaats deze naar de linkerbovenhoek. Nadien pas je de grootte van je paintblad aan. Dit doe je door aan het vierkantje rechtsonderaan te verplaatsen.

Selecteer-tool:http://i55.tinypic.com/2qnp8cp.png


Stukje bijsnijden:http://i56.tinypic.com/2dinbjo.png

Blauwe vierkantje: http://i55.tinypic.com/2v9b19x.png

Bijgesneden:http://i53.tinypic.com/2nqbaxg.png

Stap 7: Plaats de border rond je stukje met de hulp van de rechthoek-tool

rechthoek-toolhttp://i56.tinypic.com/29cruch.png

Border:http://i55.tinypic.com/2eek6rt.png

Bedankt voor jullie aandacht.:)

Casper
17/10/2011, 21:36
Het jammere is alleen dat de psd niet perfect is. Maar voor beginners zeer handig. Bedankt!

Noverca
17/10/2011, 21:39
Ikzelf gebruik nooit dat 'typen op internet' met die code. Dat kan je mijns inziens ook gewoon in Paint etc. doen. ;) Maar goed: goed dat er zo'n tut uit is gebracht. Vestigt weer een beetje aandacht op de MS's en zorgt ervoor dat mensen weten hoe en wat. :)

Vic
17/10/2011, 21:43
Erg handig voor beginners, hopelijk leren veel mensen hier iets van.

Check
17/10/2011, 21:53
Erg handig voor beginners! Goed dat dit gemaakt wordt.

TheNiek
17/10/2011, 22:10
Heel handig, maar als ik het intyp gaat hij direct naar mijn zoekmachine in dit geva Google. Hoe kan ik dit verhelpen? ;)

Archibald
17/10/2011, 22:29
TheNiek: Hmm, je moet eerst het adres verwijderen vooralleer je de code plaatst. Dus voor je code zou er niks mogen staan in je adresbalk. Normaal gezien zou hij dan niet naar je zoekmachine mogen verwijzen.;)

Chavanel
17/10/2011, 22:32
Nu nog zorgen dat mensen die net met een story beginnen dit ook gaan lezen ipv de leden die dit al wel kunnen.

TheNiek
17/10/2011, 22:33
Het werkt nog niet, maar wel bedankt! ;)

Archibald
17/10/2011, 22:34
TheNiek: Staat de code er helemaal juist in? En zo ja, met welke browser werk je dan?

Milano'99
17/10/2011, 22:44
Heel handig!^^ Ik ga het ook eens proberen.:)

Milano'99
18/10/2011, 13:03
Jelle *dubbelpost*

Als ik de code in de taakbalk plak, dan staat er dit: document.body.contentEditable ='true'; document.designMode ='on'; void 0 inplaats van dit: javascript:document.body.contentEditable ='true'; document.designMode ='on'; void 0

Dus javascript: staat er dan niet meer, is hier een oplossing voor? Als ik dat er bij type, en op enter druk, gaat ie heel raar doen.

TheNiek
18/10/2011, 13:08
Ja, hij staat er helemaal in. Ik gebruik chrome, maar heb het ook met IE geprobeerd. ;)

EDIT: Het is me gelukt! ;) Bedankt! ;)

Milano'99
18/10/2011, 13:17
Bij mij ook gelukt!:)

Chavanel
19/10/2011, 14:43
Als ik de code invoer in de werkbalk. Kan ik het aanpassen, natuurlijk. Maar dan worden er ook een aantal balkjes blauw. Met blauwe tekst en een blauwe streep eronder. Iemand enig idee hoe ik ervoor zorg dat het niet meer blauw is?

Archibald
19/10/2011, 15:54
Kevin.: Kan je even een printscreen maken?

Damian'
22/10/2011, 11:08
Ik werkte ook met deze code, tot dat ik VZ ging gebruiken voor PSD's. Daar gaat namelijk de tekst een stuk omlaag, en de fotohoekjes bovenaan worden rechthoekig.

Lars'
22/10/2011, 23:21
Als ik die code invoer, en dan op enter druk, dan staat die code er, maar kan ik niks veranderen..

Archibald
22/10/2011, 23:23
Staat alles er helemaal juist in? Check eens goed na Lars'.;) Zoja, welke browser gebruik je? Normaal werkt ie bij elke browser.

Lars'
22/10/2011, 23:25
Staat alles er helemaal juist in? Check eens goed na Lars'.;) Zoja, welke browser gebruik je? Normaal werkt ie bij elke browser.

Ja, het staat er helemaal in, en ik gebruik Firefox.

Archibald
22/10/2011, 23:26
Normaal moet ie gewoon werken.;) Hij doet het bij mij gewoon perfect.

Lars'
22/10/2011, 23:31
Normaal moet ie gewoon werken.;) Hij doet het bij mij gewoon perfect.

Vreemd, waar zou het nog meer aan kunnen liggen?

Chavanel
22/10/2011, 23:32
Is Firefox bij jou ingesteld als hoofdbrowser? Zo niet, dan kan je het beter proberen op je hoofdbrowser.

Lars'
22/10/2011, 23:33
Is Firefox bij jou ingesteld als hoofdbrowser? Zo niet, dan kan je het beter proberen op je hoofdbrowser.

Ja, het is m'n hoofdbrowser. ;)

Chavanel
22/10/2011, 23:38
Mijnes ook en bij mij doet die het ook niet zo goed. Zal wel minder goed werken op Mozilla Firefox misschien.

Bob
02/11/2011, 15:13
Nette tutorial Jelle, mooi werk!

Patrick
28/03/2013, 10:54
Sorry voor deze bash, maar de code werkt niet meer?

Begiristain
28/03/2013, 11:16
Sorry voor deze bash, maar de code werkt niet meer?
van damme

flitter9
28/03/2013, 13:51
Sorry voor deze bash, maar de code werkt niet meer?

Je moet goed opletten. Als je Chrome gebruikt, net als ik, dan vervalt het stukje: "javascript://" als het goed is. Dan moet je dit er even zelf voor zetten en dan doet hij het gewoon :bigsmile: Patrick

Joa
02/04/2013, 22:34
Of je creŽert stukjes als een baas en gebruikt die code niet.

Frederico
24/04/2013, 14:03
van damme Ik geef de code in, enter en dan gebeurt er gewoon niets?

Begiristain
24/04/2013, 16:53
Als het helemaal niet lukt kan je er ook voor kiezen om het stukje zelf aan te passen. Mocht het niet lukken dan moet je het maar even zeggen Frederico. Deze codes heb ik zelf ook nooit gebruikt dus hierover kan ik je geen advies geven.

flitter9
24/04/2013, 16:56
van damme Ik geef de code in, enter en dan gebeurt er gewoon niets?

Waarschijnlijk vervalt het stukje "javascript:" Ik heb dit ook als ik Google Chrome gebruik. Dus je moet javascript: er gewoon nog even voor zetten en dan op Enter drukken.

Alex
24/04/2013, 16:57
Frederico Gebruik je Google Chrome? Zo ja, dan moet je zelf javascript: voor de code zetten. En anders kan je als het goed is gewoon stukken tekst aanpassen/verwijderen. Lukte bij mij wel in ieder geval.

Frederico
24/04/2013, 17:05
Bedankt, het werkt :)

Archibald
25/04/2013, 10:57
Sorry dat ik niet zo snel kon antwoorden Frederico.. Als ik weer eens wat tijd heb, zal ik de tutorial nog wel wat aanpassen en eventueel duidelijker maken.

Archibald
14/05/2013, 18:22
Hier is dan de aanpassing. Velen zullen er zeker wat aan hebben. Have fun!


http://www.youtube.com/watch?v=cezQNAhC5m8&feature=youtu.be

Frank'
14/05/2013, 18:32
Mooie tut Archi!