Bienvenue sur mon blog !

n'hésitez pas à laisser vos commentaires

J'écoute : la BO de Juno ("all I want is you will you be my [husband]")
Je regarde : Greys Anatomy et The Tudors
Je lis : un livre sur "image et transgression" au Moyen Âge (enfin il faudrait que je le lise pour être plus exact)
Je joue : pas, mais j'aimerais bien
Je mange : du miel (ben oui pour changer de la confiture :D)
Je bois : water for ever
Je cite : Vindobonensis 95 (I Hälfte 12. Jh.)
Je pense : à mon emploi du temps pourri plein de chevauchements
Je rêve : *chante* à ma vie en orangeuu, tout brille et tout changeuuu
(mis à jour vendredi 3 octobre 2008 à 02:57)

18/12/2010

recherche un modèle

Salut tout le monde !

Je cherche un modèle pour poser nu ou habillé dans l'optique de faire une BD. En fait je peux dessiner sans modèle mais le corps humain c'est pas vraiment ça et je voudrais quelque chose de mieux fait. J'utiliserais ce corps pour mes personnages, auxquels je grefferai une tête différente (oui dit comme ça, ça fait un peu "Mars attack"), parce que les têtes c'est facile à trouver sur internet. Mais les corps soit c'est du porno soit ils sont dans des poses tarabiscotées et jamais celles que je voulais de prime abord.

Ce ne serait pas rémunéré (je suis étudiant) mais j'offre le café (ou thé ou chocolat) et une oreille compatissante pendant que je dessine.

Je précise que j'habite à Levallois près d'une ligne de métro.

merci d'avance !

26/10/2009

BD : Konrad et Paul

Notice

Titre : Konrad et Paul
Scénariste : Ralf König
Dessinateur : Ralf König
Nombre de volumes (à ce jour) : 7
Appréciation perso : bonne

Présentation générale

Ralf König est un auteur allemand de bandes dessinées gays. Son oeuvre la plus connue est probablement le récit des aventures de Konrad et Paul, un couple "libre". Konrad est plutôt "sérieux" : il joue du piano, donne des cours à des ptits jeunes pour lesquels il en pince un peu. Quand à Paul, c'est un petit nerveux avide de sexe avec des grands gars musclés et poilus. Le ton est humouristique, souvent cru et acide. Autant vous prévenir : les femmes y sont un peu maltraitées (elles ressemblent à rien), mais par contre les hommes sont sexys à mourir (enfin, certains d'entre eux en tout cas). => je vous laisse seuls juges chers gayens

Titre des différents tomes :
+Couilles de taureau (Bullenklöten !)
+Tranches de vit (Big Dick)
+Cuirs et sentiments (Overkill)
+Damna internat, si anal ! (Batman returns)
+Poppers ! Mange-cul ! Pince-tétons ! (Poppers! Rimming! Tittentrimm!)
+Super Paradise (id.)
+Et maintenant, embrassez-vous ! (Sie dürfen sich jetzt küssen)

Mon avis

Souvent drôle, cette BD a le mérite d'aborder des questions touchant l'homosexualité sans tomber systématiquement dans le porno. Toutefois, ça reste surtout une histoire des gays du milieu (les cuirs, les bears, les travestis, etc.) et tous ne s'y reconnaîtrons pas forcément. On relèvera quelques passages touchant des sujets sensibles comme le sida, traités avec une certaine sensibilité.

13/10/2008

Demande d'un gayen : image de fond fixe et voile rose sur le portrait

Voici ton code (pour le fond rose, si tu veux le modifier il faut modifier directement l'image donc il faudra que tu me précise si ça te va ou pas) :

body
{
background: url('http://www.gayattitude.com/photo/z/e/zenattitude/20081005-24326836348e8cdf1e4069.jpg');
background-attachment: fixed;
}

#PORTRAITCONTENU
{
background: url('http://gwalap.free.fr/temp/rose.png');
border: solid 0px;
}
#PORTRAITHEADER { background: url('http://gwalap.free.fr/temp/rose.png');
}

08/10/2008

BD : Le Moine Fou / les Voyages de He Pao

Notice

Titre : Le Moine Fou
Scénariste : Vink
Dessinateur : Vink
Nombre de volumes (à ce jour) : 10
Appréciation perso : très bonne

Titre : Les Voyages de He Pao
Scénariste : Vink
Dessinateur : Vink
Nombre de volumes (à ce jour) : 4
Appréciation perso : très bonne

Présentation générale

Il s'agit d'une série d'albums (14 jusqu'à présent) regroupés en deux volets. Ils retracent l'histoire d'une jeune fille d'origine espagnole nommée He Pao dans la chine médiévale. Attirée par les arts martiaux, elle découvre par hasard la technique très convoitée et très puissante du moine fou. Il s'agit d'un art martial qui donne à son possesseur des capacités hors du commun, tout en changeant radicalement sa façon de percevoir le monde, sa beauté (sens aiguisés...). Il ne faut pas rechercher dans cette BD le récit d'un super héros tel qu'on pourrait le concevoir dans les marvel américains : He Pao ne cherche pas à sauver le monde ou une ville ou quoi que ce soit d'ailleurs. Elle ne fait que "vivre sa vie", mais une vie pleine d'aventures au cours de laquelle elle est conduite à affronter de nombreux ennemis (désireux d'annihiler ou posséder l'art martial du moine fou). Elle se lie aussi à un certain nombre de personnages qui la suivent dans ses tribulations.

Premier volet : Le Moine Fou

Dans cette première partie des aventures de He Pao, la jeune fille est en quête de ses origines. Il s'agit de ses origines familiales (elle a été "trouvée" étant bébé et ne connait rien de ses parents), mais également des origines de son art martial (à savoir le moine fou). Cette première partie est composée de 10 volumes (regroupés récemment en deux gros volumes).

Deuxième volet : Les voyages de He Pao

