Team:TU-Delft/Test2

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
<!DOCTYPE html>
-
<script src="http://tympanus.net/Tutorials/MoleskineNotebook/cufon/cufon-yui.js" type="text/javascript"></script>
+
<html dir="ltr" lang="en-US">
-
<script src="http://tympanus.net/Tutorials/MoleskineNotebook/cufon/ChunkFive_400.font.js" type="text/javascript"></script>
+
<head>
-
<script src="http://tympanus.net/Tutorials/MoleskineNotebook/cufon/Note_this_400.font.js" type="text/javascript"></script>
+
   
-
<script type="text/javascript">
+
<script type='text/javascript' src='http://mycraft.gr/wp-includes/js/jquery/jquery.js?ver=1.4.2'></script>
-
Cufon.replace('h1,p,.b-counter');
+
<script type='text/javascript' src='http://mycraft.gr/wp-content/plugins/mycraft/js/galleria.js?ver=3.0.3'></script>
-
Cufon.replace('.book_wrapper a', {hover:true});
+
<script type='text/javascript' src='http://mycraft.gr/wp-content/plugins/mc-booklet/js/jquery.easing.1.3.js?ver=3.0.3'></script>
-
Cufon.replace('.title', {textShadow: '1px 1px #C59471', fontFamily:'ChunkFive'});
+
<script type='text/javascript' src='http://mycraft.gr/wp-content/plugins/mc-booklet/js/jquery.booklet.1.1.0.min.js?ver=3.0.3'></script>
-
Cufon.replace('.reference a', {textShadow: '1px 1px #C59471', fontFamily:'ChunkFive'});
+
<script type='text/javascript' src='http://mycraft.gr/wp-content/plugins/mc-booklet/js/cufon-yui.js?ver=3.0.3'></script>
-
Cufon.replace('.loading', {textShadow: '1px 1px #000', fontFamily:'ChunkFive'});
+
<script type='text/javascript' src='http://mycraft.gr/wp-content/plugins/mc-booklet/js/ChunkFive_400.font.js?ver=3.0.3'></script>
-
</script>
+
<script type='text/javascript' src='http://mycraft.gr/wp-content/plugins/mc-booklet/js/Note_this_400.font.js?ver=3.0.3'></script>
-
<div class="book_wrapper">
+
<style type="text/css">
 +
.addtoany_list a img{filter:alpha(opacity=70)}
 +
.addtoany_list a:hover img,.addtoany_list a.addtoany_share_save img{filter:alpha(opacity=100)}
 +
</style>
 +
<![endif]-->
 +
<script type="text/javascript">var icl_lang = 'en';var icl_home = 'http://mycraft.gr/';</script>
 +
<script type="text/javascript" src="http://mycraft.gr/wp-content/plugins/sitepress-multilingual-cms/res/js/sitepress.js"></script>
 +
<meta name="generator" content="WPML ver:2.0.4 stt:1,13;0;0;0" />
-
<a id="next_page_button"></a>
+
<!-- This site is optimized with the Yoast WordPress SEO plugin v0.2.1 - http://yoast.com/wordpress/seo/ -->
-
<a id="prev_page_button"></a>
+
<link rel="canonical" href="http://mycraft.gr/2011/01/my-booklet-plugin/" />
 +
<!-- / Yoast WordPress SEO plugin. -->
-
<div id="loading" class="loading">Loading pages...</div>
+
</head>
-
 
+
    <body class="single single-post postid-516">
-
<div id="mybook" style="display:none;">
+
    <div id="wrapper" class="hfeed">
-
<div class="b-load">
+
        <div id="header">
-
 
+
            <div id="masthead">
-
<div>
+
<div id="access"></div><!-- #access -->
-
<h1>Slider Gallery</h1>
+
                <div id="branding">
-
<p>This tutorial is about creating a creative gallery...</p>
+
                                        <div id="site-title">
-
<a href="#" class="article">Article</a>
+
                        <span>
-
<a href="#" class="demo">Demo</a>
+
                            <a href="http://mycraft.gr/" title="mycraft">mycraft</a>
 +
                        </span>
 +
                    </div>
 +
                    <div id="site-description">
 +
Beautiful handmade crafts for everyone                    </div>
 +
<img src="http://mycraft.gr/wp-content/themes/locket/images/maingraphic.jpg" width="884px" height="322px" />
 +
                </div><!-- #branding -->
 +
            </div><!-- #masthead -->
 +
        </div><!-- #header -->
 +
        <div id="main"> <div id="container">
 +
<div id="content">
 +
            <div id="post-516" class="post-516 post type-post hentry category-plugins-for-mycraft-gr tag-booklet tag-download tag-jquery tag-moleskine-notebook tag-plugin">
 +
            <h1 class="entry-title"><a href="http://mycraft.gr/2011/01/my-booklet-plugin/" title="Permalink to My Booklet plugin" rel="bookmark">My Booklet plugin</a></h1>
 +
                            <div class="entry-meta">
 +
                    <span class="date">Posted on January 2nd, 2011</span>
 +
                </div><!-- .entry-meta -->
 +
                                        <div class="entry-content">
 +
                    <p>I wanted to change the image gallery in mycraft, and I&#8217;ve made this booklet plugin based on <a href="http://tympanus.net/codrops/2010/12/14/moleskine-notebook/">Moleskine Notebook with jQuery Booklet</a> and on <a href="http://builtbywill.com/code/booklet/">Booklet </a></p>
 +
<p>I&#8217;ll share it with you in case someone else will like to use it. Any ideas for improvements are very welcomed.<br />
 +
This is a first draft, I&#8217;m working on a new version now which will have options too. </p>
 +
<p><strong>DEMO </strong><br />
 +
<div class="book_wrapper">
 +
<a class="next_page_button" id="next_page_button_4dfa06ffedd06"></a>
 +
<a class="prev_page_button" id="prev_page_button_4dfa06ffedd06"></a>
 +
<div id="loading_4dfa06ffedd06" class="loading">Loading pages...</div>
 +
<div id="mybook_4dfa06ffedd06" style="display:none;">
 +
<div class="b-load">
 +
<div><br />
 +
<img src="http://mycraft.gr/wp-content/plugins/mc-booklet/galleries/recycle/01.jpg" alt="" /></p>
 +
<h1>You have a mess with all this plastic bags</h1>
 +
<p><!--/pg--><br />
 +
</div>
 +
<div><br />
 +
<img src="http://mycraft.gr/wp-content/plugins/mc-booklet/galleries/recycle/02.jpg" alt="" /></p>
 +
<h1>You first cut the handles of the bag and the bottom part</h1>
 +
<p></div>
 +
<div><br />
 +
<img src="http://mycraft.gr/wp-content/plugins/mc-booklet/galleries/recycle/03.jpg" alt="" /></p>
 +
