[Tuto] Du code autoit en html
Posté : mer. 25 juin 2008 10:44
Faut dire, le code autoit avec plein de belles couleurs c'est joli, seulement voila, vous avez un site et vous voulez afficher le code de votre joli programme, mais en noir, c'est pô bô.
Voici comment faire :
Sur notre beau forum autoit votre code est affiché ainsi :
(Le code veut absolument rien dire, j'ai juste essayé de reprendre un max de couleur
)
Ensuite vous cliquez sur la barre de votre navigateur internet: affichage -> source ou affichage -> code source de la page
Le code html de la page apparait, a vous de retrouvez la ligne du début du code autoit. Le plus facile est de faire edition -> rechercher et de taper Code:
A vous de copy past le code ce qui donnera pour mon code ceci:
Et mettez le dans votre page html. Toutefois quelques réglages s'impose. Je vous donne donc directement les réglages css à executer pour un texte uniforme pour les deux navigateurs:
Ce qui vous donnera tout simplement ceci:

Si vous voulez un cadre comme sur le forum, voici le fichier html à avoir:
Ce qui vous donnera:

Et voilà
Des questions ou suggestions, n'hésitez pas.
Tutorial réalisé par Jbnh <hardwarez@hotmail.co.uk>
Voici comment faire :
Sur notre beau forum autoit votre code est affiché ainsi :
Code : Tout sélectionner
#include <GuiConstants.au3>
#include <WinApi.au3>
#include <GdiPlus.au3>
Global $ahCallBack[2], $iPrecent
GUICtrlCreateLabel("", 9, 9, 302, 22, -1, $WS_EX_STATICEDGE)
$hGraphic2 = _GDIPlus_ImageGetGraphicsContext($hBitMap)
$Depth = 1.64 ; Min = 1.10 Max = 1.70
msgbox(0,"System Uptime","Days: "&$iDays& ", Hours: "&$iHours &", Minutes: "&$iMins & ", Seconds: "&$iSecs )

Ensuite vous cliquez sur la barre de votre navigateur internet: affichage -> source ou affichage -> code source de la page
Le code html de la page apparait, a vous de retrouvez la ligne du début du code autoit. Le plus facile est de faire edition -> rechercher et de taper Code:
A vous de copy past le code ce qui donnera pour mon code ceci:
► Afficher le textele code html
Code : Tout sélectionner
<HTML>
<HEAD>
<STYLE type="text/css">
<!--
A { text-decoration: none }
body {font-size: 100%}
-->
</STYLE>
<!--[if IE]>
<STYLE type="text/css">
A { text-decoration: none }
body {font-size: 80%}
</STYLE>
<![endif]-->
</HEAD>
<BODY>
<div class="autoit" id="cb88015" style="font-family: monospace;">
LE CODE HTML ICI
</div>
</BODY>
</HTML>

Si vous voulez un cadre comme sur le forum, voici le fichier html à avoir:
► Afficher le textedu code html

Et voilà

Des questions ou suggestions, n'hésitez pas.
Tutorial réalisé par Jbnh <hardwarez@hotmail.co.uk>