Ce second volume est le récit des tribulations de He Pao après qu'elle ait décidé que la quête de ses origines a été menée à son terme. L'art martial du moine fou est connu pour faire plonger ceux qui le pratiquent dans la folie. De plus, He Pao découvre que cet art martial est extrèmement dangereux pour son possesseur, qui peut même le conduire à une mort atroce. C'est pourquoi ce deuxième volet est consacré à la maîtrise de l'art martial du moine fou par He Pao.

Mon avis

Une histoire bien menée et pleine de suspens, qui nous transporte dans la chine médiévale. Mais comme He Pao, nos tribulations ne s'arrêtent pas là, et Vink (l'auteur) nous invite également à voyager en Corée (tome 7 du moine fou) et au Tibet (tome 4 des voyages de He Pao). L'auteur sait donner corps et vie à ses personnages qui sont crédibles et attachants. Le rythme est assez soutenu (on ne s'ennuie pas, et le scénario ne se dégrade pas au fur et à mesure des épisodes), mais il ne s'agit pas non plus de combats interminables comme dans certains mangas. Enfin, j'ajouterais que les dessins sont vraiment superbes, d'une qualité rare pour une bande dessinée.

Extrait

BD : Alex et la vie d'après

Présentation

"Alex est un jeune homosexuel. Suite à un rapport sexuel à risque, il découvre sa séropositivité. Cette nouvelle va bouleverser sa vie…. Sa rencontre avec différents personnages va lui permettre, malgré des moments de désespoir, de trouver une nouvelle façon d’envisager l’avenir."

source : site du groupe belge de prévention du sida ex aequo

Mon avis

Le scénario est bien fichu et cette BD a le mérite d'être une source d'informations sur le sida (pour ceux qui ne sont pas infectés, ce qui ne savent pas s'ils le sont et les séropositifs). Ca m'a rappelé un peu un passage de Super Paradize de Ralf König où Paul découvre qu'il est séropo. Je trouve que les dessins sont vraiment pas mal et c'est agréable à lire...

Lire la BD

Télécharger gratuitement la BD ici

05/10/2008

JavaScript : Faire apparaître/disparaître un contenu

Objectif

Il s'agit d'un code permettant de faire apparaitre/disparaitre un cadre d'un tableau. Etant donné que nous ne pouvons modifier ce qui est contenu entre les balises <HEAD> et </HEAD>, et que le JavaScript ne marche pas lorsque vous l'utilisez directement dans le corps de vos messages, nous aurons une nouvelle fois recours à une iframe.

Exemple1

Une petite scène avec un avant/après :
Cliquez sur les boutons du bas pour voir la suite...

Le code

Créez une page web externe, en suivant les instructions de mon post du 05/10/08 de 00:07.

Placez le code suivant entre les balises <HEAD> et </HEAD> :

Placez le code suivant dans les attributs de <BODY> : onload="Image_1();" (ce qui vous donne par exemple : <BODY onload="Image_1();">)

entre les balises <BODY> et </BODY>, placez le code suivant :

<table>
<tr>
<td id="TD1">
Le texte, les images, etc. que vous souhaitez afficher dans cette case....
</td>
<td id="TD2">
Le texte, les images, etc. que vous souhaitez afficher dans cette case....
</td>
</tr>
</table>

<FORM>
<input TYPE=button name="nom_truc" VALUE="Image 2" onClick="Image2();">
<input TYPE=button name="nom_truc2" VALUE="Image 1" onClick="Image_1();">
</FORM>

Mettez votre page (qu'on appellera "page.html" pour l'exemple) sur votre site perso (qu'on appellera "http://votresiteperso" pour l'exemple).

Rédigez votre post, dans lequel vous intégrerez le code suivant à l'endroit que vous voulez (n'oubliez pas d'adapter les données en bleu à votre cas précis :

<IFRAME SRC="http://votresiteperso/page.html" WIDTH=300 HEIGHT=300 scrolling=no frameborder="0">
Désolé vous z'avez pas IE5 !
</IFRAME>

Exemple2

Apporter des précisions :
Cliquez sur les boutons pour afficher/masquer la traduction...

Le code

Créez une page web externe, en suivant les instructions de mon post du 05/10/08 de 00:07.

Placez le code suivant entre les balises <HEAD> et </HEAD> :

Placez le code suivant dans les attributs de <BODY> : onload="Masque_OBJ('obj_');" (ce qui vous donne par exemple : <BODY onload="Masque_OBJ('obj_');">) => à la place de obj_, indiquez le nom de la cellule à faire apparaitre !!

entre les balises <BODY> et </BODY>, placez le code suivant :

<table border=1>
<tr>
<td>
<FORM>
<input TYPE=button VALUE="Afficher la traduction" onClick="Affiche_OBJ('Nom de la cellule à faire apparaitre');">
</FORM>
Le texte, les images, etc. que vous souhaitez afficher dans cette case....
<td id="Nom de la cellule à faire apparaitre">
<FORM>
<input TYPE=button VALUE="Masquer la traduction" onClick="Masque_OBJ('Nom de la cellule à masquer');">
</FORM>
Le texte, les images, etc. que vous souhaitez afficher dans cette case....
</td>
</td>
</tr>
</table>

Mettez votre page (qu'on appellera "page.html" pour l'exemple) sur votre site perso (qu'on appellera "http://votresiteperso" pour l'exemple).

Rédigez votre post, dans lequel vous intégrerez le code suivant à l'endroit que vous voulez (n'oubliez pas d'adapter les données en bleu à votre cas précis :

<IFRAME SRC="http://votresiteperso/page.html" WIDTH=300 HEIGHT=300 scrolling=no frameborder="0">
Désolé vous z'avez pas IE5 !
</IFRAME>

HTML et CSS : Quelques outils pour la mise en page d'un blog

Voici quelques outils pour la mise en page d'un post

ajouter une barre horizontale :
code : <hr>
exemple :

ajouter une barre horizontale colorée :
code : <hr color="red">

hiérarchiser son texte avec des paragraphes :
code : <p> et </p>
exemple :

(1) Mais les ennemis, avertis du départ de nos soldats par le bruit et le mouvement de la nuit, avaient, en se partageant en deux corps, formé une embuscade dans leurs forêts, dans un lieu caché et favorable à leur dessein, à deux mille pas environ ; et ils attendaient l'arrivée des Romains.

(2) Quand la plus grande partie de nos troupes se fut engagée dans une vallée profonde, ils se montrèrent tout à coup à l'une et à l'autre de ses issues, attaquèrent l'arrière-garde, arrêtèrent l'avant-garde, et engagèrent le combat dans la position la plus désavantageuse pour nous.

faire un alinéas en début de paragraphe :
code : <p style="text-indent: 30px;"> et </p>
exemple :

justifier un texte :
code : <div style="text-align: justify;"> et </div>
exemple :
(1) Mais les ennemis, avertis du départ de nos soldats par le bruit et le mouvement de la nuit, avaient, en se partageant en deux corps, formé une embuscade dans leurs forêts, dans un lieu caché et favorable à leur dessein, à deux mille pas environ ; et ils attendaient l'arrivée des Romains.

centrer un texte :
code : <div style="text-align: center;"> et </div>
exemple :
(1) Mais les ennemis, avertis du départ de nos soldats par le bruit et le mouvement de la nuit, avaient, en se partageant en deux corps, formé une embuscade dans leurs forêts, dans un lieu caché et favorable à leur dessein, à deux mille pas environ ; et ils attendaient l'arrivée des Romains.

texte à droite :
code : <div style="text-align: right;"> et </div>
exemple :
(1) Mais les ennemis, avertis du départ de nos soldats par le bruit et le mouvement de la nuit, avaient, en se partageant en deux corps, formé une embuscade dans leurs forêts, dans un lieu caché et favorable à leur dessein, à deux mille pas environ ; et ils attendaient l'arrivée des Romains.

texte à gauche :
code : <div style="text-align: left;"> et </div>
exemple :
(1) Mais les ennemis, avertis du départ de nos soldats par le bruit et le mouvement de la nuit, avaient, en se partageant en deux corps, formé une embuscade dans leurs forêts, dans un lieu caché et favorable à leur dessein, à deux mille pas environ ; et ils attendaient l'arrivée des Romains.

faire une citation :
code : <blockquote> et </blockquote>
exemple :
(1) Mais les ennemis, avertis du départ de nos soldats par le bruit et le mouvement de la nuit, avaient, en se partageant en deux corps, formé une embuscade dans leurs forêts, dans un lieu caché et favorable à leur dessein, à deux mille pas environ ; et ils attendaient l'arrivée des Romains.

HTML : créer une page HTML de base à partir d'un fichier texte

1) Objectif

