Un moteur de recherche instantanée

Rédigé par govez - 05 mai 2012

Voici un moteur de recherche instantanée basé sur Google. Il permet de rapidement trouver les liens si on utilise des mots clés précis.
Vous trouverez sur la droite une petite documentation permettant de raffiner vos recherches.


Le moteur de recherche instantanée

Un clic sur l'image l'ouvre dans une fenêtre fancybox, un clic sur le lien du titre l'ouvre dans une nouvelle page.

Si vous souhaitez l'installer sur votre ordinateur ou sur votre site, télécharger le fichier à partir du code source : il s'agit d'une seule page html contenant le code, le script et le css.

Classé dans : Réseau - Internet - Mots clés : internet - aucun commentaire

Oh mais Scrot alors !

Rédigé par govez - 21 février 2012

Drôle de nom pour ce logiciel de capture d'écran !
Scrot (SCReenshOT) est un utilitaire de ligne de commande.
Avec scrot vous pouvez capturer une image de votre bureau en entier, une fenêtre spécifique sur votre bureau ou votre terminal.
Scrot supporte les formats d'images JPG, GIF et PNG que vous indiquez simplement dans la commande en console.

Installation

# aptitude install scrot

Utilisation

Capture d'écran du bureau

(la capture d'écran sera enregistrée comme bureau.png).
$ scrot ~/bureau.png

Capture d'une fenêtre

(la souris sert à définir la zone à capturer ou à choisir la fenêtre par un clic)
$ scrot -s ~/fenetre.png

Capture différée (avec compte à rebours)

C'est l'option -d suivi par le nombre de secondes pour retarder la prise (ici, 10 secondes)
$ scrot -d 10 ~/capture.png
L'option -c affiche le compte à rebours
$ scrot -cd 10 ~/capture.png

Création d'une vignette

L'option -t (thumbnail) crée en plus une miniature (capture-thumb) de la capture d'écran, il suffit de spécifier le pourcentage par rapport à la taille originale ou de spécifier une taille (400x300 par exemple). Une miniature de 50 %
$ scrot -t 50% ~/capture.png
Une miniature de 400x300
$ scrot -t 400x300 ~/capture.png

Qualité de la capture

L'option -q règle la qualité de l'image (75 par défaut) Une image à 70% de qualité
$ scrot -q 70 ~/capture.png
Ouvrir la capture avec un visualisateur d'image

Capture, puis ouveture avec gpicview

$ scrot ~/capture.png -e 'gpicview $f'
Pour capturer uniquement une fenêtre Cliquez ensuite sur la fenêtre à capturer
$ scrot ~/capture.png -sbe 'gpicview $f'

Raccourcis clavier

Éditons le fichier rc.xml :
$ nano ~/.config/openbox/rc.xml
Puis ajoutez ces lignes dans la section <!- Keybindings for running applications ->
<keybind key="Print">
	<action name="Execute">
		<execute>scrot -e 'gpicview $f' </execute>
	</action>
</keybind>

<keybind key="A-Print">
	<action name="Execute">
		<execute>scrot -sbe 'gpicview $f' </execute>
	</action>
</keybind>
Sauvegardez votre fichier et rechargez OpenBox :
$  openbox –reconfigure
À présent la touche Impr prendra une capture de l’ensemble de votre bureau et la combinaison des touches Alt + Impr permettra de capturer la fenêtre sélectionnée par un clic de souris. Scrot est donc un logiciel léger et très puissant.

Classé dans : Multimédia - Graphisme - Mots clés : logiciels - aucun commentaire

Des flèches dans vos pages web

Rédigé par govez - 14 février 2012

Il est possible d'afficher sur vos pages web des flèches en utilisant le codage décimal ou hexadécimal.
Le code décimal devra être sous la forme &#code; et le code hexadécimal &#xcode;.

Exemple

&#8618; ou &#x21AA; nous donnent ↪.
Codage des flèches
Type de flèche Code décimal Code hexadécimal
8592 2190
8593 2191
8594 2192
8595 2193
8596 2194
8597 2195
8598 2196
8599 2197
8600 2198
8601 2199
8602 219A
8603 219B
8604 219C
8605 219D
8606 219E
8607 219F
8608 21A0
8609 21A1

Ceci n'est qu'un extrait de ces tableaux unicodes ; vous pouvez également insérer des formes géométriques ◮ , des pièces de mahjong 🀉 , des symboles musicaux 𝄫 , des caractères Braille ⠟ des dominos 🁕 ou des logos ✍ .
Vous devrez peut-être installer une ou plusieurs polices multilingues afin d'afficher certains caractères.
Pour connaître tous ces codes rendez-vous sur http://www.alanwood.net/unicode/#links.

Classé dans : Xhtml - Mots clés : xhtml, typographie, pluxml - aucun commentaire

L'alphabet phonétique international

Rédigé par govez - 12 février 2012

L'alphabet phonétique international (API) est un alphabet utilisé pour la transcription phonétique des sons du langage parlé. Contrairement aux nombreuses autres méthodes de transcription qui se limitent à des familles de langues, l'API est prévu pour couvrir l'ensemble des langues du monde.

Utilisation dans un traitement de texte

Si on n’a pas les caractères de l’API dans les « caractères spéciaux » on peut installer une fonte spécialisé sur son ordinateur.
Les fontes Doulos SIL de SIL International (http://www.sil.org/) sont Open Source.

Téléchargez cette police puis copiez le fichier DoulosSIL-R.ttf dans votre répertoire .fonts. Dans votre traitement de texte, choisissez d'insérer des caractères spéciaux ; choisissez la police Doulos et l'alphabet phonétique international pour afficher vos caractères.



Choisir les polices API dans libre Office

Intégration dans une page Html

L’insertion de caractères de l’API dans un document pour publication sur Internet ne peut pas se faire par simple insertion du caractère phonétique.
Il faut insérer le code qui représente chaque caractère.
Pour insérer son propre code, voici un tableau qui présente les caractères de l'alphabet phonétique, il suffit d'insérer les codes HTML (ceux de la dernière colonne).
Tableau des voyelles
Phonème Graphies Exemples HTML
[ a ] a, à, ha lac, à, habit &#97;
[ ɑ ] â, a pâte, cadre &#593;
[ ɑ̃ ] an, am, en, em, han, aon divan, jambe, gentil, remplir, hanté, paon &#593; &#771;
[ ə ] e, ai, on leçon, faisan, monsieur &#601;
[ e ] é, er, ai, ez, hé égal, danser, j'aurai, chez, hélas &#101;
[ ε ] è, e, ai, ei, ê, he, et, ey, enn, ess, ett sève, espoir, j'aime, neige, crêpe, herbe, jouet, Ciney, chienne... &#949;
[ ø ] eu, oeu jeu, voeu &#248;
[ œ ] eu, heu, oeu seul, heure, oeuf &#339;
[ i ] i, y, ï, hi fourmi, cygne, haïr, hiver &#105;
[ ɛ̃ ] in, im, en, ain, ein, aim singe, impoli, chien, train, frein, faim &#603; &#771;
[ o ] o, au, eau, hau, ô rose, autour, peau, hauteur, drôle &#111;
[ ɔ ] o, au, ho note, mauvais, homme &#596;
[ ɔ̃ ] on, om, hon carton, pompier, honte &#596; &#771;
[ u ] ou, où, oùu honte, soupe, où, goût &#117;
[ y ] u, û, hu têtu, bûche, humide &#121;
[ œ̃ ] un, um lundi, parfum &#339; &#771;

Tableau des semi-voyelles
Phonème Graphies Exemples HTML
[ j ] i, ll, il, ill, y pied, billet, travail, rouille, yogourt &#106;
[ w ] oi, oin, ou, w loi, soin, oui, Halloween &#119;
[ ɥ ] u, hu lui, huit &#613;

Tableau des consonnes
Phonème Graphies Exemples HTML
[ b ] b abri &#98;
[ k ] c, cc, qu, k, ch café, occupé, quand, kilo, chorale &#107;
[ ʃ ] ch achat &#643;
[ d ] d, dd don, addition &#100;
[ f ] f, ff, ph fort, siffler, phrase &#102;
[ g ] g, gu globe, déguisé &#103;
[ ɲ ] gn saigner &#626;
[ ʒ ] j, g, ge jeu, agile, plongeon &#658;
[ l ] l, ll lune, ballon &#108;
[ m ] m, mm amour, commande &#109;
[ n ] n, nn nature, personne &#110;
[ p ] p, pp pouce, appeler &#112;
[ r ] r, rr, rh rond, verre, rhume &#114;
[ s ] s, ss, c, ç, t, x sel, tousser, cinéma, garçon, invention, six &#115;
[ z ] s, z raison, zéro &#122;
[ t ] t, tt, th très, attache, thé &#116;
[ v ] v vite &#118;
[ ks ] x, cc, xc taxi, accident, excité &#107; &#115;
[ gz ] x examen &#103; &#122;

Un exemple

gentil ▶ [ ʒɑ̃ti ] a pour code :
[ &#658;&#593;&#771;&#116;&#105; ]

Classé dans : Bureautique - Mots clés : bureautique, xhtml, astuces - aucun commentaire

Un menu surgissant en jQuery

Rédigé par govez - 11 février 2012

Voici comment utiliser un menu surgissant (popup) sous Pluxml.
Je l'appelle « popmenu ».
Il est possible de l'intégrer dans un article, dans la sidebar ou dans la barre de navigation.
Il faudra, bien sûr, utiliser des identifiants différents si vous souhaitez utiliser plusieurs menus et ne pas avoir d'erreurs W3C.

Son utilité

Il permet de gagner de la place sur l'espace d'affichage.

Un exemple

Un survol de la souris sur menu surgissant ▶ permet d'afficher un nouveau menu.
Il disparaîtra au survol d'un des items.

Comment procéder ?

Comme d'habitude, trois fichiers sont à renseigner : header.php de votre thème, l'article et le fichier style.css de votre thème.
Allons-y !
Le script à insérer dans le fichier header.php :
<script type="text/javascript">
    	$(function() {
        $('.popmenu_title').mouseover(function() {
        $('.popmenu').fadeIn("fast", "linear");
        });
        $('.popmenu').mouseleave(function() {
        $('.popmenu').fadeOut("fast", "linear");
        });
    	});
</script>
Renseignez les éléments du menu à afficher.
Ce code est à placer dans la sidebar, le pied de page, la barre de navigation ou dans un article
Vous devez régler les coordonnées de l'affichage pour ce nouveau menu (margin-left et margin-top).
<a class="popmenu_title" href="#">nom du menu</a>
	<div class="popmenu" style="margin-left:450px; margin-top:-255px;">
		<a class="more" href="url 1">Titre 1</a><br />
		<a class="more" href="url 2">Titre 2</a><br />
		<a class="more" href="url 3">Titre 3</a><br />
		<a class="more" href="url 4">Titre 4</a><br />
		<a class="more" href="url 5">Titre 5</a><br />
	</div>
Le style (c'est le mien ; à vous de l'adapter à votre thème).
/** Menu surgissant 1 **/
.popmenu_title {color: #8A4354;	text-decoration: none;}	
.popmenu{
    margin-top:5px;
	padding: 5px 10px;
	font-size: 0.9em;
	display:none;
	background:#DADACB;
	border: 2px solid #958573;
	position:absolute;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;	
	z-index:3; }
.popmenu a {color: #8A4354;}
.popmenu  a:hover {color: #999; }
.more {color: #555; text-decoration: none;}

Prolongements

Si vous souhaitez utiliser un deuxième menu surgissant indépendant, il faudra utiliser un autre script et une configuration Css différente : un exemple

Classé dans : Javascript - Mots clés : jquery, javascript, pluxml - 1 commentaire

page 1 sur 42suivante»

Ce blog est sous licence Creative Commons. Vous pouvez utiliser les publications, les modifier et même les publier à nouveau sous une licence identique à celle-ci. Vous ne pouvez pas utiliser ces écrits à des fins commerciales.

Patrice Blondel 
			alias Govez ou le Pingouin des @lpes

J'ai 54 ans, je suis instituteur au CP et CE1 dans une petite école de Haute-Savoie.
Passionné d'informatique, je suis autodidacte en la matière. J'utilise GNU/Linux exclusivement depuis plus de 10 ans. J'ai choisi Debian (après avoir testé beaucoup d'autres distributions). La meilleure distribution est celle que l'on maîtrise.
J'anime, le deuxième lundi de chaque mois, les soirées du club info qui se déroulent à partir de 20h30 dans l'école que je dirige.

Pour vous y retrouver :

Je vous conseille d'utiliser d'abord le bouton « recherche » en tapant un mot clé. Vous pouvez également naviguer en affichant les articles par catégorie.

Les commentaires :

En indiquant votre adresse mail, vous ferez afficher votre avatar au début du commentaire.
Je me réserve le droit de supprimer les commentaires désobligeants, commerciaux ou sans intérêt.

Statistiques

7 visiteurs en ligne

Localiser les membres

Prévisions de publication

Catégories

Archives

Mots clés

Derniers articles

Derniers commentaires

L'actualité Debian

LinuxFr.org