<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">



<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

  <title>public.beta: mosaica - Screensaver für flickr</title>

<META NAME="keywords" CONTENT="Web, Online, Internet, Web2.0, Communication, Kommunikation, Business, Marketing, Technik, Gadgets">
<META NAME="description" CONTENT="Weblog über eBusiness, Marketing, Kommunikation und Gesellschaft im Zeitalter von Web 2.0">
<META NAME="author" CONTENT="Christian Muench">
<meta name="robots" content="INDEX,FOLLOW">
<meta http-equiv="content-language" content="de">
<meta name="revisit-after" content="1 days">
<META name="verify-v1" content="p4C8gqAqZeOc3b5jknPxcwM/IWW5V2sSvOcGtAsZIWQ=" />

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<meta name="generator" content="Blogger" />
<link rel="alternate" type="application/atom+xml" title="public.beta (Atom 0.3)" href="http://feeds.feedburner.com/public-beta" />
<link rel="alternate" type="application/rss+xml" title="public.beta (RSS 2.0)" href="http://feeds.feedburner.com/public-beta" />
<link rel="service.post" type="application/atom+xml" title="public.beta" href="https://www.blogger.com/atom/32422039" />
<link rel="service.post" type="application/atom+xml" title="public.beta (Atom 1.0)" href="http://www.blogger.com/feeds/32422039/posts/summary" />

<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.blogger.com/rsd.g?blogID=32422039" />
<style type="text/css">
@import url("http://www.blogger.com/css/blog_controls.css");
@import url("http://www.blogger.com/dyn-css/authorization.css?blogID=32422039");
</style>
<script type="text/javascript" src="http://www.blogger.com/js/backlink.js"></script>
<script type="text/javascript" src="http://www.blogger.com/js/backlink_control.js"></script>

<script type="text/javascript">var BL_backlinkURL = "http://www.blogger.com/dyn-js/backlink_count.js";var BL_blogId = "32422039";</script>

  <style type="text/css">
/*
-----------------------------------------------
Blogger Template Style
Name:     Dots
Designer: Douglas Bowman
URL:      www.stopdesign.com
Date:     24 Feb 2004
----------------------------------------------- */


body {
  background:#fff url("http://www.blogblog.com/dots/bg_dots.gif") 50% 0;
  margin:0;
  padding:0 10px;
  text-align:center;
  font:x-small Verdana,Arial,Sans-serif;
  color:#333;
  font-size/* */:/**/small;
  font-size: /**/small;
  }


/* Page Structure
----------------------------------------------- */
@media all {
  #content {
    background:url("http://www.blogblog.com/dots/bg_3dots.gif") no-repeat 250px 50px;
    width:700px;
    margin:0 auto;
    padding:50px 0;
    text-align:left;
    }
  #main {
    width:450px;
    float:right;
    padding:50px 0 20px;
    font-size:85%;
    }
  #main2 {
    background:url("http://www.blogblog.com/dots/bg_dots2.gif") -100px -100px;
    padding:20px 10px 15px;
    }
  #sidebar {
    width:200px;
    float:left;
    font-size:85%;
    padding-bottom:20px;
    }
  #sidebar2 {
    background:url("http://www.blogblog.com/dots/bg_dots2.gif") 150px -50px;
    padding:5px 10px 15px;
    width:200px;
    width/* */:/**/180px;
    width: /**/180px;
    }
  #sidebar3 {
    width:200px;
    float:right;
    font-size:85%;
    padding-bottom:20px;
    }
  }
@media handheld {
  #content {
    width:90%;
    }
  #main {
    width:100%;
    float:none;
    }
  #sidebar {
    width:100%;
    float:none;
    }
  #sidebar2 {
    width:100%;
    }
  }
html>body #main, html>body #sidebar {
  /* We only give this fade from white to nothing to
     browsers that can handle 24-bit transparent PNGs  */
  background/* */:/**/url("http://www.blogblog.com/dots/bg_white_fade.png") repeat-x left bottom;
  }