Je me suis aperçu au cours de la rédaction de mon dernier post que j'utilisais régulièrement les iframes (affichage d'une page web circonscrite dans un cadre au sein d'une autre page web), ce qui suppose une connaissance minimale de l'élaboration de pages web. En effet, si vous ne savez pas créer de page web, vous serez bien en peine d'en "appeler" une de votre cru dans l'iframe.

2) Principe

Pour créer une page web toute bête, c'est très simple. Il vous suffit de créer un fichier texte et de le renommer en "CeQueVousVoulez.html". Ensuite, ouvrez ce fichier avec un éditeur de texte basique (clic droit sur le fichier html > ouvrir avec > Bloc Notes (par exemple)).

3) Composition d'une page

Il faut penser une page web comme une poupée russe. Je m'explique : la page est définie par deux "balises", une au tout début, et une en toute fin du code. A l'intérieur de ces balises délimitant le code HTML de la page, d'autres balises définissent les éléments qui la constituent (la tête (= le chapeau), le corps...). Ces éléments peuvent également être divisées en sous-parties (etc etc...).

Voyons tout d'abord les principales composantes de la page, celles qui sont toujours présentes (ou presque). Entre crochets en vert, j'ai placé des commentaires qu'il faudra retirer.

[cette balise ouvre la page web]
<HTML>

[cette balise ouvre le chapeau/la tête de la page]
<HEAD>

[cette balise ouvre la partie concernant le titre de la page]
<TITLE>

[cette balise ferme la partie concernant le titre de la page]
</TITLE>

[cette balise ferme le chapeau/la tête de la page]
</HEAD>

[cette balise ouvre le corps de la page]
<BODY>

[cette balise ferme le corps de la page]
</BODY>

[cette balise ferme la page web]
</HTML>

4) Elaborer une page web basique

Pour cela, il vous suffit de :
1) rédiger un titre pour votre page entre <TITLE> et </TITLE>
2) placer le texte, les images, etc... que vous souhaitez voir s'afficher entre <BODY> et </BODY>

Pour connaître les principales balises concernant les images et le texte, rendez-vous ici.

04/10/2008

Censurer/afficher une image "pornographique" sur votre blog

1) Objectifs

