- CREATION DE LA BALISE codeshell
- L'idée du contenu de cette structure à été rédigé à une époque fort lointaine par
Christophe alias zarer
que je salue bien bas ;-)
Il etait possible d'intégrer un script de coloration syntaxique tel SyntaxHighlighter pour un rendu plus sympa mais Bof ! Pourquoi faire compliqué quand on peut faire (plus) simple ...
Code à ajouter au fichier css:.codeshell { background-color: black; border-left: 10px solid green; color: white; font-size: 13px; font-family: "Courier New", Courier, Monaco, Lucida, serif; font-weight: normal; margin: 8px 0pt; overflow: auto; padding: 5px; text-align: justify; text-indent: 0px; }
Exemple de code script:<pre class="codeshell"> // // gboolean dvd_foreach_is_norm_selected (GtkTreeModel *model, GtkTreePath *path, GtkTreeIter *iter, gpointer user_data) { VAR *var = NULL; gtk_tree_model_get (model, iter, DVD_POINTER_STRUCT_COLUMN, &var, -1); if (var->type_list_dvd == _DVD_DATA_ALL || var->type_list_dvd == _DVD_DATA) if (var->EtatNormalise == TRUE) var_dvd.BoolNormIsSelected = TRUE; return FALSE; }</pre>
Résultat:// // gboolean dvd_foreach_is_norm_selected (GtkTreeModel *model, GtkTreePath *path, GtkTreeIter *iter, gpointer user_data) { VAR *var = NULL; gtk_tree_model_get (model, iter, DVD_POINTER_STRUCT_COLUMN, &var, -1); if (var->type_list_dvd == _DVD_DATA_ALL || var->type_list_dvd == _DVD_DATA) if (var->EtatNormalise == TRUE) var_dvd.BoolNormIsSelected = TRUE; return FALSE; }
Libre à vous de modifier le contenu de la structure codeshell suivant ce que vous désirez comme effets ! ... - MODIFICATION DE LA BALISE <pre>
- Plus besoin de déclaration de la balise codeshell depuis le fichier css ! Une simple modification comme suis sera alors necessaire :
pre { color: white; background-color: black; border-color: silver; border-style: solid; border-width: 1px 1px 1px 5px; border-left: 5px solid green; padding: 5px; overflow: auto; }
Exemple de code script:<pre> // // gboolean <FONT COLOR="red">dvd_foreach_is_norm_selected</FONT> (GtkTreeModel *model, GtkTreePath *path, GtkTreeIter *iter, gpointer user_data) { VAR *var = NULL; gtk_tree_model_get (model, iter, DVD_POINTER_STRUCT_COLUMN, &var, -1); if (var->type_list_dvd == _DVD_DATA_ALL || var->type_list_dvd == _DVD_DATA) if (var->EtatNormalise == TRUE) var_dvd.BoolNormIsSelected = TRUE; return FALSE; }</pre>
Résultat:// // gboolean dvd_foreach_is_norm_selected (GtkTreeModel *model, GtkTreePath *path, GtkTreeIter *iter, gpointer user_data) { VAR *var = NULL gtk_tree_model_get (model, iter, DVD_POINTER_STRUCT_COLUMN, &var, -1); if (var->type_list_dvd == _DVD_DATA_ALL || var->type_list_dvd == _DVD_DATA) if (var->EtatNormalise == TRUE) var_dvd.BoolNormIsSelected = TRUE; return FALSE; }
- CREATION DE LA BALISE lettrine
Le code à ajouter au fichier css:
.lettrine { color: black; float: left; font-family: Georgia, georgia, serif; font-size: 52px; font-weight: 900; line-height: 45px; margin-right: 3px; }Exemple de code script:
<span class="lettrine">C</span> eci est peut-être une évidence (il est bien connu, et depuis longtemps, que ``Nécessité est mère d'Invention'') mais trop souvent on voit des développeurs de logiciels passer leurs journées à se morfondre à produire des programmes dont ils n'ont pas besoin et qu'ils n'aiment pas. Ce n'est pas le cas dans le monde Linux -- ce qui peut expliquer pourquoi plupart des programmes issus de communauté Linux sont de si bonne facture.... et qui produira: ( paragraphes puisé depuis cette page )
C eci est peut-être une évidence (il est bien connu, et depuis longtemps, que ``Nécessité est mère d'Invention'') mais trop souvent on voit des développeurs de logiciels passer leurs journées à se morfondre à produire des programmes dont ils n'ont pas besoin et qu'ils n'aiment pas. Ce n'est pas le cas dans le monde Linux -- ce qui peut expliquer pourquoi plupart des programmes issus de communauté Linux sont de si bonne facture.
Vous trouverez des pages qui expliques différemment l'Art de la lettrine:
- http://edu.ca.edu/exemples/lettrines/lettrine.html
- http://on-air.hiseo.fr/css3/lettrine-en-css3/
- http://www.css-faciles.com/mise-en-page.php
Le code à ajouter au fichier css:
kbd { border: 2px outset; padding: 2px; background-color: #E5E5E5; }Exemple de code script:
Le raccourci clavier <kbd>Ctrl + A</kbd> ...Résultat:
Le raccourci clavier Ctrl + A ...