Compatible Source Box with Script Languages *

[ExcelFreak]

Beste,

Ik heb een vraagje.
Hoe krijg ik zo een source box geïmplementeerd op mijn website die dezelfde kleuren hanteerd als Powershell/Javascript/CSS etc. zelf? (Ik heb de source box omcirkeld met een groene lijn) Zoals hieronder:


De bovenstaande afbeelding heeft geen regelnummers aan de linkerkant, weet u dan ook hoe ik die dingen erbij kan zetten en het zo professioneel mogelijk kan houden? Zie hieronder voor een voorbeeld met regelnummers:


Ik zou eigenlijk willen weten hoe ik het kan combineren: Source Code box + kleuren die overeenkomen met scripttalen/programmeertalen net zoals die afbeelding erboven + regelnummers ..
Dus eigenlijk zo iets:



Zou iemand me hierbij kunnen helpen?
Ik dank u alvast voor de moeite die u neemt.

[ Voor 7% gewijzigd door ExcelFreak op 21-11-2017 16:03 ]

[RobIII]

Je zult een syntax-highlighter moeten gebruiken zoals geshi o.i.d. maar wat veel makkelijker is is je code laten hosten en highlighten door github. Maak gewoon een gist aan en neem daarna de 'embed' over in je eigen pagina. Dat geeft iets zoals dit.

[ Voor 23% gewijzigd door RobIII op 21-11-2017 16:38 ]

[ExcelFreak]

Maar als ik op bijv. Create secret gister of Create public gist klik dan krijg ik geen embed code terug maar een soort lijst?

RobIII schreef op dinsdag 21 november 2017 @ 16:35:
Je zult een syntax-highlighter moeten gebruiken zoals geshi o.i.d. maar wat veel makkelijker is is je code laten hosten en highlighten door github. Maak gewoon een gist aan en neem daarna de 'embed' over in je eigen pagina. Dat geeft iets zoals dit.

[RobIII]

ExcelFreak schreef op woensdag 22 november 2017 @ 17:37:
een sport lijst?

Een wat??

Makkelijker dan dit kan ik 't niet maken:





Geeft:

HTML:

<script src="https://gist.github.com/RobThree/ef6627131834b47323f80ebcf5dbebc9.js"></script>

En dat plak je dan ergens in je pagina en dat geeft:

[ Voor 81% gewijzigd door RobIII op 01-12-2017 10:53 ]

[ExcelFreak]

Dank u wel voor de hulp.
U heeft mij fantastisch op weg geholpen ^^.

RobIII schreef op woensdag 22 november 2017 @ 18:12:
Makkelijker dan dit kan ik 't niet maken:

[afbeelding]

[afbeelding]

Geeft:

HTML:

<script src="https://gist.github.com/RobThree/ef6627131834b47323f80ebcf5dbebc9.js"></script>

En dat plak je dan ergens in je pagina en dat geeft:

[html]<script src="https://gist.github.com/RobThree/ef6627131834b47323f80ebcf5dbebc9.js"></script>[/html]

[ExcelFreak]

Kan een moderator de juiste titel aan dit topic geven? Zodat het vindbaar is voor anderen? Ik dank u alvast.

[RobIII]

ExcelFreak schreef op vrijdag 1 december 2017 @ 10:31:
Kan een moderator de juiste titel aan dit topic geven?

En die moeten we dan zelf maar verzinnen Doe dan op z'n minst een voorstel. Verder kun je daar voortaan een Topic Report (klik op ' rapporteer' bovenaan een topic) voor doen i.p.v. dat je het topic (weer) omhoogschopt met een reactie die, inhoudelijk, niets toevoegt.

En als je dan toch een vraag-topic start en wil dat 't goed gevonden en bekeken wordt: markeer dan ook even het "beste antwoord" door op de desbetreffende knop te drukken zodat "zoekers" ook zien dat je probleem opgelost is en je topic dus een oplossing bevat. En het zou helemaal mooi zijn als je, per onze Quickstart, even aangeeft hoe je 't nu precies hebt opgelost mocht dat afwijken van de gegeven antwoorden.

[ Voor 66% gewijzigd door RobIII op 01-12-2017 10:54 ]

[ExcelFreak]

Dank u wel voor de feedback.

RobIII schreef op vrijdag 1 december 2017 @ 10:50:
[...]

En die moeten we dan zelf maar verzinnen Doe dan op z'n minst een voorstel. Verder kun je daar voortaan een Topic Report (klik op '[afbeelding] rapporteer' bovenaan een topic) voor doen i.p.v. dat je het topic (weer) omhoogschopt met een reactie die, inhoudelijk, niets toevoegt.

En als je dan toch een vraag-topic start en wil dat 't goed gevonden en bekeken wordt: markeer dan ook even het "beste antwoord" door op de desbetreffende knop te drukken zodat "zoekers" ook zien dat je probleem opgelost is en je topic dus een oplossing bevat. En het zou helemaal mooi zijn als je, per onze Quickstart, even aangeeft hoe je 't nu precies hebt opgelost mocht dat afwijken van de gegeven antwoorden.

[RobIII]

ExcelFreak schreef op zaterdag 2 december 2017 @ 22:43:
Dank u wel voor de feedback.


[...]

RobIII schreef op vrijdag 1 december 2017 @ 10:50:
... i.p.v. dat je het topic (weer) omhoogschopt met een reactie die, inhoudelijk, niets toevoegt.

Verder is 't ook niet nodig om complete posts te quoten als je eronder erop reageert zonder dat er iemand anders tussen zit. En als je quote, probeer dan een beetje selectief te quoten (het stukje waar je op reageert bij voorkeur) i.p.v. de complete post over te nemen.