<h1>Now you are ready to start cut rounds of the plastic bag</h1>
 +
<p><!--/pg--><br />
 +
</div>
 +
<div><br />
 +
<img src="http://mycraft.gr/wp-content/plugins/mc-booklet/galleries/recycle/04.jpg" alt="" /></p>
 +
<h1>You made a beautiful plastic thread, you now can rap it all around into a beautiful clew</h1>
 +
<p><!--/pg--><br />
 +
</div>
 +
<div><br />
 +
<img src="http://mycraft.gr/wp-content/plugins/mc-booklet/galleries/recycle/05.jpg" alt="" /></p>
 +
<h1>This is how it goes, I haven&#8217;t finish it yet, but I&#8217;m keep working on it</h1>
 +
<p><!--/pg--><br /></div>
 +
</div>
</div>
</div>
 +
</div>
 +
</p>
 +
<p>It&#8217;s pretty easy in use, just follow those steps<br />
 +
1. Go to your WordPress admin panel to Plugins section<br />
 +
2. Go to Add New.<br />
 +
3.Go to Upload,  browse to the directory where you have saved the downloaded plugin<br />
 +
4 . Press &#8220;Install Now&#8221;<br />
 +
5. Press &#8220;Activate Plugin&#8221;<br />
 +
6. After you activate the plugin, you go to your server dir where you have your plugins.<br />
 +
7. Find the &#8220;mc-booklet&#8221; folder in your  /wp-content/plugins/ directory and create a new folder and named it &#8220;galleries&#8221; or any other name you like.<br />
 +