♢ Faire apparaitre un post contenant des images osées sans avoir besoin de le marquer en "interdit aux moins de 18 ans" (les lecteurs ont la liberté de masquer/afficher les images pouvant être "choquantes"
♢ Permettre aux lecteurs de votre blog d'avoir le choix de voir ou non de telles images, qui constituent une pollution visuelle pour ceux qu'elles n'intéressent pas et un plaisir pour les yeux de ceux qui les apprécient
♢ à terme, censurer/afficher n'importe quel type de contenu sur votre blog. On pourrait même imaginer que certains contenus ne seraient accessibles qu'avec un mot de passe...
♢ Sauvegarder ces préférences (affichage ou non d'images à caractères pouvant heurter la sensibilité) pour la durée d'un mois (les utilisateurs n'ont pas à afficher manuellement toutes les images censurées à chaque rechargement de la page)

2) Prérequis

♢ cette méthode fonctionne intégralement par le biais d'iframes (c'est à dire de pages web hébergées à l'extérieur insérées dans le cadre de vos post, ou de vos blocs permanents). Par conséquent il vous faut absolument un site hôte pour héberger vos pages web, vos images, etc... et tout le contenu de ces iframe. Je vous conseille yahoo geocities, ou mieux encore les sites persos de free.
♢ connaissances de base sur l'élaboration d'une page web (principales balises HTML)
♢ un peu de temps à perdre (mais le temps passé est-il du temps perdu ? :p)

3) Exemple

Roger souhaite nous montrer les superbes frises sculptées du temple hindou de Khajuraho Lakshmana. Seulement voilà : est-ce vraiment approprié sur son très sérieux site d'historien de l'art ? En effet, ces frises représentent pour certaines les divinités dans des positions sexuelles plus acrobatiques les unes que les autres, jusqu'à l'incongru (par exemple, sur l'une d'elle, un homme sodomise un cheval). Que faire ? Passer outre ces chefs-d'oeuvre de l'Inde ou choquer les jeunes historiens de l'art si purs et si sensibles ? Dilhemme... Pour permettre à tout le monde d'avoir le choix entre se rincer l'oeil sur les cabrioles divines des dieux représentés sur les murs du temple ou conserver ses certitudes sur les abeilles, les fleurs et les choux.

Pour satisfaire tout le monde, plusieurs solutions s'offrent à Roger (notez qu'à moins de supprimer ses cookies, un visiteur ayant accepté une fois de voir l'image la verra à chaque chargement du post pendant 1 mois) :

A) Censure stricte : le contenu est entièrement masqué.

Note : solution la plus simple...

B) Contenu suggéré : laisse apparaitre les bords de l'image.

Note : utilisable uniquement avec des images...

C) Contenu simplement voilé : laisse apparaitre l'image par transparence.

Note : utilisable uniquement avec des images...

4) Explication de la procédure

A) Le principe de fonctionnement.

Le contenu à censurer s'affichera dans une iframe (autrement dit, un cadre dans lequel s'affichera une page web extérieure). Pour cela, il faudra créer deux pages web extérieures : une version censurée, et une version non censurée. Par défaut, c'est la page censurée qui s'affiche, et lorsqu'on clique sur le bouton, la page non-censurée prend la place de la précédente. Notez que ce système est conçu pour permettre au visiteur de ne pas avoir à cliquer sur d'innombrables boutons pour voir tous les contenus non-censurés. En effet, un simple clic enregistrera un cookie chez le visiteur, permettant ainsi à toutes les pages non-censurées de votre blog de s'afficher (si vous utilisez plusieurs iframe, le visiteur devra cliquer sur un bouton, et cliquer sur le bouton "rafraichir" de la page web de manière à visualiser tous les contenus non-censurés d'un coup). Pour éviter à votre visiteur une gymnastique pénible consistant à cliquer sur le bouton et rafraichir la page de votre blog à chaque visite, le cookie ne s'efface de lui-même qu'au bout d'un mois. Si toutefois votre visiteur changeait d'avis et ne souhaitait plus vois les contenus non-censurés de votre blog, il lui faudrait tout simplement effacer ses cookies (avec Mozilla Firefox : onglet Outils > Effacer mes traces).

B) La page non censurée.

Pour cette page c'est très simple : il vous suffit d'élaborer votre page web sans vous poser de question. Nous l'appellerons page1.html pour l'exemple.

C) La page censurée.

Pour celle-ci en revanche la procédure est plus complexe. Nous nommerons cette page page2.html pour l'exemple.

♢ ajoutez le code suivant entre les balises <head> et </head> de votre page web (n'oubliez pas de mettre la bonne adresse pour votre page non censurée) :

♢ Ajoutez onload="test();" comme attribut à la balise <body>. Cet attribut lance la fonction "test()" lors du chargement de votre blog.

♢ créez votre message de mise en garde. Voici les codes pour les 3 propositions de censure précédentes. Tout ce qui est en rouge est susceptible d'être modifié par vos soins.

=> censure stricte

<table valign=middle><tr>
<td WIDTH=410 HEIGHT=450>
<div align="center">
<h2>ATTENTION ! Contenu explicite !</h2>
Le contenu de ce post pourrait choquer certaines personnes. Si vous désirez malgré tout l'afficher, cliquez sur le bouton ci-dessous (<font color="red">ces préférences seront enregistrées pendant 1 mois</font>):
<br /><br />
<FORM>
<input TYPE=button name="nom_truc" VALUE="Voir le post" onClick="acceptation();">
</FORM>
</div>
</td>
</tr>
</table>

=> contenu suggéré

<table valign=middle><tr>
<td WIDTH=410 HEIGHT=450 STYLE="background-image: url(http://imagechoquante.jpg) ; background-repeat: no-repeat ; background-position: center center;">
<table width=390 height=289 valign=middle align="center">
<tr>
<td bgcolor=white style="-moz-border-radius: 20px;">
<div align="center">
<h2>ATTENTION ! Contenu explicite !</h2>
Le contenu de ce post pourrait choquer certaines personnes. Si vous désirez malgré tout l'afficher, cliquez sur le bouton ci-dessous (<font color="red">ces préférences seront enregistrées pendant 1 mois</font>):
<br /><br />
<FORM>
<input TYPE=button name="nom_truc" VALUE="Voir le post" onClick="acceptation();">
</FORM>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>

=> contenu simplement voilé

<table valign=middle><tr>
<td WIDTH=410 HEIGHT=450 STYLE="background-image: url(http://imagechoquante.jpg) ; background-repeat: no-repeat ; background-position: center center;">
<table width=390 height=289 valign=middle align="center">
<tr>
<td STYLE="background-image: url(http://votresiteperso/FondBlancTransparent.gif); -moz-border-radius: 20px;")>
<div align="center">
<h2>ATTENTION ! Contenu explicite !</h2>
Le contenu de ce post pourrait choquer certaines personnes. Si vous désirez malgré tout l'afficher, cliquez sur le bouton ci-dessous (<font color="red">ces préférences seront enregistrées pendant 1 mois</font>):
<br /><br />
<FORM>
<input TYPE=button name="nom_truc" VALUE="Voir le post" onClick="acceptation();">
</FORM>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>