/* Title & Description
----------------------------------------------- */
@media all {
  #blog-title {
    margin:0 0 .5em;
    font:250%/1.4em Georgia,Serif;
    color:#353;
    }
  #blog-title a {
    color:#353;
    text-decoration:none;
    }
  #description {
    margin:0 0 1.75em;
    color:#996;
    }
  #blog-mobile-title {
    display:none;
    }
  #description-mobile {
    display:none;
    }
  }
@media handheld {
  #blog-title {
    display:none;
    }
  #description {
    display:none;
    }
  #blog-mobile-title {
    display:block;
    margin:0 0 .5em;
    font:250%/1.4em Georgia,Serif;
    color:#353;
    }
  #blog-mobile-title a {
    color:#353;
    text-decoration:none;
    }
  #description-mobile {
    display:block;
    margin:0 0 1.75em;
    color:#996;
    }
  }

/* Links
----------------------------------------------- */
a:link {
  color:#488;
  }
a:visited {
  color:#885;
  }
a:hover {
  color:#000;
  }
a img {
  border-width:0;
  }


/* Posts
----------------------------------------------- */
.date-header {
  margin:0 0 .75em;
  padding-bottom:.35em;
  border-bottom:1px dotted #9b9;
  font:95%/1.4em Georgia,Serif;
  text-transform:uppercase;
  letter-spacing:.3em;
  color:#663;
  }
.post {
  margin:0 0 2.5em;
  line-height:1.6em;
  }
.post-title {
  margin:.25em 0;
  font:bold 130%/1.4em Georgia,Serif;
  color:#333;
  }
.post-title a, .post-title strong {
  background:url("http://www.blogblog.com/dots/bg_post_title.gif") no-repeat 0 .25em;
  display:block;
  color:#333;
  text-decoration:none;
  padding:0 0 1px 45px;
  }
.post-title a:hover {
  color:#000;
  }
.post p {
  margin:0 0 .75em;
  }
p.post-footer {
  margin:0;
  text-align:right;
  }
p.post-footer em {
  display:block;
  float:left;
  text-align:left;
  font-style:normal;
  color:#996;
  }
a.comment-link {
  /* IE5.0/Win doesn't apply padding to inline elements,
     so we hide these two declarations from it */
  background/* */:/**/url("http://www.blogblog.com/dots/icon_comment.gif") no-repeat 0 .25em;
  padding-left:15px;
  }
html>body a.comment-link {
  /* Respecified, for IE5/Mac's benefit */
  background:url("http://www.blogblog.com/dots/icon_comment.gif") no-repeat 0 .25em;
  padding-left:15px;
  }
.post img {
  margin:0 0 5px 0;
  padding:4px;
  border:1px solid #cca;
  }


/* Comments
----------------------------------------------- */
#comments {
  margin:0;
  }
#comments h4 {
  margin:0 0 10px;
  border-top:1px dotted #9b9;
  padding-top:.5em;
  font:bold 110%/1.4em Georgia,Serif;
  color:#333;
  }
#comments-block {
  line-height:1.6em;
  }
.comment-poster {
  background:url("http://www.blogblog.com/dots/icon_comment.gif") no-repeat 2px .35em;
  margin:.5em 0 0;
  padding:0 0 0 20px;
  font-weight:bold;
  }
.comment-body {
  margin:0;
  padding:0 0 0 20px;
  }
.comment-body p {
  margin:0 0 .5em;
  }
.comment-timestamp {
  margin:0 0 .5em;
  padding:0 0 .75em 20px;
  color:#996;
  }
.comment-timestamp a:link {
  color:#996;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }


/* More Sidebar Content
----------------------------------------------- */
.sidebar-title {
  margin:2em 0 .75em;
  padding-bottom:.35em;
  border-bottom:1px dotted #9b9;
  font:95%/1.4em Georgia,Serif;
  text-transform:uppercase;
  letter-spacing:.3em;
  color:#663;
  }
#sidebar p {
  margin:0 0 .75em;
  line-height:1.6em;
  }
