Accès rapide aux articles de la page


Gravatar de E-PhasE

Le PNG au secours de la texture web 

  • 10 votes
    vote oui vote non

Soit un site découpé en trois parties : l'entête, le contenu et le pied de page. Ce site utilise une texture représentant une page de cahier à spirale arrachée qui se repète pour le contenu. Comment faire en sorte que la texture jointe parfaitement entre le contenu et le pied de page? Durée de l'épreuve : 10 minutes. attention, retournez les copie, c'est parti ! (mon kiki)

La jointure entre l'entête et le contenu n'est pas le sujet ici pour une raison toute simple : le bas de l'image d'entête jointe parfaitement avec haut de la texture du contenu .Mais il en est tout autre pour celle contenu <-> pied de page. Voici pour commencer les images de fond en question :

Le fond du bloc contenu

Le fond du pied de page

Effectivement, si on les jointes tel quel, elles forment un bloc parfait. Mais le contenu n'est pas un bloc de taille fixe en hauteur, il s'adapte au propos. Il se peut donc que l'on obtienne ceci :

La jointure

Nous remarquons que nos textures jointes parfaitement du côté droit, mais du fait de la nature irrégulière du côté gauche, il en est tout autrement...

La solution

Elle est relativement simple, il suffit d'utiliser comme image de fond des PNG transparents. Nous laisserons alors un "vide" de 20 pixel de haut sur notre image du pied de page. Du coté gauche, nous collerons alors un élément graphique qui masquera la jointure comme l'exemple ci-dessous (Le damier symbolisant les parties transparentes de notre images) :

La correction

Il suffira alors de remplir notre CSS comme ceci :

#content {
   margin 30px 30px 50px 30px; 
   background:transparent url(../imgs/fnd_content.png) repeat-y 0pt 0pt;
}
#footer {
   position:relative;
   top:-20px; /*on le décale de 30 pixels de haut*/
   height:200px;
   background:transparent url(../imgs/fnd_footer.png) no-repeat 0pt 0pt;
}