♢ Créez votre post. Pour cela, créez votre post normalement sauf la partie à censurer. Cette partie sera comprise dans un cadre : l'iframe. Pour insérer ce cadre (qui fera appel à votre page2.html), il vous faudra faire usage de ce code :

<IFRAME SRC="http://votresiteperso/page2.html" WIDTH=415 HEIGHT=435 scrolling=no frameborder="0">
Désolé vous z'avez pas IE5 !
</IFRAME>

5) Aller plus loin

Vous pouvez également assigner plusieurs valeurs aux cookies auxquels vous ferez appel. De cette manière, vous pouvez distinguer plusieurs catégories d'image : par exemple, pour différencier les images érotiques des images pornographiques.

Pour cela, vous devrez modifier dans la page1.html le "valeur" du cookie en remplaçant "oui" par autre chose. Il vous faudra donc modifier les lignes :
ecrire_cookie("deja_venu", "oui", date);
value = "oui";

6) Source

Ma source principale a été ce site (pour la création d'un cookie via javascript).

Notez toutefois une légère erreur de syntaxe : il faut remplacer return arguments_cookies(j); par return arguments_cookie(j);

03/10/2008

Pour des raisons légales de protection des mineurs, cet article n'est accessible qu'aux inscrits. Vous pouvez vous identifier si vous êtes inscrit, ou vous inscrire si vous êtes majeur.

01/10/2008

HTML : codes pour les accents

1) Intérêt

Ces codes permettent de forcer l'affichage des accents. Par ailleurs, je les utilise surtout pour les accents sur les majuscules, par commodité.

2) codes

Je me contenterai de vous renvoyer à ce PDF qui reprend les différents codes de manière très complète...

CSS : arrondir les angles...

Voici un code, qui m'a été demandé par un gayen pour arrondir les angles des cadres de son blog.

1) considérations préalables

Ĉa ne marche que sous Mozilla Firefox. Apparemment il faudrait attendre l'adoption du CSS 3.0 pour que ce genre d'effet soit programmable en CSS et visible pour tous les navigateurs... Mais bon c'est toujours mieux que rien non ? ;)

ma source

2) Exemple

Cet exemple n'est effectif qu'avec Mozilla Firefox

3) Appliquer ce code à une case d'un tableau

Le code :

Explication du code :
table, td, tr, /td, /tr, /table : cf mon post sur les codes html pour faire un tableau

width=200 height=200 : ces dimensions sont simplement indicatives, vous pouvez les modifier elles n'ont rien à voir avec l'arrondissement des angles (cf le post cité ci-dessus)

BGCOLOR="black" : Pour qu'on voit le fond de votre tableau, il est toujours utile de lui assigner une couleur...

style="-moz-border-radius: 20px;" : ça, c'est le code permettant d'arrondir les angles. Comme l'indique le préfixe "-moz", il ne fonctionnera normalement que sous Mozilla Firefox. Notez que vous pouvez modifier la valeur des pixels (au lieu de 20) et mettre ce que vous voulez (perso, j'ai pas testé ce que ça donnait...)

4) Appliquer ce code aux différentes parties de votre blog

Note : le mode de fonctionnement serait le même pour les différentes parties de votre portrait.

Pour appliquer l'arrondi à certains cadres de votre blog, vous devez d'abord choisir et repérer ces cadres (ainsi que leur "nom" dans le script). Pour cela, je vous renvoie à mon article à ce sujet.

Une fois que c'est fait, c'est très simple. Les "angles arrondis" sont une caractéristique que vous allez devoir attribuer aux cadres précédemment choisis. Pour cela :
-placez les "noms" de ces cadres les uns à la suite des autres, séparés par des virgules.
-placez à la suite de cette énumération la caractéristique désirée entre accolades.

Par exemple, si vous souhaitiez que cette caractéristique soit attribuée aux cadres de vos post ainsi qu'à ceux des commentaires de vos post, il faudrait écrire :

div.bloc.blocjournal, div.bloc.bloccomment
{
-moz-border-radius: 20px;
}

5) Mes sources

Pour le code : cliquez ici
Pour les tableaux en html : cliquez ici

24/01/2008

CSS : modifier la taille des cadres

C'est une question toute bête sur laquelle je ne m'étais pas du tout penché jusqu'à présent : comment faire par exemple pour que le bloc du journal soit plus petit ?

Redimensionner les cadres sur votre portrait ou dans votre journal

Il s'agit tout bêtement des attributs "width" et "height" (il suffisait d'y penser plutôt que de s'escrimer sur "size" => y a des fois vraiment.... :D)

1) Comment Procéder ?

Tout d'abord : qu'est-ce qu'un cadre ? Il s'agit de ces "rectangles" qui ont chacun une fonction précise et peuvent s'englober les uns-les autres. Par exemple dans le journal il y a les cadres contenant les commentaires, le cadre contenant les archives, etc etc... Pour les modifier, il faudra d'abord trouver comment le ou les cadre(s) qui vous intéresse(nt) sont appelés dans le code CSS..

Il faut identifier donc le ou les différents cadres que vous souhaitez redimensionner. Pour cela, je vous propose d'aller jeter un oeil dans mon article du 06/11/2007 sur les différents éléments du portrait ou mon article du 17/11/07 sur les différents éléments du journal.

Ensuite, une fois que vous avez choisi et trouvé sur quoi va porter les modifications que vous souhaitez apporter, il suffira simplement de modifier leur propriétés de longueur (height) et de largeur (width), exprimées en pixels (px) ou en pourcentages (%).

2) Exemples

Par exemple, Roger (encore lui !!) souhaite que tout ce qui se trouve du côté gauche soit réduit à une largeur de 100 pixels sur son journal => son code, à placer dans le carré CSS qui se trouve dans "modifier votre journal > mise en page" sera donc :

div.bloc.blocjournal, div.bloc.bloccomment, div.bloc.bloccomment.commentvisiteur
{
width: 100px;
}

Un exemple avec des pourcentages :

div.bloc.blocjournal, div.bloc.bloccomment, div.bloc.bloccomment.commentvisiteur
{
width: 50%;
}