8. You zip your images and you upload them into that folder (&#8221; /wp-content/plugins/mc-booklet/galleries&#8221;)</p>
 +
<p>Now all you have to do, is write your post and then insert into your post the code which you&#8217;ll find in the readme.txt file within your plugin directory.<br />
 +
You copy the &#8220;image source tag&#8221;  as many times as the number of your images and you may write a small description under each image within the html<br />
 +
tags</p>
 +
<p>That&#8217;s all !!!  <strong><a href="http://mycraft.gr/?download=mc-booklet1">Download Plugin</a></strong></p>
 +
<p>I would appreciate it if you leave your comments tell me what you think about it, if you like it, what improvements you reckon should be made.<br />
 +
I&#8217;ll keep you posted about how the development goes. </p>
 +
<div class="addtoany_share_save_container"><div class="a2a_kit addtoany_list"><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save"><img src="http://mycraft.gr/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share"/></a></div>
 +
<script type="text/javascript"><!--
 +
var a2a_config = a2a_config || {};
 +
a2a_config.linkname="My Booklet plugin";
 +
a2a_config.linkurl="http://mycraft.gr/2011/01/my-booklet-plugin/";
 +
a2a_config.show_title=1;
 +
//--></script><script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>
-
<div>
+
</div>                                    </div><!-- .entry-content -->
-
...
+
                        <div class="entry-utility">
-
</div>
+
                    <span class="cat-links">
 +
                    <span class="entry-utility-prep entry-utility-prep-cat-links">Posted in</span> <a href="http://mycraft.gr/category/plugins-for-mycraft-gr/" title="View all posts in Plugins for mycraft.gr" rel="category tag">Plugins for mycraft.gr</a>                    </span>
 +
                                                                                        <span class="tag-links">
 +
                                        <span class="meta-sep">|</span>
 +
                                                                            <span class="entry-utility-prep entry-utility-prep-tag-links">Tagged as: </span> <a href="http://mycraft.gr/tag/booklet/" rel="tag">Booklet</a>, <a href="http://mycraft.gr/tag/download/" rel="tag">download</a>, <a href="http://mycraft.gr/tag/jquery/" rel="tag">jquery</a>, <a href="http://mycraft.gr/tag/moleskine-notebook/" rel="tag">Moleskine Notebook</a>, <a href="http://mycraft.gr/tag/plugin/" rel="tag">plugin</a>                    </span>
 +
                                                    <span class="comments-link">
 +
                    <span class="meta-sep">|</span>
 +
                                                    <a href="http://mycraft.gr/2011/01/my-booklet-plugin/#comments" title="Comment on My Booklet plugin">2 Comments</a>                </span>
 +
                                            </div><!-- .entry-utility -->
 +
</div><!-- #post-## -->
 +
<div id="comments">
 +
 +
<h3 id="comments-title">2 Responses to <em>My Booklet plugin</em></h3>
 +
<ol class="commentlist">
 +
<li class="pingback even thread-even depth-1" id="comment-4905">
 +
<div id="div-comment-4905" class="comment-body">
 +
<div class="comment-author vcard">
 +
<cite class="fn"><a href='http://topsy.com/mycraft.gr/2011/01/my-booklet-plugin/?utm_source=pingback&amp;utm_campaign=L2' rel='external nofollow' class='url'>Tweets that mention My Booklet plugin | mycraft -- Topsy.com</a></cite> <span class="says">says:</span> </div>
-
</div>
+
<div class="comment-meta commentmetadata"><a href="http://mycraft.gr/2011/01/my-booklet-plugin/#comment-4905">
-
</div>
+
January 3, 2011 at 12:09 am</a> </div>
-
</div>
+
-
<style type="text/css">
+
<p>[...] This post was mentioned on Twitter by SourceLand, Vassiliki Marineli and others. Vassiliki Marineli said: RT @mycraftgr: Download #wordpress Moleskine Notebook Booklet #plugin <a href="http://mycraft.gr/2011/01/my-booklet-plugin/" rel="nofollow">http://mycraft.gr/2011/01/my-booklet-plugin/</a> [...]</p>
-
.booklet{
+
-
-moz-box-shadow:0px 0px 1px #fff;
+
-
-webkit-box-shadow:0px 0px 1px #fff;
+
-
box-shadow:0px 0px 1px #fff;
+
-
-moz-border-radius:10px;
+
-
-webkit-border-radius:10px;
+
-
border-radius:10px;
+
-
}
+
-
.booklet .b-wrap-left{
+
-
background:#fff url(http://tympanus.net/Tutorials/MoleskineNotebook/images/left_bg.jpg) no-repeat top left;
+
-
-webkit-border-top-left-radius: 10px;
+
-
-webkit-border-bottom-left-radius: 10px;
+
-
-moz-border-radius-topleft:10px;
+
-
-moz-border-radius-bottomleft: 10px;
+
-
border-top-left-radius: 10px;
+
-
border-bottom-left-radius: 10px;
+
-
}
+
-
.booklet .b-wrap-right{
+
-
background:#efefef url(http://tympanus.net/Tutorials/MoleskineNotebook/images/right_bg.jpg) no-repeat top left;
+
-
-webkit-border-top-right-radius: 10px;
+
-
-webkit-border-bottom-right-radius: 10px;
+
-
-moz-border-radius-topright: 10px;
+
-
-moz-border-radius-bottomright: 10px;
+
-
border-top-right-radius: 10px;
+
-
border-bottom-right-radius: 10px;
+
-
}
+
-
.booklet .b-counter{
+
-
bottom:10px;
+
-
position:absolute;
+
-
display:block;
+
-
width:90%;
+
-
height:20px;
+
-
border-top:1px solid #ddd;
+
-
color:#222;
+
-
text-align:center;
+
-
font-size:12px;
+
-
padding:5px 0 0;
+
-
background:transparent;
+
-
-moz-box-shadow:0px -1px 1px #fff;
+
-
-webkit-box-shadow:0px -1px 1px #fff;
+
-
box-shadow:0px -1px 1px #fff;
+
-
opacity:0.8;
+
-
}
+
-
.book_wrapper{
+
-
    margin:0 auto;
+
-
    padding-top:50px;
+
-
    width:905px;
+
-
    height:540px;
+
-
    position:relative;
+
-
    background:transparent url(http://tympanus.net/Tutorials/MoleskineNotebook/images/bg.png) no-repeat 9px 27px;
+
-
.book_wrapper h1{
+
<div class="reply">
-
color:#13386a;
+
</div>
-
margin:5px 5px 5px 15px;
+
</div>
-
font-size:26px;
+
</li>
-
padding-bottom:7px;
+
<li class="comment odd alt thread-odd thread-alt depth-1" id="comment-15010">
-
}
+
<div id="div-comment-15010" class="comment-body">
-
.book_wrapper p{
+
<div class="comment-author vcard">
-
font-size:16px;
+
<img alt='' src='http://1.gravatar.com/avatar/be958a41cef6cb01cc7e9d7385cf3d56?s=32&amp;d=identicon&amp;r=G' class='avatar avatar-32 photo' height='32' width='32' /> <cite class="fn">Brad</cite> <span class="says">says:</span> </div>
-
margin:5px 5px 5px 15px;
+
-
}
+
-
.book_wrapper a.article,
+
-
.book_wrapper a.demo{
+
-
background:transparent url(http://tympanus.net/Tutorials/MoleskineNotebook/images/circle.png) no-repeat 50% 0px;
+
-
display:block;
+
-
width:95px;
+
-
height:41px;
+
-
text-decoration:none;
+
-
outline:none;
+
-
font-size:16px;
+
-
color:#555;
+
-
float:left;
+
-
line-height:41px;
+
-
padding-left:47px;
+
-
}
+
-
.book_wrapper a.demo{
+
-
margin-left:50px;
+
-
}
+
-
.book_wrapper a.article:hover,
+
-
.book_wrapper a.demo:hover{
+
-
background-position:50% -41px;
+
-
color:#13386a;
+
-
}
+
-
.book_wrapper img{
+
-
margin:10px 0px 5px 35px;
+
-
width:300px;
+
-
padding:4px;
+
-
border:1px solid #ddd;
+
-
-moz-box-shadow:1px 1px 1px #fff;
+
-
-webkit-box-shadow:1px 1px 1px #fff;
+
-
box-shadow:1px 1px 1px #fff;
+
-
}
+
-
.booklet .b-wrap-right img{
+
<div class="comment-meta commentmetadata"><a href="http://mycraft.gr/2011/01/my-booklet-plugin/#comment-15010">
-
border:1px solid #E6E3C2;
+
March 9, 2011 at 11:56 am</a> </div>
-
}
+
-
a#next_page_button,
+
<p>Brilliant. I looked into adding the Moleskine jQuery Booklet to my WordPress site but I couldn&#8217;t be bothered messing with all the CSS and JS files. This plugin just works. Unfortunately there was no readme so I had to look through the code to see what the shortcodes were and how to use it, but other than that the plugin works very well and works as expected.<br />
-
a#prev_page_button{
+
Thanks!</p>
-
display:none;
+
-
position:absolute;
+
-
width:41px;
+
-
height:40px;
+
-
cursor:pointer;
+
-
margin-top:-20px;
+
-
top:50%;
+
-
background:transparent url(http://tympanus.net/Tutorials/MoleskineNotebook/images/buttons.png) no-repeat 0px -40px;
+
-
}
+
-
a#prev_page_button{
+
-
left:-30px;
+
-
}
+
-
a#next_page_button{
+
-
right:-30px;
+
-
background-position:-41px -40px;
+
-
}
+
-
a#next_page_button:hover{
+
-
background-position:-41px 0px;
+
-
}
+
-
a#prev_page_button:hover{
+
-
background-position:0px 0px;
+
-
}
+
-
.loading{
+
<div class="reply">
-
width:160px;
+
</div>
-
height:56px;
+
</div>
-
position: absolute;
+
</li>
-
top:50%;
+
</ol>
-
margin-top:-28px;
+
<div id="respond">
-
right:135px;
+
<h3 id="reply-title">Leave a Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/2011/01/my-booklet-plugin/#respond" style="display:none;">Cancel reply</a></small></h3>
-
line-height:56px;
+
<form action="http://mycraft.gr/wp-comments-post.php" method="post" id="commentform">
-
color:#fff;
+
<p class="comment-notes">Your email address will not be published. Required fields are marked <span class="required">*</span></p> <p class="comment-form-author"><label for="author">Name</label> <span class="required">*</span><input id="author" name="author" type="text" value="" size="30" aria-required='true' /></p>
-
padding-left:60px;
+
<p class="comment-form-email"><label for="email">Email</label> <span class="required">*</span><input id="email" name="email" type="text" value="" size="30" aria-required='true' /></p>
-
font-size:15px;
+
<p class="comment-form-url"><label for="url">Website</label><input id="url" name="url" type="text" value="" size="30" /></p>
-
background: #000 url(../images/ajax-loader.gif) no-repeat 10px 50%;
+
<p class="comment-form-comment"><label for="comment">Comment</label><textarea id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea></p> <p class="form-allowed-tags">You may use these <abbr title="HyperText Markup Language">HTML</abbr> tags and attributes: <code>&lt;a href=&quot;&quot; title=&quot;&quot;&gt; &lt;abbr title=&quot;&quot;&gt; &lt;acronym title=&quot;&quot;&gt; &lt;b&gt; &lt;blockquote cite=&quot;&quot;&gt; &lt;cite&gt; &lt;code&gt; &lt;del datetime=&quot;&quot;&gt; &lt;em&gt; &lt;i&gt; &lt;q cite=&quot;&quot;&gt; &lt;strike&gt; &lt;strong&gt; </code></p> <p class="form-submit">
-
opacity: 0.7;
+
<input name="submit" type="submit" id="submit" value="Post Comment" />
-
z-index:9999;
+
<input type='hidden' name='comment_post_ID' value='516' id='comment_post_ID' />
-
-moz-border-radius:20px;
+
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
-
-webkit-border-radius:20px;
+
</p>
-
border-radius:20px;
+
<p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="9cd08c593b" /></p>       
-
}
+
        <input type="hidden" name="icl_comment_language" value="en" />
 +
       
 +
         
 +
        </form>
 +
