I tweet, Follow me

H1pp1e's Blog Design

Posted by josue on Development

On weekend I have the enough time to finish the blog design for my friend Hippie. Here the screenshot.

350_blog_h1pp1e.png

H1pp1e blog

As my blog the new H1pp1e's interface have an interactive zone, in this case the header show the last twitter post and change the image relating the emotion written on the micro-post, for this part I used Meteora an some of PHP, here the code :D.

300_header_h1pp1e.png

Header with twitter

Twitter.php

<?php
$url = 'http://twitter.com/statuses/user_timeline/6530232.atom';
$nick = "h1pp1e";

$content = file_get_contents($url);
$xml = simplexml_load_string($content);

$entry =str_replace("$nick:","",$xml->entry[0]->content.'');
$faces = array(":s",":\(",": )",":@",": o",": d","n_n",";\)","o_o",": p","t_t","u_u",":x");
$selected_face = ": d";
if($entry != ""){
    foreach($faces as $face){
        if( ereg(strtolower($face), strtolower($entry)) ){
            $selected_face = $face;
        }
    }
}
echo json_encode(array("execute"=>"$('emotion').src = '/data/faces/{$selected_face}.gif';$('messageTwitt').setContent('{$entry}')" ));
?>

Javascript

<script type="text/javascript">
Meteora.onStart(  
function(){
  new Ajax('/twitter/Twitter.php',{}).rpc();
}
);  
</script>

Related topics

{ meteora, php, css, web design }

About the author

josue

Josue is a Web developer working on Astrata with good friends, he love the music and the science, learn always is funny.

Comments

Monday July 7, 2008 @ 11:30

h1pp1e

EXCELENTE!!! la verdad me gusto mucho mi skin GRACIAS

Monday July 7, 2008 @ 13:08

David Valdez

EL efecto de las caritas y el twitter rula

Felicidades, te quedo muy chido el theme

Monday July 7, 2008 @ 14:51

Johanna

Te quedó muy bien, Josué. Felicitaciones

Monday July 7, 2008 @ 16:18

jordi

chingón!

Monday July 7, 2008 @ 16:56

HardBit

Quedo chingon el tema, ya nada mas falta que hagas el mio =D xDD

Tuesday July 15, 2008 @ 09:59

Bucio

que padré neta ¡¡ Implemantaré eso wii jiijij

Monday February 8, 2010 @ 07:33

projeksiyon

araba çiçek projeksiyon cihazı oyun oyna

Thursday March 4, 2010 @ 09:12

lineage 2

EL efecto de las caritas y el twitter rula

Gunz Online Fan web sites! <a href=“http://www.joingame.net/” title=“gunz online” target=“_blank”>gunz online</a>.Gunz online hacks <a href=“http://www.joingame.net/gunz-online-hacks/” title=“hacks gunz” target=“_blank”>gunz online hacks</a> Goblin of - in german mythology guide <a href=“http://www.joingame.net/goblin-of-german-mythology/” title=“Goblin Of German Mythology” target=“_blank”>Goblin Of German Mythology</a> Sro isrobot download <a href=“http://www.joingame.net/isrobot-download/” title=“isrobot, srobot, isrobot download” target=“_blank”>isrobot download</a> <a href=“http://www.joingame.net/warhammer-online-age-of-reckoning”>Warhammer Online Age of Reckoning </a> <a href=“http://www.joingame.net/ragnarok-online-story”>ragnarok online story</a>

Felicidades, te quedo muy chido el theme