La marge du bas de notre bloc contenu (#content) est volontairement plus élevée de 20 pixel pour combler le décalage de notre pied de page (#footer)

Et voilà le résultat :

Le résultat...

Alors? bonne note ou pas?

Retourner au sommaire

Gravatar de E-PhasE

Xieme-art travaille pour un ami 

Tout s'est décidé aux Rencontres Mondiales du Logiciel Libre alors je présente à un ami un site fait avec CMSMS, Inkscape et GIMP qu'il trouve à son goût. Je lui propose donc un ravalement de façade pour son blog propulsé par Dotclear 2 (vous pouvez trouver ici et ici deux articles sur balises utiles pour habiller un DC2...).

Le travail avance bien, et voilà pour les plus curieux un petit aperçu du thème à venir... Le tout réalisé qu'avec des logiciels libres : Inkscape, GIMP et vim, disponible sous licence Creative Common dès qu'il sera terminé... Et après je passe à mon blog...

Moi qui étais jusqu'alors allergique à GIMP, je commence sérieusement à l'apprécier.

Retourner au sommaire

Gravatar de E-PhasE

Packard Bell Easynote B3410 : ma chérie adopte Ubuntu 

Suite au plantage complet du Windows installé sur le portable de ma chérie, elle m'a demandé de lui installer Ubuntu. Son portable, un Packard Bell easynote B3410 n'est cependant pas une machine facile pour une distribution Linux, en grande partie à cause de son chipset intégré Via et son contrôleur graphique S3 Unichrome. Vais-je arriver à convaincre?

Installation et paramétrages

Boot sur le live CD et installation

Ubuntu 8.04 intègre par défaut les pilotes Via Unichrome pour Xorg, donc à priori tout devrait bien se passer... Mais voilà, l'écran n'est quand même pas bien détecté : résolution est bien plus grande que celle de l'écran. Il suffit juste de remettre l'écran en 1024 par 768 dans Système > Préférences > Résolution de l'Écran. La carte Wifi est détectée, le son fonctionne et l'installation se passe sans encombre...

Premier démarrage après l'installation

Le problème de détection de l'écran réapparaît dès la fenêtre de connection GDM, je rentre login et mot de passe et je constate le même problème sur le bureau. Je remets la résolution adaptée comme sur le live CD, mais si le problème est résolu pour le bureau, il ne l'est pas pour la fenêtre de sélection GDM... Je suis bon pour une configuration manuelle du Xorg un petit sudo vim /etc/X11/xorg.conf et je modifie la section Screen pour qu'elle ressemble à ceci :

Section "Screen"
     Identifier          "Default Screen"
     Device             "Configured Video Device"
     Monitor            "Configured Monitor"
     Defaultdepht     24
     Subsection "Display"
          Depth         24
          Virtual         1024 768
          Modes          "1024x768@60"
     EndSubSection
EndSection

Problèmes de wifi

Ce portable intègre une carte wifi Texas Instrument acx, les pilotes sont intégrés et la carte est affichée et détecte le réseau de la maison avec le network manager. Il est cependant impossible de se connecter : un petit tour sur le wiki ubuntu-fr m'apprend que le module acx pour gérer cette carte ne fonctionne pas toujours très bien et qu'il vaut mieux utiliser ndiswrapper. Voici la page sur le wiki pour l'installer convenablement...

Les logiciels ajoutés

Pour que ma Loulloute puisse lire toutes ses vidéos, ses MP3 voir des sites utilisant flash ou Java, je lui ai installé le paquet ubuntu-restricted-extra en provenance du dépôt médiubuntu (voir ici sur le wiki ubuntu-fr). Toujours dans la catégorie multimédia, je lui ai installé VideoLan Client, son lecteur favori qu'elle utilisait déjà sous windows.

En provenance de ce même dépôt medibuntu, j'ai aussi installé Skype.

Les impressions de l'intéressée

Loulloute est séduite : nombreux outils fournis de base (Firefox, OpenOffice.org, Gimp...), rapidité du système et de la connection Internet, simplicité de l'utilisation du bureau Gnome. le thème de bureau et les icônes Human lui plaisent beaucoup, en moins de deux jours elle a adopté son nouveau système. Voilà donc une nouvelle Ubuntera heureuse, mission accomplie...

Retourner au sommaire

Gravatar de E-PhasE

Dessiner avec Inkscape : un nuage? 

  • 18 votes
    vote oui vote non

Dans cet article, je vais vous présenter une technique très simple pour dessiner de beaux nuages très simplement avec Inkscape. Comme pour mon précédent tutoriel, celui-ci nécessite de connaître un peu ce fabuleux logiciel de dessin vectoriel. À vos souris...

Le bleu du ciel

Ouvrons Inkscape, un document vierge apparaît alors, à l'aide de l'outil rectangle, dessinons un gros rectangle et colorons-le en bleu ciel.

Ensuite, ouvrons la fenêtre Calque (menu Calque>Calques ou raccourci clavier Ctrl+Shift+L ), cliquons ensuite sur le bouton + pour ajouter un calque (1), appelons le Nuages et positionnons le au dessus du calque 1 (notre rectangle bleu) (2).

Dans la fenêtre Calques, verrouillons maintenant le Calque 1 en cliquant sur le petit cadena à côté du nom.

Le nuage et son ombre

Pour le nuage, sélectionnons l'outil cercle, la couleur blanche dans la barre des couleurs en bas et mettons sur notre calque Nuages une série de cercles comme sur l'exemple ci dessous (en haut vue normale, en bas vue en mode "filaire").

à l'aide de l'outil flèche, sélectionnons l'ensemble des cercles puis transformons-les en un seul et même objet grâce au menu Chemin > Union (raccourci clavier Ctrl++)

Toujours avec l'outil flèche, sélectionnons notre nuage ainsi créé, copions le (menu Édition>Copier ou raccourci clavier Ctrl+c), collons le une première fois menu Édition>Coller ou raccourci clavier Ctrl+v) colorons le en noir (1), collons le une seconde fois et colorons le en rouge (2).

Plaçons le nuage rouge sur le noir comme que le dessin (1), sélectionnons les nuages noir et rouge et effectuons une différence (menu Chemin>Différence) (2)

Un peu de dégradé...

Pour dynamiser un peu notre nuage et son ombre, nous allons mettre des dégradés à la place des couleurs unies, commençons par le nuage à proprement parlé (1). Sélectionnons le, faisons apparaître la fenêtre "Remplissage et Contour (menu Objet>Remplissage et contour ou raccourci clavier Ctrl+Shift+F)''. Cliquons sur l'onglet Remplissage puis sur le bouton Dégradé linéaire (2). Ensuite, sélectionnons l'outil modification de dégradé pour obtenir quelque chose de similaire à (3) en bougeant les poignées de notre dégradé.

Faisons de même avec l'ombre de notre nuage

L'ombre de notre nuage risque être un peu trop prononcée, nous allons donc modifier son opacité. Sélectionnons la puis ouvrons la fenêtre Remplissage et Contour, mettons 35 à opacité.

On aligne le tout

Pour aligner le nuage et son ombre, sélectionnons les deux objets grâce à l'outil flèche (1), ouvrons la fenêtre Aligner et distribuer (menu Objet>Aligner et distribuer ou raccourci clavier Ctrl+Shift+A). Là, cliquons sur "Alignement horizontal centré (2), et Alignement vertical bas''(3). nos deux formes seront alors parfaitement superposées.

Tant que nos deux objets sont sélectionnés, groupons les (menu Objet>Grouper ou raccourci clavier Ctrl+G).

La touche finale

Sélectionnons notre nuage (1), ouvrons la fenêtre Remplissage et contour, dans la case flou mettons 7 puis validons (2) : nous obtenons alors un joli nuage (3)

Pour conclure

Avec cette petite technique, nous pouvons facilement créer des nuages assez réaliste, mais attention : l'effet flou demande beaucoup de puissance processeur, il faut donc les utiliser avec parcimonie. Pour éviter de gros problèmes de performance, mettez toujours les nuages sur un calque séparé que vous n'afficherez qu'en cas de nécessité...

Pour finir, voici un petit exemple de dessin réalisé avec cette technique, vous pouvez télécharger la source ici.

Retourner au sommaire

Gravatar de E-PhasE

Primptemps du libre le 24 mai à Blanquefort 

L'OpenExia organise le 24 Mai en partenariat avec l'Abul, Scideralle et Giroll une journée du logiciel libre au CESI Aquitaine de Blanquefort (Gironde). au programme de cette journée, conférences, installation, bonne humeur et convivialité...

Au programme

Les conférences

  • de 10h à 10h45 : Ubuntu au quotidien, découverte du libre avec Nicolas Derive et moi même du collectif Giroll.
  • de 11h à 11h54 : Le réseau communautaire FON de Blanquefort avec Willy Dupont de la mairie de Blanquefort.
  • à 14h : Logiciels libres en entreprise : Quels outils ? Quelles formation ? Quels prestataire?
  • à 14h : Logiciels et ressources libres pour l'éducation : Milieu scolaire, associations, éducation populaire par l'association Scideralle

Le midi, repas pique nique dans le parc du CESI. Apportez de quoi partager un repas convivial...

Toute la journée, install party et ateliers divers :

  • Création graphique avec Inkscape (ça, c'est ma partie)
  • Plus loin avec OpenOffice.org
  • Des usages à l'école maternelle
  • Les logiciels du Terrier
  • Plus loin avec Ubuntu 8.04 et Mandriva 2008

L'endroit

CESI Aquitaine 60 rue du Maurian 33200 Blanquefort Tél. 05.56.65.50.50

Affiche de la party

Liens

  • L'annonce de la party sur le site de l'OpenExia
  • L'annonce de la party sur le site Scidéralle
  • L'annonce de la party sue le site de l'Abul

Retourner au sommaire

Gravatar de E-PhasE

Install Party Giroll : Bonne humeur et radio libre 

L'install party Giroll est finie, mais nous sommes encore là pour vous présenter la radio libre. Après une journée de folies, une soixantaine de personnes, une vingtaine d'installations et des discussions en tout genres, nous prenons les "web ondes" histoire de discuter et vous présenter quelques créations musicales libres.

Une install party de rêve.

Encore une fois, nous avons assuré côté com' : Une soixantaine de personnes en majorité de la communauté urbaine de Bordeaux, mais aussi de toute la région : Dordogne, Landes et Béarn...

En clair beaucoup de monde, de gens intéressé, de rendez-vous pris et de héron installés (ou dépannés...).

Le temps était de la partie, de nombreuse "mini conférences" on eu lieu dehors à côté du point accueil mis en place pour l'occasion.

A l'intérieur, Nicolas Derive (Kalon33) nous faisait une conférence plus "officielle" sur les nouveautés apportées par la Hardy Heron.

En deux mots une super journée.

Et la radio : Giroll se jette à l'eau

Grâce à l'infrastructure mise en place par Antoine (et aussi tout le matos qui nous prête) Giroll se dote d'une webradio. tout les détails à cette adresse, passez nous écouter!!

Retourner au sommaire

Gravatar de E-PhasE

Ubuntu Hardy Party Girollienne : l'affiche pour tous 

Pour ceux qui sont intéressés, je met à disposition l'affiche de l'Ubuntu Hardy Party sous licence Creative Common by-nc-sa 2.5. Vous pouvez télécharger l'affiche au format SVG ici. Pour l'ouvrir correctement, vous aurez au préalable installer une version francisée (avec les accents) de la police MgOpen Modata que vous pouvez télécharger ici.

La police n'est sûrement pas parfaite, mais je ne suis vraiment pas un pro de la font! L'affiche est dessinée sous Inkscape 0.45, je vous conseille de l'ouvrir avec ce logiciel. Si certains d'entre vous ont besoin d'une version spéciale pour leur Ubuntu Party, je me ferais un plaisir, en fonction de mes disponibilités bien sûr, de vous aider! (ephase @ xieme-art . org)

english version

You can find here (english version) my poster in SVG format for our Ubtuntu Hardy Party under Creative Common by-nc-sa. It use a special version of the MgOpen Modata font, please download it here and install it before open the poster preferably with Inkscape.

If you need a special version of this poster for your party, I can help you to personalize it in my spare time, just contact me (ephase @ xieme-art . org).

l'affiche en question

Retourner au sommaire

Gravatar de E-PhasE

Ubuntu Hardy Party chez les girolles 

Le samedi 26 avril à partir de 10h, le collectif Giroll organise au centre d'animation Saint Pierre une Install party Ubuntu pour fêter dans la joie et l'allégresse la sortie de la nouvelle version 8.04 alias le Héron Robuste.

Venez déguiser un manchot en héron!

Vous aussi, venez déguiser un manchot en héron avec nous pendant cette joyeuse journée. Tout comme notre précédente édition, le matin sera plus dédié à l'amusement, nous partagerons un repas "libre" pendant lequel nous échangerons nos recettes et l'après midi sera dédiée à "l'install party".

Vous voulez en faire plus?

Si vous êtes motivés pour participer à un évènement du libre dans une ambiance détendue et participer activement à la vie du collectif, je vous invite à prendre contact avec moi (ephase_at_xieme-art_point_org) ou avec le collectif (contact_at_giroll_point_org). Nous avons besoin de toutes les bonnes volontés. Et plus on est des de fous .. :) Nous serions très heureux de vous accueillir.

Plus de détails...

Le programme n'étant pas encore bouclé et l'affiche pas encore finie (vous pouvez voir ci-contre notre mascotte en situation...), je donnerai plus de détails dans un futur billet.

Retourner au sommaire

Gravatar de E-PhasE

Atelier Inkscape chez les Giroll 

Le jeudi 3 et le samedi 5 avril 2008, le collectif Giroll organise deux ateliers d'initiation à Inkscape. au programme :

  • Le jeudi 3 avril de 18h30 à 20h30 : découverte d'Inkcape pour les débutant. Définition du dessin vectoriel, les formes de bases, les couleurs, l'outil courbes de bézier ... Pré-requis minimum : savoir se servir d'une souris, et utiliser un ordinateur.
  • Le samedi 5 avril de 14h à 18h : démonstration d'une technique de dessin vectoriel et pratique. L'inscription est obligatoire pour cet atelier.

Je serais l'heureux animateur de ces ateliers, et si tout ce passe bien, nous devrions arriver a ceci :

Ces atelier se dérouleront au Centre d'animation Saint Pierre, rue du Mulet à Bordeaux. Venez nombreux!

Retourner au sommaire

Gravatar de E-PhasE

Bien configurer le touchpad de son portable 

Grâce à l'article de Szdavid sur le Planet-libre, j'ai découvert que l'on pouvait configurer le touchpad d'un ordinateur portable sous Linux à la façon "MacOSX". Après avoir passé une petite heure a comprendre le fonctionnement de diverses petites option, je vous livre ici mes recherches. Le principe ici est de toucher au fichier de configuration du serveur X : xorg.conf, toute manipulation de ce fichier peut entraîner le dysfonctionnement de votre interface graphique, si vous réalisez ces modifications, c'est à vos risques et périls...

Sauvegarder votre fichier xorg.conf

C'est la première chose à faire, en bon geek bien trop sûr de lui, je ne l'ai pas fait au départ, résultat : un bon quart d'heure de re-configuration...

e-phase@eph-portable [~] : sudo cp /etc/X11/xorg.conf /etc/X11/xorg.conf.back

Éditer le fichier xorg.conf

Ouvrez le fichier xorg.conf à l'aide de votre éditeur de texte favori (Vim pour ma part), toujours dans un terminal :

e-phase@eph-portable [~] : sudo vim /etc/X11/xorg.conf

Trouvez la section :

Section "InputDevice"
       Identifier      "Synaptics Touchpad"
       Driver          "synaptics"
       Option          "SendCoreEvents"        "true"
       ...
EndSection

Rajoutez les options avant le EndSection.

Les options en questions

Permettre le clic droit à l'aide de deux doigts :

Option          "TapButton2"            "3"

Permettre le clic du milieux avec trois doigts

Option          "TapButton3"            "2"

Permettre le défilement vertical avec deux doigts (à la façon des Macbook)

Option         "VertTwoFingerScroll"   "true"

La même chose mais horizontalement

Option         "HorizTwoFingerScroll"  "true"

Permettre certaines actions sur les bords du touchpad :

       
       Option "RTCornerButton"  "0" #coin droit haut
       Option "RBCornerButton" "0" #coin droit bas
       Option "LTCornerButton"  "0" #coin gauche haut
       Option "LBCornerButton"  "0" #coin gauche bas

remplacez 0 (désactivé) par :

  • 1 clic gauche
  • 2 clic du milieu
  • 3 clic droit

Redémarrez votre session graphique

Pour que les changement soient effectifs, il faut maintenant redémarrer votre interface graphique, en appuyant simplement sur ctrl + alt + retour arrière. sur mon Dell C400, ces différents paramètres marchent sans problèmes, et sans installer quoi que se soit en plus...

sources d'inspiration : Bastnic's Blog et Post de Ricooo sur Ubuntu-fr

Retourner au sommaire

©2007 :: Hébergé par Tux-planet :: Valid CSS & XHTML :: Version 3.2.1

web tracker