</div><!-- #respond -->
 +
</div><!-- #comments -->
 +
</div><!-- #content -->
 +
</div><!-- #container -->
 +
<div id="primary" class="widget-area">
 +
    <form role="search" method="get" id="searchform" action="http://mycraft.gr/" >
 +
<div><label class="screen-reader-text" for="s">Search for:</label>
 +
<input type="text" value="" name="s" id="s" />
 +
<input type="submit" id="searchsubmit" value="Search" />
 +
</div>
 +
</form> <ul class="xoxo">
 +
<li id="language-selector" class="widget icl_languages_selector">
 +
<div id="lang_sel_list">         
 +
            <ul>
 +
                                <li class="icl-en">         
 +
                    <a href="http://mycraft.gr/2011/01/my-booklet-plugin/" class="lang_sel_sel">
 +
                                   
 +
                    <img  class="iclflag" src="http://mycraft.gr/wp-content/plugins/sitepress-multilingual-cms/res/flags/en.png" alt="en" />&nbsp;                  
 +
                                        <span  class="icl_lang_sel_current">English</span>                    </a>
 +
                </li>
 +
                                <li class="icl-el">         
 +
                    <a href="http://mycraft.gr/el/" class="lang_sel_other">
 +
                                   
 +
                    <img  class="iclflag" src="http://mycraft.gr/wp-content/plugins/sitepress-multilingual-cms/res/flags/el.png" alt="el" />&nbsp;                  
 +
                                        <span  class="icl_lang_sel_native">Ελληνικα</span> <span  class="icl_lang_sel_translated"><span  class="icl_lang_sel_native">(</span>Greek<span  class="icl_lang_sel_native">)</span></span>                    </a>
 +
                </li>
 +
                            </ul>
 +
</div>
 +
</li>
 +
<li id="about-me-3000" class="widget widget_aboutme"><h2 class="widgettitle">Follow Me At</h2>
 +
    <style>
 +
      .aboutme {clear:both}
 +
      .aboutme * {border: 0px solid;}
 +
      .aboutme img {padding:0px;}
 +
    </style>
 +
    <div class='aboutme'><div style='clear:both'></div><div style='border-top: 1px solid #eee; padding-top:5px; position:relative; height:25px'><div style='left:0; position: absolute'><a style='padding:2px' href='http://www.facebook.com/profile.php?id=100001114326444'><img src='http://mycraft.gr/wp-content/plugins/about-me-3000/facebook.png' border='0'></a><a style='padding:2px' href='http://twitter.com/#!/mycraftgr'><img src='http://mycraft.gr/wp-content/plugins/about-me-3000/twitter.png' border='0'></a><a style='padding:2px' href='http://www.youtube.com/user//mycraftgr?feature=mhum'><img src='http://mycraft.gr/wp-content/plugins/about-me-3000/youtube.png' border='0'></a></div></div></div></li>
 +
<li id="pages-4" class="widget widget_pages"><h2 class="widgettitle">More goodies</h2>
 +
<ul>
 +
<li class="page_item page-item-622"><a href="http://mycraft.gr/contact-me/" title="Contact Me">Contact Me</a></li>
 +
<li class="page_item page-item-2"><a href="http://mycraft.gr/about/" title="Few words about me&#8230;">Few words about me&#8230;</a></li>
 +
<li class="page_item page-item-221"><a href="http://mycraft.gr/the-stage-is-yours/" title="The stage is yours !!!">The stage is yours !!!</a></li>
 +
<li class="page_item page-item-464"><a href="http://mycraft.gr/what-you-would-like-to-see-in-this-site/" title="What you would like to see in this site? Order it now!">What you would like to see in this site? Order it now!</a></li>
 +
</ul>
 +
</li>
 +
<li id="categories-5" class="widget widget_categories"><h2 class="widgettitle">Pick one </h2>
 +
<ul>
 +
<li class="cat-item cat-item-4"><a href="http://mycraft.gr/category/craft-masterpieces/" title="View all posts filed under Craft masterpieces">Craft masterpieces</a> (13)
 +
</li>
 +
<li class="cat-item cat-item-18"><a href="http://mycraft.gr/category/cross-stitch/" title="View all posts filed under Cross Stitch">Cross Stitch</a> (2)
 +
</li>
 +
<li class="cat-item cat-item-303"><a href="http://mycraft.gr/category/events-and-competitions/" title="View all posts filed under Events and Competitions">Events and Competitions</a> (3)
 +
</li>
 +
<li class="cat-item cat-item-235"><a href="http://mycraft.gr/category/plugins-for-mycraft-gr/" title="View all posts filed under Plugins for mycraft.gr">Plugins for mycraft.gr</a> (2)
 +
</li>
 +
<li class="cat-item cat-item-43"><a href="http://mycraft.gr/category/scrapbooking/" title="View all posts filed under Scrapbooking">Scrapbooking</a> (3)
 +
</li>
 +
<li class="cat-item cat-item-5"><a href="http://mycraft.gr/category/tutorials-show-me-how-you-do-it/" title="View all posts filed under Tutorials Show me how you do it">Tutorials Show me how you do it</a> (9)
 +
</li>
 +
<li class="cat-item cat-item-22"><a href="http://mycraft.gr/category/%ce%b1%cf%85%cf%84%ce%bf%cf%83%cf%87%ce%b5%ce%b4%ce%b9%ce%ac%cf%83%cf%84%ce%b5/" title="Εδώ μπορείτε να βάζετε τα δικά σας αριστουργήματα, να λέτε τις ιδέες σας και να ζητάτε συμβουλές.">Αυτοσχεδιάστε, η δική σας γωνιά !!!</a> (2)
 +
</li>
 +
<li class="cat-item cat-item-205"><a href="http://mycraft.gr/category/%ce%b1%cf%85%cf%84%ce%bf%cf%83%cf%87%ce%b5%ce%b4%ce%b9%ce%ac%cf%83%cf%84%ce%b5-%ce%b7-%ce%b4%ce%b9%ce%ba%ce%ae-%cf%83%ce%b1%cf%82-%ce%b3%cf%89%ce%bd%ce%b9%ce%ac/" title="View all posts filed under Αυτοσχεδιάστε, η δική σας γωνιά !!!">Αυτοσχεδιάστε, η δική σας γωνιά !!!</a> (1)
 +
</li>
 +
</ul>
 +
</li>
 +
