Page 1 sur 1

[Tuto] Du code autoit en html

Posté : mer. 25 juin 2008 10:44
par jbnh
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 :

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 )
(Le code veut absolument rien dire, j'ai juste essayé de reprendre un max de couleur :mrgreen: )

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
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:

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>
Ce qui vous donnera tout simplement ceci:

Image

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

Image

Et voilà :mrgreen:

Des questions ou suggestions, n'hésitez pas.

Tutorial réalisé par Jbnh <hardwarez@hotmail.co.uk>

Re: [Tuto] Du code autoit en html

Posté : mer. 25 juin 2008 10:56
par ani
Un mot

BraVo :)

ps:Fait longtemp que j'ai plus touché au html/css, il serait temp que je m'y remette.

Re: [Tuto] Du code autoit en html

Posté : dim. 03 août 2008 02:03
par genaille08
j'ai pas compris comment on fait a paritr de "copy past"
sa veut dire quoi

et qui peut intervenir dans le code ???
seulement l'admin ???

Re: [Tuto] Du code autoit en html

Posté : dim. 17 août 2008 18:08
par jbnh
Copy past veut tout simplement dire copier coller.

Pour répondre a ta deuxième question, tout le monde peut accéder au code html (et uniquement html bien sur) d'une page (affichage -> source ou affichage -> code source de la page)

Le code html récupéré permettra d'afficher le code sur ton site enfait.