3) Mises en garde

Perso, je trouve que c'est pas une super idée de modifier ces paramètres, parce que par défaut les cadres se déploient de manière à rendre votre profil et votre journal clair et lisible, mais bon, puisqu'on me l'a demandé c'est que ça doit trouver son utilité quelque part :)

EDIT : je précise également que réduire la taille d'un cadre de cette manière ne décalera pas les autres pour le peu que j'ai expérimenté...

enjoy !

23/01/2008

Pour en finir avec le temps béni de l'homosexualité dans l'antiquité

Ce qui suit n'est que la citation (sauf le titre) de ce site qui lui-même cite un article de Paul Veyn (cf plus bas). L'image provient également de ce site, qui possède un certain nombre de très bons articles (je vous conseille la prostitution au Moyen Age :p)

Il ne faisait pas forcément bon d'être homo à Rome

"Prendre du plaisir virilement ou en donner servilement: c'est là la seule distinction qui importe à Rome, sans souci du sexe du partenaire. D'où une cartographie des plaisirs et des infamies fort étrange.

L'homophilie active est partout présente dans les textes romains. Catulle se vante de ses prouesses et Cicéron a chanté les baisers qu'il cueillait sur les lèvres de son esclave secrétaire. Selon ses goûts, chacun optait pour les femmes, les garçons, ou les unes et les autres. Virgile avait le goût exclusif des garçons; l'empereur Claude, celui des femmes; Horace répète qu'il adore les deux sexes. Et Antinoos, mignon de l'empereur Hadrien, reçut souvent un culte officiel après sa mort précoce.

L'amour qu'on dit grec pourrait donc être dit aussi légitimement romain. A Rome, l'éphèbe de naissance libre, objet de l'amour des Grecs, était remplacé par l'esclave qui servait de mignon. L'important demeurait de respecter les femmes mariées, les vierges et les adolescents de naissance libre. La loi Scantinia, qui date de 149 avant notre ère, confirmée par la législation augustéenne, protège contre le viol l'adolescent libre au même titre que la vierge de naissance libre.

En ce monde, on ne classait pas les conduites d'après le sexe, amour des femmes ou des garçons, mais en activité ou passivité : être actif, c'est être un mâle, quel que soit le sexe du partenaire dit passif. Prendre du plaisir virilement ou en donner servilement, tout est là.

La femme est passive par définition, à moins d'être un monstre. Les enfants ne comptent pas davantage, à la condi-tion que l'adulte ne se mette pas à leur service pour leur donner du plaisir et qu'il se borne à en prendre. Un mépris colossal accablait en revanche l'adulte mâle et libre qui était homophile passif ou, comme on disait, impudicus (tel est le sens méconnu de ce mot).

L'impudicité est une infamie

Tout cela explique une deuxième obsession, inattendue. Car il y avait bien une conduite sexuelle qui était absolument honteuse : la fellation. Celle-ci n'est-elle pas le comble de l'abaissement, en effet? Elle prend passivement son plaisir à en donner à autrui et elle ne refuse servilement à autrui la possession d'aucune partie du corps.

Le sexe ne fait rien à l'affaire, car il était une autre conduite non moins infâme et qui les obsédait autant: le cunnilingue. Quant à l'homophilie féminine, elle était catégoriquement rejetée. L'opprobre était surtout jeté sur l'amante active : une femme qui se prend pour un homme, c'est le monde renversé. Horreur égale à celle des femmes qui "chevauchent " les hommes, dit Sénèque.

D'où vient cette étrange cartographie des plaisirs et des infamies? D'au moins trois causes qu'il ne faut pas confondre : Rome est une société " machiste ", comme tant d'autres. Ensuite, ce virilisme tient à la partie cachée de l'iceberg politique des sociétés antiques ; recourons à l'analogie, pour faire vite, et évoquons la haine de la mollesse dans les groupes militaristes ou encore dans les sociétés de pionniers qui se sentent au milieu d'un environnement dangereux.

Enfin, Rome est une société esclavagiste où le maître exerce le droit de cuissage. " L'impudicité [c'est-à-dire la passivité] est une infamie chez un homme libre ", écrit Sénèque le Père; " chez un esclave, c'est son devoir le plus absolu envers son maître; chez l'affranchi, cela demeure un devoir moral de complaisance. "

Notre lecteur se demande peut-être, pour finir, comment il se fait que l'homophilie ait été si répandue. Faut-il penser qu'une particularité de la société antique, par exemple le mépris de la femme, y multipliait artificiellement les homophiles, ou qu'au contraire une répression différente, moindre au total, laissait se manifester une homophilie qui serait une des possibilités de la sexualité humaine? La seconde réponse est sans doute la bonne.

Texte de Paul Veyn
Tiré de la revue "Les collections de l'Histoire" de juin 1999. "

17/12/2007

help me !

J'aurais besoin de l'aide de quelqu'un qui pourrait m'aider pour effectuer une recherche sur un site en espagnol (vu que je suis pas du tout hispanophone...) => envoyez moi un mp si vous voulez bien m'aider

merci d'avance !

Gor' :D

[edit : finalement j'ai trouvé comment fonctionnait le site :) ]

13/12/2007

Disparition à la hongroise...

L'autre soir je regardais "Chicago" (vous savez le film avec Richard Gere, Catherine Zeta-Jones et Renée Zellweger), et ça m'a fait penser à un truc : quand la hongroise -la seule femme innocente à avoir été condamnée du film- meurt, l'héroïne Roxie interprète ça dans le merveilleux chow de sa vie comme un tour de magie => la hongroise en question saute, une corde attachée à la taille et *pouf* disparue, avec son strass et ses paillettes.

est-il possible de disparaitre comme ça soudainement ? Il y a des tas de gens qui disparaissent chaque année, et je détesterais que quelqu'un que j'apprécie disparaisse de la sorte : c'est cruel comme la pendaison -réelle, dans le film- de la pauvre hongroise.

[fin du mode idées noires du soir]

hey ! aujourd'hui j'ai mangé une pizza avec de la viande hachée dessus ! ça c'est du vrai scoop !

et en passant : vive les soirées étudiantes du musée de Cluny, c'est vraiment triste qu'elles soient réduites à une journée cette année...

[fin du mode hors sujet total]

28/11/2007

Demande d'un gayen : faire tomber de la neige sur un post

Au départ le gayen en question souhaitait voir de la neige tomber sur son blog entier (mais je sais pas comment insérer un code Javascript dans le bloc CSS pour qu'il soit pris en compte...)

faire tomber de la neige sur un post

Comme précédemment avec le calendrier, nous allons utiliser une iFrame, c'est à dire que nous allons demander au navigateur d'ouvrir une page internet dans un cadre.

1) Exemple

2) Code de la page appelée par l'iFrame