<li id="archives-5" class="widget widget_archive"><h2 class="widgettitle">One step at a time :)</h2>
 +
<ul>
 +
<li><a href='http://mycraft.gr/2011/06/' title='June 2011'>June 2011</a>&nbsp;(3)</li>
 +
<li><a href='http://mycraft.gr/2011/05/' title='May 2011'>May 2011</a>&nbsp;(2)</li>
 +
<li><a href='http://mycraft.gr/2011/04/' title='April 2011'>April 2011</a>&nbsp;(1)</li>
 +
<li><a href='http://mycraft.gr/2011/03/' title='March 2011'>March 2011</a>&nbsp;(2)</li>
 +
<li><a href='http://mycraft.gr/2011/01/' title='January 2011'>January 2011</a>&nbsp;(3)</li>
 +
<li><a href='http://mycraft.gr/2010/12/' title='December 2010'>December 2010</a>&nbsp;(3)</li>
 +
<li><a href='http://mycraft.gr/2010/11/' title='November 2010'>November 2010</a>&nbsp;(2)</li>
 +
<li><a href='http://mycraft.gr/2010/10/' title='October 2010'>October 2010</a>&nbsp;(1)</li>
 +
<li><a href='http://mycraft.gr/2010/09/' title='September 2010'>September 2010</a>&nbsp;(3)</li>
 +
<li><a href='http://mycraft.gr/2010/08/' title='August 2010'>August 2010</a>&nbsp;(6)</li>
 +
<li><a href='http://mycraft.gr/2010/07/' title='July 2010'>July 2010</a>&nbsp;(2)</li>
 +
<li><a href='http://mycraft.gr/2010/06/' title='June 2010'>June 2010</a>&nbsp;(3)</li>
 +
<li><a href='http://mycraft.gr/2010/05/' title='May 2010'>May 2010</a>&nbsp;(3)</li>
 +
</ul>
 +
</li>
 +
<li id="linkcat-2" class="widget widget_links"><h2 class="widgettitle">Blogroll</h2>
 +
<ul class='xoxo blogroll'>
 +
<li><a href="http://crochet-mania.blogspot.com/">Art of Crochet by Teresa</a></li>
 +
<li><a href="http://www.mirsini.gr/">Cooking with Myrsinh</a></li>
 +
<li><a href="http://sooqueeugosto.blogspot.com/">Copy &amp; Paste</a></li>
 +
<li><a href="http://gaitanaki.wordpress.com/">gaitanaki</a></li>
 +
<li><a href="http://honeybeesbliss.blogspot.com/">Honey Bees Bliss</a></li>
 +
<li><a href="http://howaboutorange.blogspot.com/">How About Orange</a></li>
 +
<li><a href="http://hungryheffycrafts.com">Hungry Heffy Crafts</a></li>
 +
<li><a href="http://www.iamnotahandbag.com">I am not a handbag</a></li>
 +
<li><a href="http://www.itsmykid.net/">itsmykid</a></li>
 +
<li><a href="http://knittingmylife.blogspot.com">Knitting my Life</a></li>
 +
<li><a href="http://lifebookmarks-eng.blogspot.com/">lifebookmarks with Ginger</a></li>
 +
<li><a href="http://mybellavista.wordpress.com/">mybellavista</a></li>
 +
<li><a href="http://www.needlenthread.com/videos">Needle n&#039; Trhead</a></li>
 +
<li><a href="http://pinkpetticoat.blogspot.com/">Pink Petticoat</a></li>
 +
<li><a href="http://www.quiltingdaily.com/">Quilting Arts</a></li>
 +
<li><a href="http://caroldaisy.blogspot.com/">Silk Ribbon Embroidery</a></li>
 +
<li><a href="http://www.splitcoaststampers.com">split coast stampers</a></li>
 +
<li><a href="http://inaminuteago.com/stitchindex.html">Stitch Dictionary</a></li>
 +
<li><a href="http://tethered2home.com/">Tet Thered2 Home</a></li>
 +
<li><a href="http://giagia-antigonh.blogspot.com/">Γιαγιά Αντιγόνη</a></li>
 +
<li><a href="http://kantomagapi.blogspot.com/">Καν΄το με Αγάπη</a></li>
 +
<li><a href="http://mathe-texni.blogspot.com">Μάθε Τέχνη και&#8230;</a></li>
 +
<li><a href="http://lifebookmarks.blogspot.com/">Φωτογραφίες Ζωής</a></li>
 +
<li><a href="http://www.xatzikiriakio.gr/">Χατζηκυριάκειο Ίδρυμα Παιδικής Προστασίας</a></li>
 +
<li><a href="http://stavroulam.blogspot.com">Χειροτέχνημα</a></li>
-
</style>
+
</ul>
 +
</li>
-
<script type="text/javascript">
+
<li id="tag_cloud-4" class="widget widget_tag_cloud"><h2 class="widgettitle">Scrabble words</h2>
-
var $mybook = $('#mybook');
+
<div><a href='http://mycraft.gr/tag/art/' class='tag-link-25' title='2 topics' style='font-size: 11.876923076923pt;'>ART</a>
-
var $bttn_next = $('#next_page_button');
+
<a href='http://mycraft.gr/tag/bedside-lamp/' class='tag-link-15' title='1 topic' style='font-size: 8pt;'>BEDSIDE LAMP</a>
-
var $bttn_prev = $('#prev_page_button');
+
<a href='http://mycraft.gr/tag/bullion-stitch/' class='tag-link-138' title='2 topics' style='font-size: 11.876923076923pt;'>bullion stitch</a>
-
var $loading = $('#loading');
+
<a href='http://mycraft.gr/tag/chinese-pinwheel/' class='tag-link-105' title='2 topics' style='font-size: 11.876923076923pt;'>Chinese Pinwheel</a>
-
var $mybook_images = $mybook.find('img');
+
<a href='http://mycraft.gr/tag/crochet/' class='tag-link-74' title='4 topics' style='font-size: 16.615384615385pt;'>CROCHET</a>
-
var cnt_images = $mybook_images.length;
+
<a href='http://mycraft.gr/tag/cross-stitch/' class='tag-link-18' title='4 topics' style='font-size: 16.615384615385pt;'>Cross Stitch</a>
-
var loaded = 0;
+
<a href='http://mycraft.gr/tag/depression-lace/' class='tag-link-104' title='2 topics' style='font-size: 11.876923076923pt;'>Depression Lace</a>
-
//preload all the images in the book,
+
<a href='http://mycraft.gr/tag/draw/' class='tag-link-307' title='2 topics' style='font-size: 11.876923076923pt;'>draw</a>
-
//and then call the booklet plugin
+
<a href='http://mycraft.gr/tag/easy/' class='tag-link-217' title='2 topics' style='font-size: 11.876923076923pt;'>easy</a>
 +