#sidebar ul {
  margin:.5em 0 1em;
  padding:0 0px;
  list-style:none;
  line-height:1.5em;
  }
#sidebar ul li {
  background:url("http://www.blogblog.com/dots/bullet.gif") no-repeat 3px .45em;
  margin:0;
  padding:0 0 5px 15px;
  }
#sidebar p {
  margin:0 0 .6em;
  }


/* Profile
----------------------------------------------- */
.profile-datablock {
  margin:0 0 1em;
  }
.profile-img {
  display:inline;
  }
.profile-img img {
  float:left;
  margin:0 8px 5px 0;
  border:4px solid #cc9;
  }
.profile-data {
  margin:0;
  line-height:1.5em;
  }
.profile-data strong {
  display:block;
  }
.profile-textblock {
  clear:left;
  }


/* Footer
----------------------------------------------- */
#footer {
  clear:both;
  padding:15px 0 0;
  }
#footer hr {
  display:none;
  }
#footer p {
  margin:0;
  }
  </style>

<!-- --><style type="text/css">@import url(http://www.blogger.com/css/navbar/main.css);
@import url(http://www.blogger.com/css/navbar/3.css);
div.b-mobile {display:none;}
</style>

</head>



<body><!-- --><div id="b-navbar"><a href="http://www.blogger.com/" id="b-logo" title="Go to Blogger.com"><img src="http://www.blogger.com/img/navbar/3/logobar.gif" alt="Blogger" width="80" height="24" /></a><div id="b-sms" class="b-mobile"><a href="sms:?body=Hi%2C%20check%20out%20public.beta%20at%20www.public-beta.com">Send As SMS</a></div><form id="b-search" name="b-search" action="http://search.blogger.com/"><div id="b-more"><a href="http://www.blogger.com/" id="b-getorpost"><img src="http://www.blogger.com/img/navbar/3/btn_getblog.gif" alt="Get your own blog" width="112" height="15" /></a><a href="http://www.blogger.com/redirect/next_blog.pyra?navBar=true" id="b-next"><img src="http://www.blogger.com/img/navbar/3/btn_nextblog.gif" alt="Next blog" width="72" height="15" /></a></div><div id="b-this"><input type="text" id="b-query" name="as_q" /><input type="hidden" name="ie" value="UTF-8" /><input type="hidden" name="ui" value="blg" /><input type="hidden" name="bl_url" value="www.public-beta.com" /><input type="image" src="http://www.blogger.com/img/navbar/3/btn_search_this.gif" alt="Search This Blog" id="b-searchbtn" title="Search this blog with Google Blog Search" onclick="document.forms['b-search'].bl_url.value='www.public-beta.com'" /><input type="image" src="http://www.blogger.com/img/navbar/3/btn_search_all.gif" alt="Search All Blogs" value="Search" id="b-searchallbtn" title="Search all blogs with Google Blog Search" onclick="document.forms['b-search'].bl_url.value=''" /><a href="javascript:BlogThis();" id="b-blogthis">BlogThis!</a></div></form></div><script type="text/javascript"><!--



function BlogThis() {Q='';x=document;y=window;if(x.selection) {Q=x.selection.createRange().text;} else if (y.getSelection) { Q=y.getSelection();} else if (x.getSelection) { Q=x.getSelection();}popw = y.open('http://www.blogger.com/blog_this.pyra?t=' + escape(Q) + '&u=' + escape(location.href) + '&n=' + escape(document.title),'bloggerForm','scrollbars=no,width=475,height=300,top=175,left=75,status=yes,resizable=yes');void(0);}

function blogspotInit() {}

 --></script><script type="text/javascript">  blogspotInit();</script><div id="space-for-ie"></div>

<!-- Begin #content -->

<div id="content">

<!-- Begin #main - Contains main-column blog content -->

<div id="main"><div id="main2">

  <h1 id="blog-mobile-title">
    <a href="http://www.public-beta.com">
	public.beta
	</a>
  </h1>

    <p id="description-mobile">Handel, Marketing & Medien im Zeitalter von Web 2.0</p>



    
  <h2 class="date-header">31 Oktober 2006</h2>
  

         <!-- Begin .post -->

  <div class="post"><a name="116230112319988588"></a>

         

    <h3 class="post-title">
	 
	 mosaica - Screensaver für flickr
	 
    </h3>
    

         <div class="post-body">
	<p>
      <div style="clear:both;"></div>Einen sehr schönen Screensaver für flickr hat <a href="http://www.greyhorn.net/">ein Arbeitskollege</a> von mir gerade fertig gestellt. Mosaica heisst dieser und lädt sich Bilder unter konfigurierbaren Kriterien direkt aus flickr. Das sieht dann etwa so aus:<br /><br /><img src="http://www.public-beta.com/_gif/mosaica03.jpg" /><br /><br />Mosaica ist für WIN und MAC verfügbar und steht <a href="http://blog.consta.de/mosaica/">hier zum Download bereit.</a><br /><br />Go'n'get it!<div style="clear:both; padding-bottom: 0.25em;"></div>
    </p>

    </div>

        <p class="post-footer">

      <em>posted by Q-BEE @ <a href="http://www.public-beta.com/2006/10/mosaica-screensaver-fr-flickr.html" title="permanent link">14:21</a></em>&nbsp;

       <span class="item-action"><a href="http://www.blogger.com/email-post.g?blogID=32422039&amp;postID=116230112319988588" title="Email Post"><span class="email-post-icon">&nbsp;</span></a></span><span class="item-control admin-49481215 pid-184314751"><a style="border:none;" href="http://www.blogger.com/post-edit.g?blogID=32422039&amp;postID=116230112319988588&amp;quickEdit=true" title="Edit Post"><span class="quick-edit-icon">&nbsp;</span></a></span>

    </p>

    </div>

  <!-- End .post -->

        <!-- Begin #comments -->
 
  <div id="comments">

	<a name="comments"></a>



    <h4>0 Comments:</h4>

        <dl id="comments-block">
      

    </dl>
		<p class="comment-timestamp">
    <a class="comment-link" href="http://www.blogger.com/comment.g?blogID=32422039&amp;postID=116230112319988588">Kommentar veröffentlichen</a>
    </p>
    	    
    
    <a name="links"></a><h4>Links to this post:</h4>
    <dl id="comments-block">
    <script type="text/javascript" src="http://www.blogger.com/dyn-js/backlink.js?blogID=32422039&postID=116230112319988588" charset="utf-8" defer="true">
</script>
<noscript><a href="http://search.blogger.com/blogsearch?q=link:http%3A%2F%2Fwww.public-beta.com%2F2006%2F10%2Fmosaica-screensaver-fr-flickr.html">See links to this post</a></noscript>
<div id="blogger-dcom-block" style="display:none">
        <dt class="comment-title">
        <span class="comment-toggler">&nbsp;</span>
        <a href="<$BlogBacklinkURL$>" rel="nofollow"><$BlogBacklinkTitle$></a> <span class="item-control admin-49481215"><a style="border:none;" href="http://www.blogger.com/delete-backlink.g?blogID=32422039&amp;postID=116230112319988588&amp;backlinkURL=%3C$BlogBacklinkURLEscaped$%3E" title="Link entfernen" ><span class="delete-comment-icon">&nbsp;</span></a></span>
        </dt>
        <dd class="comment-body"><$BlogBacklinkSnippet$>
        <br />
        <span class="comment-poster">
        <em>posted by <$BlogBacklinkAuthor$> @ <$BlogBacklinkDateTime$></em>
        </span>
        </dd>
    </div>
<script type="text/javascript">if (typeof BL_addOnLoadEvent == 'function') { BL_addOnLoadEvent(function() { BL_writeBacklinks(); }); }</script>

    </dl>
    <p class="comment-timestamp"><a class="comment-link" href="javascript:BlogThis();" id="b-backlink">Link erstellen</a></p>
    


		<p class="comment-timestamp">

	<a href="http://www.public-beta.com">&lt;&lt; Home</a>
    </p>
    </div>



  <!-- End #comments -->



</div></div>

<!-- End #main -->




<!-- Begin #sidebar -->

<div id="sidebar"><div id="sidebar2">

    <h1 id="blog-title">
    <a href="http://www.public-beta.com">
	public.beta
	</a>
  </h1>

    <p id="description">Handel, Marketing & Medien im Zeitalter von Web 2.0</p>







  <!-- Begin #profile-container -->

            <div id="profile-container"> <h2 class="sidebar-title">About Me</h2> <dl class="profile-datablock">   <dt class="profile-img"> <a href="http://www.blogger.com/profile/2756273"> <img width="75" alt="My Photo" height="75" src="http://static.flickr.com/33/50179485_d9cfee0e1a_s.jpg">   </a> </dt>   <dd class="profile-data"> <strong>Name:</strong>Q-BEE </dd>  <dd class="profile-data"> <strong>Location:</strong>Cologne, Germany </dd>  </dl>  <p class="profile-textblock"> <a href="https://www.openbc.com/hp/Christian_Muench/">At  OpenBC</a>
<p>
<a href="http://www.d-sire.com/">At my desk</a>
<p>
<a href="http://www.technorati.com/claim/menwca6kj5" rel="me">Technorati Profile</a> </p>  <p class="profile-link"> <a href="http://www.blogger.com/profile/2756273">View my complete profile</a> </p> </div>  

  <!-- End #profile -->



      <h2 class="sidebar-title">Previous Posts</h2>
    <ul id="recently">
    
        <li><a href="http://www.public-beta.com/2006/10/plugim-neue-infoquelle-fr-online.html">PlugIM - Neue Infoquelle für Online-Marketing</a></li>

     
        <li><a href="http://www.public-beta.com/2006/10/ein-digitales-vermchtnis-fr-die.html">Ein digitales Vermächtnis für die Ewigkeit</a></li>

     
        <li><a href="http://www.public-beta.com/2006/10/immer-wieder-gerne-gewnscht-viral.html">Immer wieder gerne gewünscht: Viral Spots als Wundermittel</a></li>

     
        <li><a href="http://www.public-beta.com/2006/10/100-dampf-ablassen-und-zero-abmahnung.html">100% Dampf ablassen und Zero Abmahnung</a></li>

     
        <li><a href="http://www.public-beta.com/2006/10/die-beliebtesten-websites-2006.html">Die beliebtesten Websites 2006</a></li>

     
        <li><a href="http://www.public-beta.com/2006/10/suchmaschinen-optimierung-fr-online.html">Suchmaschinen-Optimierung für Online-Shops</a></li>

     
        <li><a href="http://www.public-beta.com/2006/10/mobile-internetnutzung-auf-dem.html">Mobile Internetnutzung auf dem Vormarsch</a></li>

     
        <li><a href="http://www.public-beta.com/2006/10/casio-x-is-everywhere.html">Casio: X IS EVERYWHERE</a></li>

     
        <li><a href="http://www.public-beta.com/2006/10/blogpiloten-blackbox-www.html">Blogpiloten - Blackbox WWW</a></li>

     
        <li><a href="http://www.public-beta.com/2006/10/barcamp-cologne.html">BarCamp Cologne</a></li>

     
  </ul>

    

<!-- Stay tuned -->

<h2 class="sidebar-title">Stay tuned</h2>
<p><a href="http://feeds.feedburner.com/public-beta" title="Subscribe to my feed, public.beta" rel="alternate" type="application/rss+xml"><img src="http://www.feedburner.com/fb/images/pub/feed-icon16x16.png" alt="" style="border:0"/></a> <a href="http://feeds.feedburner.com/public-beta" title="Subscribe to my feed, public.beta" rel="alternate" type="application/rss+xml">RSS-Feed</a> 
<p>

<a href="http://feeds.feedburner.com/public-beta"><img src="http://feeds.feedburner.com/~fc/public-beta?bg=999966&amp;fg=FFFFFF&amp;anim=0" height="26" width="88" style="border:0" alt="" /></a>

</p>
<br>
<p><a href="http://add.my.yahoo.com/rss?url=http://feeds.feedburner.com/public-beta" title="public.beta"><img src="http://us.i1.yimg.com/us.yimg.com/i/us/my/addtomyyahoo4.gif" alt="" style="border:0"/></a></p>
<p><a href="http://www.newsgator.com/ngs/subscriber/subext.aspx?url=http://feeds.feedburner.com/public-beta" title="public.beta"><img src="http://www.newsgator.com/images/ngsub1.gif" alt="Subscribe in NewsGator Online" style="border:0"/></a></p>
<p><a href="http://www.netvibes.com/subscribe.php?url=http://feeds.feedburner.com/public-beta"><img src="http://www.netvibes.com/img/add2netvibes.gif" width="91" height="17" alt="Add to netvibes" style="border:0" /></a></p>
<p><a href="http://fusion.google.com/add?feedurl=http://feeds.feedburner.com/public-beta"><img src="http://buttons.googlesyndication.com/fusion/add.gif" width="104" height="17" style="border:0" alt="Add to Google"/></a></p>
<p>
<h2 class="sidebar-title">Blogs I like</h2>
<ul>
   <li><a href="http://ecommerce.typepad.com/exciting_ecommerce/">Exiting Commerce</a></li>
   <li><a href="http://www.fischmarkt.de">Fischmarkt</a></li>
   <li><a href="http://www.e-commerce-blog.de/">E-Commerce Blog</a></li>
   <li><a href="http://www.smartmobs.com">Smartmobs</a></li>
   <li><a href="http://blog.wired.com/monkeybites/">Monkey Bites</a></li>
   <li><a href="http://www.web2null.de/">Web2Null</a></li>
   <li><a href="http://www.adverblog.com/">Adverblog</a></li>
   <li><a href="http://www.connectedmarketing.de/">Connected Marketing</a></li>
</ul>

<h2 class="sidebar-title">Current Location</h2>

<embed src="http://beta.plazes.com:80/tools/badge.swf?nocache=1158065741" wmode="transparent" width="180" height="120" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" swLiveConnect="true" FlashVars="key=6fc9df4ae707488b27214316fa7a31c7&amp;dark=000000&amp;light=000000&amp;text=ffffff&amp;link=33cc00" />

<!-- Start of Flickr Badge -->

<h2 class="sidebar-title">My Photos</h2>
<style type="text/css">
#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#669999;}
#flickr_badge_wrapper {border: solid 1px #CCCC66}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}
</style>
<table id="flickr_badge_uber_wrapper" cellpadding="0" cellspacing="10" border="0"><tr><td><a href="http://www.flickr.com" id="flickr_www">www.<strong style="color:#3993ff">flick<span style="color:#ff1c92">r</span></strong>.com</a><table cellpadding="0" cellspacing="10" border="0" id="flickr_badge_wrapper">
<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=3&display=latest&size=t&layout=v&source=user&user=35468140055%40N01"></script>
</table>
</td></tr></table>
<!-- End of Flickr Badge -->


  </div></div>

<!-- End #sidebar -->


<!-- Begin #footer -->

<div id="footer"><hr />


  <p><!-- This is an optional footer. If you want text here, place it inside these tags, and remove this comment. -->&nbsp;</p>



</div>

<!-- End #footer -->



</div>

<!-- End #content -->

<script src="http://getclicky.com/1107.js"> </script>
<noscript><img height=0 width=0 src="http://getclicky.com/1107ns.gif"></noscript>

<!-- Google Analytivs -->
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-622956-1";
urchinTracker();
</script>
<!-- Google Analytics End -->

</body>

</html>