Pour créer votre page internet, créez un nouveau fichier .txt, collez le code suivant en y modifiant ce que vous jugerez nécessaire et sauvegardez. Modifiez ensuite l'extension .txt en .html pour en faire une page web.

<HTML>
<BODY>
<script language="javascript" src="http://images.topflood.com/neige-perso.php"></script>
<noscript>Top Flood: aide pour votre forum.</noscript>

Ici, collez ce que vous voulez. Vous pouvez utiliser les balises html habituelles, mais n'oubliez pas d'ajouter le code <br /> pour chaque retour à la ligne.

</BODY>
</HTML>

=> en violet : balises encadrant le code HTML, permettant de préciser que c'est ce langage que nous allons utiliser
=> en vert : balises encadrant le corps de la page
=> en rouge : le script javascript faisant appel à une animation hébergée sur un site extérieur (c'est ça qui permet d'obtenir l'effet "neige"
=> en bleu : une petite pub pour le site en question (et c'est bien naturel)

3) Code de l'iFrame

Sauvegardez votre page internet, hébergez-la sur un site perso, et copiez-en l'adresse. Une fois dans votre post, collez ce code là où vous souhaitez faire apparaitre l'iFrame, en prenant soin de modifier l'adresse de votre page internet.

<IFRAME SRC="http://votresiteperso/neige.html" WIDTH=516 HEIGHT=370 scrolling=no frameborder="0">
Désolé vous z'avez pas IE5 !
</IFRAME>

http://votresiteperso/calendrier.html : Indiquez ici l'adresse de votre page de calendrier uploadée sur votre site perso

WIDTH=516 HEIGHT=370 : Indiquez la largeur (width) et la hauteur (height) de votre cadre. Je vous conseille d'avoir des images de même dimension et d'ajouter "16" à la mesure de la largeur et "20" à la mesure de la hauteur de vos images pour qu'elles ne soient pas "rognées"

scrolling=no : Cette partie de code évite d'afficher des barres de défilement vertical et horizontal à votre cadre. Si vous jugez que ces barres de défilement sont nécessaires, vous pouvez supprimer cette partie de code.

frameborder="0" : cette partie permet d'éviter d'afficher la délimitation de votre cadre, comme ça on a l'impression que votre calendrier "est" directement sur la page, et c'est plus joli quand même ;)

Désolé vous z'avez pas IE5 ! : Ce texte s'affiche si la personne qui lit votre blog n'a pas au moins Internet Explorer 5 => elle ne pourra dans ce cas pas voir votre joli calendrier :'(

27/11/2007

Un image avec un lien dessus

Ce post a été écrit en réponse à une question d'un gayen (que je salue au passage).

1) Exemple

Pour l'exemple : voici la photo perso actuelle d'ame, avec un lien vers son blog dessus (un ptit peu de pub, ça faisait longtemps lol)

Le Blog D'Ame !!

2) Le code

Je n'ai tenu compte que de la partie concernant l'image et le lien dessus...

3) Explication du code

en rouge, la partie concernant le lien vers lequel le visiteur doit être redirigé. target="new" signifie que le lien s'ouvrira dans une autre page.

en vert, la partie concernant l'adresse de l'image que vous souhaitez afficher. border="0" signifie qu'il n'y aura pas de bordure supplémentaire autour de l'image.

Pour adapter ce code à votre cas, changez simplement les adresses du lien et de l'image ^^

c'était bien ça la question j'espère lol

25/11/2007

Plusieurs manières d'échanger avec les gayens

Suite à plusieurs questions qu'on m'a posé, et puisqu'il semblerait que certains n'en maîtrisent pas encore toutes les fonctionnalités, voici un petit post pour expliquer aux nouveaux (ou pour permettre aux moins nouveaux de découvrir quelques fonctionnalités) toutes les manières de gérer ses messages.

Bon, tout d'abord, sachez qu'il y a un post assez complet pour vous familiariser avec le site en général ici par AntoineWeb. Mais bon je suppose que multiplier les tutos à ce sujet permettra aux gayens qui débutent d'avoir plus de chance de tomber dessus ?

plan du tuto :
♦ les messages privés
1) Comment en envoyer ?
2) Comment consulter ses messages sur sa messagerie GA ?
3) Comment consulter son historique de conversation avec un gayen ?
4) Comment être prévenu en temps réel que vous avez reçu un nouveau message ?
♦ Laisser un message sur le profil / le bog d'un gayen, visible par tous
1) Comment participer au guestbook d'un gayen ?
2) Comment répondre à un post sur un blog d'un gayen ?
♦ Participer au chat

Les messages privés

1) Comment en envoyer ?

Pour cela :
=> allez sur un profil d'un gayen (en cliquant sur sa photo, ou en consultant l'annuaire (menu gris supérieur) par exemple). Ici, pour l'exemple, le profil de LennyValentino.
=> cliquez sur "contact" (entouré en rouge sur l'image, cliquez pour agrandir)

=> une nouvelle fenêtre s'ouvre alors : que voici (cliquez pour agrandir)

au passage, cette fenêtre vous redonne quelques informations de base sur votre interlocuteur :
♦ son pseudo
♦ sa photo perso
♦ son nom
♦ son âge
♦ son orientation sexuelle
♦ sa date de dernière connexion
♦ un lien vers son portrait
♦ un lien vers son blog
♦ l'historique de votre conversation avec cette personne en grisé
=> Tapez votre message dans le rectangle blanc
=> Vous pouvez ensuite choisir :
♦ via un menu déroulant, d'y joindre un smiley
♦ d'envoyer votre message sur sa boîte e-mail ou sur sa messagerie GA
=> Cliquez ensuite sur "envoyer"

2) Comment consulter ses messages sur sa messagerie GA ?