<a href='http://mycraft.gr/tag/embroidery/' class='tag-link-134' title='2 topics' style='font-size: 11.876923076923pt;'>embroidery</a>
 +
<a href='http://mycraft.gr/tag/extraordinary/' class='tag-link-24' title='2 topics' style='font-size: 11.876923076923pt;'>EXTRAORDINARY</a>
 +
<a href='http://mycraft.gr/tag/fabric/' class='tag-link-136' title='2 topics' style='font-size: 11.876923076923pt;'>fabric</a>
 +
<a href='http://mycraft.gr/tag/free/' class='tag-link-168' title='2 topics' style='font-size: 11.876923076923pt;'>free</a>
 +
<a href='http://mycraft.gr/tag/gift/' class='tag-link-241' title='3 topics' style='font-size: 14.461538461538pt;'>GIFT</a>
 +
<a href='http://mycraft.gr/tag/gingham-lace/' class='tag-link-109' title='2 topics' style='font-size: 11.876923076923pt;'>Gingham Lace</a>
 +
<a href='http://mycraft.gr/tag/handmade/' class='tag-link-26' title='5 topics' style='font-size: 18.338461538462pt;'>HANDMADE</a>
 +
<a href='http://mycraft.gr/tag/hardanger/' class='tag-link-82' title='2 topics' style='font-size: 11.876923076923pt;'>HARDANGER</a>
 +
<a href='http://mycraft.gr/tag/hoover-star/' class='tag-link-107' title='2 topics' style='font-size: 11.876923076923pt;'>Hoover Star</a>
 +
<a href='http://mycraft.gr/tag/instruction/' class='tag-link-28' title='2 topics' style='font-size: 11.876923076923pt;'>INSTRUCTION</a>
 +
<a href='http://mycraft.gr/tag/mountain-lace/' class='tag-link-108' title='2 topics' style='font-size: 11.876923076923pt;'>Mountain Lace</a>
 +
<a href='http://mycraft.gr/tag/needle/' class='tag-link-9' title='3 topics' style='font-size: 14.461538461538pt;'>NEEDLE</a>
 +
<a href='http://mycraft.gr/tag/norwegian-embroidery/' class='tag-link-110' title='2 topics' style='font-size: 11.876923076923pt;'>Norwegian Embroidery</a>
 +
<a href='http://mycraft.gr/tag/orange/' class='tag-link-13' title='1 topic' style='font-size: 8pt;'>ORANGE</a>
 +
<a href='http://mycraft.gr/tag/organdie/' class='tag-link-12' title='1 topic' style='font-size: 8pt;'>ORGANDIE</a>
 +
<a href='http://mycraft.gr/tag/patchwork/' class='tag-link-247' title='2 topics' style='font-size: 11.876923076923pt;'>Patchwork</a>
 +
<a href='http://mycraft.gr/tag/patterns/' class='tag-link-37' title='2 topics' style='font-size: 11.876923076923pt;'>PATTERNS</a>
 +
<a href='http://mycraft.gr/tag/photo-album/' class='tag-link-7' title='2 topics' style='font-size: 11.876923076923pt;'>PHOTO ALBUM</a>
 +
<a href='http://mycraft.gr/tag/plugin/' class='tag-link-207' title='2 topics' style='font-size: 11.876923076923pt;'>plugin</a>
 +
<a href='http://mycraft.gr/tag/quilling/' class='tag-link-347' title='2 topics' style='font-size: 11.876923076923pt;'>Quilling</a>
 +
<a href='http://mycraft.gr/tag/recycling/' class='tag-link-296' title='2 topics' style='font-size: 11.876923076923pt;'>recycling</a>
 +
<a href='http://mycraft.gr/tag/ribbon/' class='tag-link-14' title='2 topics' style='font-size: 11.876923076923pt;'>RIBBON</a>
 +
<a href='http://mycraft.gr/tag/ribbons/' class='tag-link-188' title='2 topics' style='font-size: 11.876923076923pt;'>ribbons</a>
 +
<a href='http://mycraft.gr/tag/ribbon-stitch/' class='tag-link-143' title='2 topics' style='font-size: 11.876923076923pt;'>ribbon stitch</a>
 +
<a href='http://mycraft.gr/tag/rose/' class='tag-link-8' title='2 topics' style='font-size: 11.876923076923pt;'>ROSE</a>
 +
<a href='http://mycraft.gr/tag/scrapbooking/' class='tag-link-43' title='5 topics' style='font-size: 18.338461538462pt;'>Scrapbooking</a>
 +
<a href='http://mycraft.gr/tag/sew/' class='tag-link-240' title='2 topics' style='font-size: 11.876923076923pt;'>SEW</a>
 +
<a href='http://mycraft.gr/tag/silk-ribbons/' class='tag-link-6' title='3 topics' style='font-size: 14.461538461538pt;'>SILK RIBBONS</a>
 +
<a href='http://mycraft.gr/tag/snowflake-embroidery-or-amish-embroidery/' class='tag-link-111' title='2 topics' style='font-size: 11.876923076923pt;'>Snowflake Embroidery or Amish Embroidery</a>
 +
<a href='http://mycraft.gr/tag/stitch/' class='tag-link-10' title='2 topics' style='font-size: 11.876923076923pt;'>STITCH</a>
 +
<a href='http://mycraft.gr/tag/technique/' class='tag-link-27' title='5 topics' style='font-size: 18.338461538462pt;'>TECHNIQUE</a>
 +
<a href='http://mycraft.gr/tag/thread/' class='tag-link-219' title='2 topics' style='font-size: 11.876923076923pt;'>thread</a>
 +
<a href='http://mycraft.gr/tag/tic-tac-toe-embroidery/' class='tag-link-106' title='2 topics' style='font-size: 11.876923076923pt;'>Tic Tac Toe Embroidery</a>
 +
<a href='http://mycraft.gr/tag/treasure/' class='tag-link-23' title='2 topics' style='font-size: 11.876923076923pt;'>TREASURE</a>
 +
<a href='http://mycraft.gr/tag/tutorial/' class='tag-link-11' title='8 topics' style='font-size: 22pt;'>TUTORIAL</a>
 +
<a href='http://mycraft.gr/tag/winners/' class='tag-link-314' title='3 topics' style='font-size: 14.461538461538pt;'>winners</a></div>
 +
</li>
 +
</ul>
 +
</div>    </div><!-- #main -->
 +
<div id="footer">
 +
<div id="colophon">
 +
<div id="site-info">
 +
            Copyright &copy; 2011 - <a href="http://wordpress.org/" title="Semantic Personal Publishing Platform" rel="generator">Proudly powered by WordPress.</a><br />
 +
"Locket" theme by <a href="http://tsegwordpressthemes.com/locket" title="Locket theme by The Search Engine Guys, LLC">The Search Engine Guys, LLC</a>
 +
