Go to [ Filter > Pixelate > Mozaic ] and choose 30 pixels or more in the cell size.
Here are pixelated flowers and colorful vase.
And here are the color schemes I've taken from the mozaic pictures!
]]>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>pootato.org</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="URL TO THE JAVASCRIPT HERE" type="text/javascript" language="JavaScript"></script>
<script type="text/javascript" language="JavaScript">
window.onload = function() {
var myBox = document.getElementsByClassName('toggle');
var myBoxOpen = document.getElementsByClassName('stretcher');
var myEffect = new Accordion(myBox, myBoxOpen);}
</script>
</head>
<body>
<h1 class="toggle">Menu 1</h1>
<h2 class="stretcher">Menu 1 content goes here!</h2>
<h1 class="toggle">Menu 2</h1>
<h2 class="stretcher">Menu 2 content goes here!</h2>
</body>
</html>
Just edit URL TO THE JAVASCRIPT HERE by the url of the mootools.js file. You can get it on the official site here but don't forget to check "accordion" in the plugins.
As for my "navigation options" menu, you can find a tutorial on solutoire.com! :)
As for me, I'm currently playing with Wordpress on a local server and MT4 here. I love Six Apart products and I don't like how Wordpress script is organized and its admin interface but I like the fact that it's in PHP and the quality of its plugins. I may switch with the new design coming. :x After years of MT...*nostalgy*
In all cases, I hope you're enjoying your summer holidays! It doesn't feel like summer at all in Paris this year but it doesn't matter to me since I'm working ;_; Bye ^^
]]>I've opened my Photoblog some time ago and flickr account :) To the real news now... I'm posting to warn you about spambot.
If your site is suddenly using a lot of bandwidth (and by lot, I mean, LOT), you may be attacked by a spambot. A friend of mine has recently seen 80% of her bandwidth used up in just a few days. If your site suddenly uses a lot of bandwidth, you may want to check what's happening... here are some directions, if you're using cPanel:
I hope the directions are comprehensible. :)
]]>PS: This is about hosting, I'd like to say that I prefer hosting art sites/portfolios, shrines, and this kind of little sites. I do host blogs, but I prefer not to host personal weblogs. You can pay a visit to my first hostee, Javi! :)
]]>I've also uploaded some pre-styled CSS Menus and you can access this page from the CSS Menu tutorial. To finish, here is a tutorial about creating color schemes.
Don't forget to visit Plog! :D
]]>Go to [ Filter > Pixelate > Mozaic ] and choose 30 pixels or more in the cell size.
Here are pixelated flowers and colorful vase.
And here are the color schemes I've taken from the mozaic pictures!
]]>
I have enough space and bandwidth to share with you guys. :) This is for you if:
More details later...Accordion menu tutorial is available! :D
]]> Avez-vous besoin d'un hébergeur pour votre site?J'ai assez d'espace pour partager avec vous :) Cette offre est pour vous si:
Plus d'infos plus tard...Le tutoriel du menu accordéon est en ligne! :D
]]>Insert this code:
<?
$file = "quotes.txt";
$fp = file($file);
srand((double)microtime()*100);
$random_object = $fp[array_rand($fp)];
echo "« $random_object »";
?>
Now create quotes.txt, it should look like this:
quote 1
quote 2
quote 3
quote etc.
Upload and test! I told you it was useful... :)
Insert this code:
<?
$file = "images.txt";
$fp = file($file);
srand((double)microtime()*100);
$random_object = $fp[array_rand($fp)];
echo '<img src="$random_object" alt="" />';
?>
Like earlier, let's create images.txt:
http://your-site.com/image1.jpg
http://your-site.com/image2.jpg
http://your-site.com/image3.jpg
and so on...
Voila! Of course, you can modify the sript so that you can also link each image to an URL, etc.
]]> Objets aléatoiresPour afficher des images/citations/etc. aléatoires sur votre site, rien de plus simple. J'ai utilisé ce bout de script pour afficher des bannières aléatoires avant... Et c'est très utile si vous avez beaucoup de citations! Tout d'abord, votre page doit être en .php
Insérez ce code:
<?
$file = "citations.txt";
$fp = file($file);
srand((double)microtime()*100);
$random_object = $fp[array_rand($fp)];
echo "« $random_object »";
?>
Maintenant, faisons citations.txt, qui doit ressembler à ça:
citation 1
citation 2
citation 3
citation etc.
Uploadez et testez! Pratique hein?
Insérez ce code:
<?
$file = "images.txt";
$fp = file($file);
srand((double)microtime()*100);
$random_object = $fp[array_rand($fp)];
echo '<img src="$random_object" alt="" />';
?>
Comme tout à l'heure, faisons images.txt:
http://votre-site.com/image1.jpg
http://votre-site.com/image2.jpg
http://votre-site.com/image3.jpg
ainsi de suite...
Voila! Vous pouvez bien sûr modifier le script pour attribuer un lien à chaque image, etc.!
]]>Before starting, your pages must be in PHP ! Go to your detailed settings, then click on the publishing tab, set the file extension to php and rebuild your site.
Translate your entries in the extended entry field. (See previous screenshot). If you're already using this field for something else, you might want to use the RightFields plugin for Movable Type.
First, we have to modify the templates. I recommend you to separate your menu. Make a Movable Type module for your menu and call it. The Movable Type tags I'm giving are only examples. Your entries/main templates should look like this:
<?php
$x = basename($_SERVER['QUERY_STRING']);
if(!$x || $x == en) { ?>
<!--- English is the default language
If english is selected, let's show MTENTRYBODY -->
<MTEntries>
<h1><$MTEntryTitle$></h1>
<MTEntryBody>
</MTEntries>
<? } elseif ($x == "fr") { ?>
<!--- The user has selected French now,
let's see if there's a french version with MTEntryIfExtended... -->
<MTEntries>
<MTEntryIfExtended>
<!--- Yay, a French version is available! Let's show it with MTENTRYMORE -->
<MTEntryMore>
</MTEntryIfExtended>
<MTElse>
<!--- If there's no French version, let's show the English one,
and let's apologize :) -->
<h1><$MTEntryTitle$></h1>
<p>Sorry, only available in english.</p>
<$MTEntryBody$>
</MTElse>
</MTEntries>
<!--- DO NOT DELETE THE FOLLOWING CODE!! -->
<? } ?>
Done? If you want to test your pages, try to go to thepageurl.php?fr or thepageurl.php?en ! Now we have to make the menu. As I said, you'd better make a separate module for it, but this is not required.
<?php
$x = basename($_SERVER['QUERY_STRING']);
if(!$x || $x == en) { ?>
Enter your codes for your normal menu here...
Do as usual.
<? } elseif ($x == "fr") { ?>
Put your normal menu, but add "?fr" at the end !
<!--- DO NOT DELETE THE FOLLOWING CODE!! -->
<? } ?>
Now just apply this scheme to all your archives templates... To link to the other version, just use this code:
<a href="<MTEntryPermalink>?fr"><MTEntryTitle></a>
]]>
MT: un site "multilingue"
Comme vous avez peut être remarqué, ce site est disponible en Anglais et en Français. Comment ai-je fait avec Movable Type? Voici mon petit secret. J'utilise les champs Entry Body et Extended Entry. Screenshot. Vous pouvez faire ceci pour n'importe quel autre langue bien sûr.
Avant de commencer, vos pages doivent être en PHP. Allez dans vos paramètres puis cliquez sur publication et changez l'extension à php si ce n'est pas déjà fait.
Traduisez vos pages dans le champs d'Extended Entry. (Voir screenshot précédent). Si vous utilisez déjà ce champ pour quelque chose d'autre, vous voudrez peut être jetre un coup d'oeil au plugin RightFields pour Movable Type.
D'abord, on doit modifier les templates. Je vous conseille de séparer le menu, faites un module pour votre menu. Les tags de Movable Type que je donne sont juste des exemples. Votre template principal ou celui pour les pages individuelles devrait ressembler à ça:
<?php
$x = basename($_SERVER['QUERY_STRING']);
if(!$x || $x == en) { ?>
<!--- L'anglais est la langue par défaut
Si l'anglais est sélectionné, affichons MTENTRYBODY -->
<MTEntries>
<h1><$MTEntryTitle$></h1>
<MTEntryBody>
</MTEntries>
<? } elseif ($x == "fr") { ?>
<!--- L'utilisateur a maintenant sélectionné le français,
vérifions d'abord s'il y a une version française avec MTEntryIfExtended... -->
<MTEntries>
<MTEntryIfExtended>
<!--- Hourra, il y en a une, affichons là avec MTENTRYMORE -->
<MTEntryMore>
</MTEntryIfExtended>
<MTElse>
<!--- S'il n'y a pas de version français, on affiche celle anglaise,
et on s'excuse :) -->
<h1><$MTEntryTitle$></h1>
<p>Désolé(e), seulement en anglais.</p>
<$MTEntryBody$>
</MTElse>
</MTEntries>
<!--- NE PAS SUPPRIMER CE QUI SUIT!! -->
<? } ?>
C'est fait? Si vous voulez tester vos pages, allez à adressedelapage.php?fr or adressedelapage.php?en ! Nous devons maintenant faire le menu. C'est le même principe.
<?php
$x = basename($_SERVER['QUERY_STRING']);
if(!$x || $x == en) { ?>
Codes pour le menu habituel...
<? } elseif ($x == "fr") { ?>
Mettez les codes du menu habituel avec "?fr" à la fin des liens!
<!--- NE PAS SUPPRIMER CE QUI SUIT!! -->
<? } ?>
Procédez comme ça pour tous vos templates... Pour faire un lien vers la version française ou autre, voici le code:
<a href="<MTEntryPermalink>?fr"><MTEntryTitle></a>
]]>
Don't forget to check out Plog, pootato.org's log! :D
I've given up the valid stylesheet to use a text selection hack that works in Firefox and other similar browsers. Go ahead and try to select the text! :) Tutorial here. Please note that it doesn't work in Internet Explorer, an other reason to get Firefox! :D
Speaking about Internet Explorer, can someone tell me if the site works in IE7 and send me a screenshot? I could test the site on Firefox, Safari, IE6 and Opera on Wii and the site worked... But we never know, especially with IE.
And "about" page was re-written. You can now change the text size by clicking these icons in the options: 
Please tell me if it works correctly for you :)
N'oubliez pas de faire un tour sur Plog, le blog du site!
J'ai laissé tomber la feuille de style valide pour utiliser un petit code pour changer la couleur de sélection du texte qui fonctionne sur Firefox et d'autres navigateurs similaires. Essayez donc de sélectionner le texte! :) Tutoriel ici. A noter que ça ne fonctionne pas sous IE, une autre raison de télécharger firefox! :D
La page "à propos" a été refaite. Vous pouvez maintenant changer la taille du texte en cliquant sur ces icônes dans les options: Dites moi si ça marche bien chez vous :)
Let's take care of the HTML codes for the menu first...
<h1 class="toggle">Menu 1</h1>
<h2 class="stretcher">Menu 1 content goes here!</h2>
<h1 class="toggle">Menu 2</h1>
<h2 class="stretcher">Menu 2 content goes here!</h2>
I used the tags h1 and h2 but you can use something else of course! Now let's link the script to your page, add this code between head tags:
<script src="mootools.js" type="text/javascript" language="JavaScript"></script>
Now, we need to write the javascript to make your accordion menu. Add this code to an other .js file (don't forget to link it to your page then):
window.onload = function() {
var myBox = document.getElementsByClassName('toggle');
var myBoxOpen = document.getElementsByClassName('stretcher');
var myEffect = new Accordion(myBox, myBoxOpen);}
...Or add it directly to your source:
<script type="text/javascript" language="JavaScript">
window.onload = function() {
var myBox = document.getElementsByClassName('toggle');
var myBoxOpen = document.getElementsByClassName('stretcher');
var myEffect = new Accordion(myBox, myBoxOpen);}
</script>
You're done! Test it and style it with CSS now!
]]> Menu accordéonVous pouvez voir un exemple de menu sur la gauche... Voici ce qu'on va faire. Vous devez d'abord télécharger mootools.js (n'oubliez pas de cocher accordion dans les plugins).
Codons d'abord le menu...
<h1 class="toggle">Menu 1</h1>
<h2 class="stretcher">Menu 1 content goes here!</h2>
<h1 class="toggle">Menu 2</h1>
<h2 class="stretcher">Menu 2 content goes here!</h2>
J'ai utilisé les balises h1 et h2 mais vous pouve utiliser autre chose bien sûr! Ajoutez ce code entre vos balises heada fin de lier le javascript à votre page:
<script src="mootools.js" type="text/javascript" language="JavaScript"></script>
Maintenant, nous devons mettre le code qui activera votre menu accordéon. Ajoutez ce code javascript dans un nouveau fichier .js (n'oubliez pas de le lier à votre page alors):
window.onload = function() {
var myBox = document.getElementsByClassName('toggle');
var myBoxOpen = document.getElementsByClassName('stretcher');
var myEffect = new Accordion(myBox, myBoxOpen);}
...Ou ajoutez le directement dans votre code source:
<script type="text/javascript" language="JavaScript">
window.onload = function() {
var myBox = document.getElementsByClassName('toggle');
var myBoxOpen = document.getElementsByClassName('stretcher');
var myEffect = new Accordion(myBox, myBoxOpen);}
</script>
Voilà! Vous pouvez le tester maintenant et le styler avec du CSS.
]]>If you want to know what this code do, just use Firefox and select the text in this site.
::-moz-selection{
background:#EDCCCC;
color:#FF3399;
}
::selection {
background:#EDCCCC;
color:#FF3399;
}
]]>
Couleur de sélection
Attention: ne marche pas dans IE et votre feuille de style ne sera pas valide.
Pour savoir ce que ça fait, sélectionner le texte sur le site en utilisant Firefox...
::-moz-selection{
background:#EDCCCC;
color:#FF3399;
}
::selection {
background:#EDCCCC;
color:#FF3399;
}
]]>
After a long time of inactivity, pootato.org is back with a new layout that's matching with the portfolio layout: it's spring soon... and I hated the previous layout (too dark). I admit there is no real new content, lack of time, lack of motivation, lack of ideas, lots of reasons...
All the comments are gone because I chose not to import my old Movable type backup. Please send me your comments! :D You still have the contact page to reach me, though I'm horrible at answering mail. There may be broken links, etc., I'm sorry. I'm also aware that the preview page for the designs is missing/does not work properly.
Anyway, this version is not finished and I still have a few things to add:
Après un long moment d'inactivité, pootato.org est de retour avec un nouveau design qui va avec celui du portfolio. C'est le printemps bientôt...! Je détestais l'ancien design, trop noir... J'avoue qu'il n'y a pas vraiment de nouveau contenu, pour de nombreuses causes... mais j'espère me rattraper. En attendant, ce serait sympa de m'envoyer vos commentaires! :D
A terminer:
Avatars
Buttons
Banners
Ice
Image: Abstract picture by me
Image © Me
Coding: Divs
toKyO niGht
Image: Tokyo photo by me
Image © Me
Coding: Divs
The city is alive
Image: Abstract/shapes
Image © Me
Coding: Divs
Goodbye reloaded
Image: Abstract/shapes
Image © Me
Coding: Divs
Spring to Life
Image: Vector by me
Image © Me
Coding: Divs
Cherry Blossom Girl
Image: Sakura vector by me
Image © Me & Masashi Kishimoto
Coding: Divs
Illumination
Image: Manipulation by me
Image © Me
Coding: Tables
Pint-size alchemist
Image: Edward Elric from Full Metal Alchemist
Image © Arakawa Hiromu, Square Enix.
Coding: Tables + divs
Heroes can save you
Image: Ichigo and Rikua from Bleach
Image © Kubo Tite, Shueisha inc.
Coding: Tables
Can't smile, don't blame
Image: Ichigo and Shad from Bleach
Image © Kubo Tite, Shueisha inc.
Coding: Tables + iframes
Circles
Image: Abstract
Image © Me
Coding: Tables
Dream in pink
Image: Abstract
Image © Me
Coding: Tables
Goodbye
Image: Abstract/shapes
Image © Me
Coding: Tables
No title
Image: Photography
Image © Me
Coding: Tables + divs
Viva la muerte
Image: Photography
Image © Me
Coding: Tables + divs
Different
Image: Abstract
Image © Me
Coding: Tables + divs
Crimson Stigmata
Image: Calintz from Magna Carta
Image © Hyung tae-Kim
Image credits: Hyung-taekim.org
Coding: Iframes + pop up
Nothing left
Image: Abstract
Image © Me
Coding: Tables + divs
Fly Away
Image: Dark from DN Angel
Image © Yukiru Sugisaki
Image credits: Anime
Project Alliance
Coding: Iframes
Adora
Image: Adora from Magna Carta
Image © Hyung tae-Kim
Image credits: Hyung-taekim.org
Coding: Tables
Phantom of Avalanche
Image: Calintz from Magna Carta
Image © Hyung tae-Kim
Image credits: Hyung-taekim.org
Coding: Tables