première méthode : voir les messages dans leur ordre d'apparition en passant par l'accueil
=> allez sur la page d'accueil du site (n'oubliez pas d'entrer votre pseudo et votre mot de passe)
=> si vous avez de nouveau messages, une bulle rose (comme une bulle de bande dessinée) se superposera au logo GA en gris clair sur le rectangle en gris plus foncé en haut à gauche de votre écran.

=> Cliquez sur la petite bulle rose
=> une nouvelle fenêtre de message apparait, que voici (cliquez pour agrandir) :

=> s'affiche donc de la même manière que lors de l'écriture d'un nouveau messages les mêmes informations sur votre interlocuteur :
♦ son pseudo
♦ sa photo perso
♦ son nom
♦ son âge
♦ son orientation sexuelle
♦ sa date de dernière connexion
♦ un lien vers son portrait
♦ un lien vers son blog
♦ l'historique de votre conversation avec cette personne en grisé
=> ensuite, vous avez le choix :
♦ Vous pouvez ne rien écrire dans le rectangle blanc, et cliquer sur clore la conversation pour y mettre un terme (votre interlocuteur ne saura pas (à ma connaissance) que vous avez clos sa conversation
♦ Vous pouvez choisir d'y répondre plus tard (un menu déroulant vous propose plusieurs dates)
♦ Vous pouvez choisir d'y répondre tout de suite : pour cela tapez votre message dans le rectangle blanc. Cela aura pour effet de transformer le bouton "clore la conversation" en bouton "envoyer"
=> le message sera renvoyé sur la messagerie GA de votre interlocuteur

deuxième méthode : voir les messages dans leur ordre d'apparition en passant par la page "chat"
=> dans le rectangle gris en haut de la page, cliquez sur "chat"
=> cliquez sur "popup des messages"
=> suivez la méthode n°1 à partir de "une nouvelle fenêtre de message apparait"

troisième méthode : voir tous ses messages en attente d'un coup et répondre qu'à ceux qu'on veut
=> dans le rectangle gris en haut de la page, cliquez sur "chat"
=> cliquez sur "vos messages en attente"
=> apparaissent alors tous les messages en attente que vous avez envoyés et qu'on vous a envoyé
=> pour plus de clarté, sélectionnez "messages reçus" pour n'afficher que ceux qui attendent une réponse de votre part
=> cliquez sur le message auquel vous souhaitez répondre
=> suivez la méthode n°1 à partir de "une nouvelle fenêtre de message apparait"

3) Comment consulter son historique de conversation avec un gayen ?

première méthode : consulter votre historique de conversation à partir d'un profil d'un gayen
=> allez sur le profil d'un gayen
=> cliquez sur "historique" (entouré en vert sur l'image d'exemple, cliquez pour agrandir)

=> téléchargez votre historique au format html

deuxième méthode : sélectionner l'historique d'une de vos conversation parmi toutes les autres
=> dans le rectangle gris en haut de la page, cliquez sur "chat"
=> cliquez sur "vos historiques"
=> s'affichent alors :avec :
♦ les pseudos de vos correspondants
♦ la date de votre dernier échange avec eux
=> cliquez sur un des pseudos
=> téléchargez votre historique au format html

4) Comment être prévenu en temps réel que vous avez reçu un nouveau message ?

première méthode : la Popup des messages
=> dans le rectangle gris en haut de la page, cliquez sur "chat"
=> cliquez sur "popup des messages"
=> la popup vérifie toutes les 40 secondes si vous avez un nouveau message et l'affiche directement dans la même fenêtre

deuxième méthode : la Popup d'alerte
=> dans le rectangle gris en haut de la page, cliquez sur "chat"
=> cliquez sur "popup d'alerte"
=> la popup est une petite fenêtre (facile à mettre dans un coin de votre écran)
=> lorsque vous recevez un nouveau message, se superpose au logo grisé GA une bulle rose

Laisser un message sur le profil / le bog d'un gayen, visible par tous

1) Comment participer au guestbook d'un gayen ?
=> allez sur son profil
=> tapez votre texte, vous pouvez y joindre une image
=> faites "envoyer"
=> il faut souvent, pour pouvoir laisser un message, être un membre de la friendlist de la personne en question

2) Comment répondre à un post sur un blog d'un gayen ?
=> allez sur le blog d'un gayen (via son profil ou via les messages du jour dans "blogs" du menu grisé supérieur)
=> en bas d'un post s'affiche le nombre de commentaires : cliquez dessus
=> laissez votre message (éventuellement accompagné d'une image)
=> faites "envoyer"
=> les visiteurs aussi peuvent laisser des messages de cette façon

Participer au chat

Pour des conversations en temps réel avec des connectés (pouvant être munis de cam) :
=> cliquez sur "chat" dans le panneau supérieur grisé
=> cliquez sur "salon de discussion"
=> le salon s'affiche alors

Yann Tiersen et ses interprétations sur Youtube

Voici quelques morceaux joués par un ptit gars talentueux :

La valse des monstres :

La valse d'Amélie :

(on avait tenté d'en refaire de petits bouts avec une copine sur son piano... souvenirs souvenirs lol)

La noyée :

Comptine d'été :

(j'y connais rien en piano mais je trouve ça plutôt impressionnant...)

articles plus anciens >

Goran

» portrait
» derniers posts
» abonnement rss

Archives :
» décembre 2010
» octobre 2009
» octobre 2008
» janvier 2008
» décembre 2007
» novembre 2007
» octobre 2007