</div><!-- #site-info -->
 +
<div id="site-generator">
 +
</div><!-- #site-generator -->
 +
</div><!-- #colophon -->
 +
</div><!-- #footer -->
 +
</div><!-- #wrapper -->
 +
        <script type="text/javascript">
 +
jQuery.noConflict();
 +
jQuery(document).ready(function() {
 +
var $mybook_4dfa06ffedd06 = jQuery('#mybook_4dfa06ffedd06');
 +
var $bttn_next_4dfa06ffedd06 = jQuery('#next_page_button_4dfa06ffedd06');
 +
var $bttn_prev_4dfa06ffedd06 = jQuery('#prev_page_button_4dfa06ffedd06');
 +
var $loading_4dfa06ffedd06 = jQuery('#loading_4dfa06ffedd06');
 +
var $mybook_images_4dfa06ffedd06 = $mybook_4dfa06ffedd06.find('img');
 +
var cnt_images_4dfa06ffedd06 = $mybook_images_4dfa06ffedd06.length;
 +
var loaded_4dfa06ffedd06 = 0;
 +
//preload all the images in the book,
 +
//and then call the booklet plugin
-
$mybook_images.each(function(){
+
$mybook_images_4dfa06ffedd06.each(function(){
-
var $img = $(this);
+
var $img = jQuery(this);
-
var source = $img.attr('src');
+
var source = $img.attr('src');
-
$('<img/>').load(function(){
+
jQuery('<img/>').load(function(){
-
++loaded;
+
++loaded_4dfa06ffedd06;
-
if(loaded == cnt_images){
+
if(loaded_4dfa06ffedd06 == cnt_images_4dfa06ffedd06){
-
$loading.hide();
+
$loading_4dfa06ffedd06.hide();
-
$bttn_next.show();
+
$bttn_next_4dfa06ffedd06.show();
-
$bttn_prev.show();
+
$bttn_prev_4dfa06ffedd06.show();
-
$mybook.show().booklet({
+
$mybook_4dfa06ffedd06.show().booklet({
-
name:              null,
+
name:              null,                           // name of the booklet to display in the document title bar
-
// name of the booklet to display in the document title bar
+
width:              520,                             // container width
-
width:              800,
+
height:            305,                             // container height
-
// container width
+
speed:              600,                             // speed of the transition between pages
-
height:            500,
+
direction:          'LTR',                           // direction of the overall content organization, default LTR, left to right, can be RTL for languages which read right to left
-
// container height
+
startingPage:      0,                               // index of the first page to be displayed
-
speed:              600,
+
easing:            'easeInOutQuad',                 // easing method for complete transition
-
// speed of the transition between pages
+
easeIn:            'easeInQuad',                   // easing method for first half of transition
-
direction:          'LTR',
+
easeOut:            'easeOutQuad',                   // easing method for second half of transition
-
// direction of the overall content
+
-
// organization, default LTR, left to right, can be
+
-
// RTL for languages which read right to left
+
-
startingPage:      0,
+
-
// index of the first page to be displayed
+
-
easing:            'easeInOutQuad',
+
-
// easing method for complete transition
+
-
easeIn:            'easeInQuad',
+
-
// easing method for first half of transition
+
-
easeOut:            'easeOutQuad',
+
-
// easing method for second half of transition
+
-
closed:            true,
+
closed:            false,                           // start with the book "closed", will add empty pages to beginning and end of book
-
// start with the book "closed", will add empty
+
closedFrontTitle:  null,                           // used with "closed", "menu" and "pageSelector", determines title of blank starting page
-
// pages to beginning and end of book
+
closedFrontChapter: null,                           // used with "closed", "menu" and "chapterSelector", determines chapter name of blank starting page
-
closedFrontTitle:  null,
+
closedBackTitle:    null,                           // used with "closed", "menu" and "pageSelector", determines chapter name of blank ending page
-
// used with "closed", "menu" and "pageSelector",
+
closedBackChapter:  null,                           // used with "closed", "menu" and "chapterSelector", determines chapter name of blank ending page
-
// determines title of blank starting page
+
covers:            true,                           // used with  "closed", makes first and last pages into covers, without page numbers (if enabled)
-
closedFrontChapter: null,
+
-
// used with "closed", "menu" and "chapterSelector",
+
-
// determines chapter name of blank starting page
+
-
closedBackTitle:    null,
+
-
// used with "closed", "menu" and "pageSelector",
+
-
// determines chapter name of blank ending page
+
-
closedBackChapter:  null,
+
-
// used with "closed", "menu" and "chapterSelector",
+
-
// determines chapter name of blank ending page
+
-
covers:            false,
+
-
// used with  "closed", makes first and last pages
+
-
//into covers, without page numbers (if enabled)
+
-
pagePadding:        10,
+
pagePadding:        15,                             // padding for each page wrapper
-
// padding for each page wrapper
+
pageNumbers:        true,                           // display page numbers on each page
-
pageNumbers:        true,
+
-
// display page numbers on each page
+
-
hovers:            false,
+
hovers:            false,                           // enables preview pageturn hover animation, shows a small preview of previous or next page on hover
-
// enables preview pageturn hover animation,
+
overlays:          false,                           // enables navigation using a page sized overlay, when enabled links inside the content will not be clickable
-
// shows a small preview of previous or next page on hover
+
tabs:              false,                           // adds tabs along the top of the pages
-
overlays:          false,
+
tabWidth:          60,                             // set the width of the tabs
-
// enables navigation using a page sized overlay,
+
tabHeight:          20,                             // set the height of the tabs
-
// when enabled links inside the content will
+
arrows:            false,                           // adds arrows overlayed over the book edges
-
// not be clickable
+
cursor:            'pointer',                       // cursor css setting for side bar areas
-
tabs:              false,
+
-
// adds tabs along the top of the pages
+
-
tabWidth:          60,
+
-
// set the width of the tabs
+
-
tabHeight:          20,
+
-
// set the height of the tabs
+
-
arrows:            false,
+
-
// adds arrows overlayed over the book edges
+
-
cursor:            'pointer',
+
-
// cursor css setting for side bar areas
+
-
hash:              false,
+
hash:              false,                           // enables navigation using a hash string, ex: #/page/1 for page 1, will affect all booklets with 'hash' enabled
-
// enables navigation using a hash string,
+
keyboard:          true,                           // enables navigation with arrow keys (left: previous, right: next)
-
// ex: #/page/1 for page 1, will affect
+
next:              $bttn_next_4dfa06ffedd06,         // selector for element to use as click trigger for next page
-
// all booklets with 'hash' enabled
+
prev:              $bttn_prev_4dfa06ffedd06,         // selector for element to use as click trigger for previous page
-
keyboard:          true,
+
-
// enables navigation with arrow keys
+
-
// (left: previous, right: next)
+
-
next:              $bttn_next,
+
-
// selector for element to use as click
+
-
// trigger for next page
+
-
prev:              $bttn_prev,
+
-
// selector for element to use as click
+
-
// trigger for previous page
+
-
menu:              null,
+
menu:              null,                           // selector for element to use as the menu area, required for 'pageSelector'
-
// selector for element to use as the menu area,
+
pageSelector:      false,                           // enables navigation with a dropdown menu of pages, requires 'menu'
-
// required for 'pageSelector'
+
chapterSelector:    false,                           // enables navigation with a dropdown menu of chapters, determined by the "rel" attribute, requires 'menu'
-
pageSelector:      false,
+
-
// enables navigation with a dropdown menu of pages,
+
-
// requires 'menu'
+
-
chapterSelector:    false,
+
-
// enables navigation with a dropdown menu of chapters,
+
-
// determined by the "rel" attribute, requires 'menu'
+
-
shadows:            true,
+
shadows:            true,                           // display shadows on page animations
-
// display shadows on page animations
+
shadowTopFwdWidth:  166,                             // shadow width for top forward anim
-
shadowTopFwdWidth:  166,
+
shadowTopBackWidth: 166,                             // shadow width for top back anim
-
// shadow width for top forward anim
+
shadowBtmWidth:    50,                             // shadow width for bottom shadow
-
shadowTopBackWidth: 166,
+
-
// shadow width for top back anim
+
-
shadowBtmWidth:    50,
+
-
// shadow width for bottom shadow
+
-
before:            function(){},
+
before:            function(){},                   // callback invoked before each page turn animation
-
// callback invoked before each page turn animation
+
after:              function(){}                     // callback invoked after each page turn animation
-
after:              function(){}
+
});
-
// callback invoked after each page turn animation
+
Cufon.refresh();
 +
}
 +
}).attr('src',source);
 +
});
});
});
-
Cufon.refresh(); // if you want to use cufon
+
        </script>
-
}
+
<div class="wordpress-hit-counter" align="right"><img src='http://mycraft.gr/wp-content/plugins/wordpress-hit-counter/styles/Digital/bck-old/1.gif'><img src='http://mycraft.gr/wp-content/plugins/wordpress-hit-counter/styles/Digital/bck-old/1.gif'><img src='http://mycraft.gr/wp-content/plugins/wordpress-hit-counter/styles/Digital/bck-old/8.gif'><img src='http://mycraft.gr/wp-content/plugins/wordpress-hit-counter/styles/Digital/bck-old/6.gif'><img src='http://mycraft.gr/wp-content/plugins/wordpress-hit-counter/styles/Digital/bck-old/3.gif'><img src='http://mycraft.gr/wp-content/plugins/wordpress-hit-counter/styles/Digital/bck-old/7.gif'></div><script type='text/javascript'>var _cmo = {background_color: "#003C68",label: "Contact Me",text: "Contact Me",align: "right",valign: "top",form: "4d7225fed263f202bd00999a",lang: "en"}; (function() {var cms = document.createElement('script'); cms.type = 'text/javascript'; cms.async = true; cms.src = 'http://static.contactme.com/widgets/tab/v1/tab.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(cms, s);})();</script>
-
}).attr('src',source);
+
                <div id="lang_sel_footer">
-
});
+
                    <ul>
-
 
+
                    <li><a href="http://mycraft.gr/2011/01/my-booklet-plugin/" class="lang_sel_sel"><img src="http://mycraft.gr/wp-content/plugins/sitepress-multilingual-cms/res/flags/en.png" alt="en" class="iclflag" />&nbsp;<span  class="icl_lang_sel_current">English</span></a></li>
-
</script>
+
                    <li><a href="http://mycraft.gr/el/"><img src="http://mycraft.gr/wp-content/plugins/sitepress-multilingual-cms/res/flags/el.png" alt="el" class="iclflag" />&nbsp;<span  class="icl_lang_sel_native">Ελληνικα</span> <span  class="icl_lang_sel_translated"><span  class="icl_lang_sel_native">(</span>Greek<span  class="icl_lang_sel_native">)</span></span></a></li>
 +
                    </ul>
 +
                </div><p id="wpml_credit_footer"><a href="http://wpml.org/">Multilingual WordPress</a> by <a href="http://www.icanlocalize.com/site/">ICanLocalize</a></p></body>
</html>
</html>

Revision as of 13:47, 16 June 2011

<!DOCTYPE html>

My Booklet plugin

Posted on January 2nd, 2011

I wanted to change the image gallery in mycraft, and I’ve made this booklet plugin based on Moleskine Notebook with jQuery Booklet and on Booklet

I’ll share it with you in case someone else will like to use it. Any ideas for improvements are very welcomed.
This is a first draft, I’m working on a new version now which will have options too.

DEMO

Loading pages...

It’s pretty easy in use, just follow those steps
1. Go to your WordPress admin panel to Plugins section
2. Go to Add New.
3.Go to Upload, browse to the directory where you have saved the downloaded plugin
4 . Press “Install Now”
5. Press “Activate Plugin”
6. After you activate the plugin, you go to your server dir where you have your plugins.
7. Find the “mc-booklet” folder in your /wp-content/plugins/ directory and create a new folder and named it “galleries” or any other name you like.
8. You zip your images and you upload them into that folder (” /wp-content/plugins/mc-booklet/galleries”)

Now all you have to do, is write your post and then insert into your post the code which you’ll find in the readme.txt file within your plugin directory.
You copy the “image source tag” as many times as the number of your images and you may write a small description under each image within the html
tags

That’s all !!! Download Plugin

I would appreciate it if you leave your comments tell me what you think about it, if you like it, what improvements you reckon should be made.
I’ll keep you posted about how the development goes.

Share
Posted in Plugins for mycraft.gr | Tagged as: , , , , | 2 Comments

2 Responses to My Booklet plugin

  1. Tweets that mention My Booklet plugin | mycraft -- Topsy.com says:
    January 3, 2011 at 12:09 am

    [...] This post was mentioned on Twitter by SourceLand, Vassiliki Marineli and others. Vassiliki Marineli said: RT @mycraftgr: Download #wordpress Moleskine Notebook Booklet #plugin http://mycraft.gr/2011/01/my-booklet-plugin/ [...]

  2. Brad says:
    March 9, 2011 at 11:56 am

    Brilliant. I looked into adding the Moleskine jQuery Booklet to my WordPress site but I couldn’t be bothered messing with all the CSS and JS files. This plugin just works. Unfortunately there was no readme so I had to look through the code to see what the shortcodes were and how to use it, but other than that the plugin works very well and works as expected.
    Thanks!

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Retrieved from "http://2011.igem.org/Team:TU-Delft/Test2"