Timeline Covers
<!--iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FTimeline-Covers%2F196472503779559&send=false&layout=button_count&width=150&show_faces=false&action=like&colorscheme=light&font&height=21&appId=265267976894214" scrolling="no" frameborder="0" style="margin:5px 0 -4px 2px;border:none;overflow:hidden;width:89px;height:21px;" allowTransparency="true"> </iframe--> </h1> <div style="max-width:1024px;min-height:675px;margin-left:auto;margin-right:auto;background-color:white;"> <div class="uibutton-toolbar" style="min-width:286px; height:30px;padding-bottom:12px;padding-top:3px;margin-top:-2px"> <center> <div style="margin-right:0px" class="uibutton-group"> <a class="uibutton round allcovers-bg shadow" style="font-size:18px;min-width:108px;margin-right:4px !important;" href="index.php" id="select">All Covers</a> <!--a class="uibutton" style="font-size:20px" href="index.php?latest=y">Latest Covers</a--> <a class="uibutton round shadow-btn shadow" style="font-size:18px;margin-left:4px !important;" href="userupload.php">Use Own Photo</a> <!--a class="uibutton" style="font-size:20px" href="#" onClick="publishStream(); return false;">+ Share </a> <!--a class="uibutton icon add" style="font-size:22px" href="#" onClick="publishStream(); return false;"> Share </a--> </div> <!--iframe frameborder="0" src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fapps%2Fapplication.php%3Fid%3D246072848796889&layout=button_count&show_faces=false&width=110&action=like&colorscheme=light&height=22" style="margin:3px 0 0 5px;border:medium none rgb(255, 255, 255);overflow:hidden;height:20px;width:110px;"> </iframe--> <!--div style="float:;margin-right:0px;margin-left:15px" class="uibutton-group"> <a class="uibutton icon add" style="font-size:22px" href="#" onClick="publishStream(); return false;"> Share </a> <!--a class="uibutton icon add" href="#" onClick="newInvite(); return false;">Invite</a--> <!--a class="uibutton" href="http://www.facebook.com/pages/Timeline-Covers/196472503779559" target="_blank"> Feedback </a> </div--> </center> </div> <!--div id="toggleSection"><a href="index.php"><img src="images/header_timeline.png" alt="Timeline Covers" title="Timeline Covers"/></a></div> <!--a id="toggleButton" href="#" class="uiSelectorButton uiCloseButton"></a--> <div id="fb-root"></div> <script> FB.init({ appId : '246072848796889', status : true, cookie : true, xfbml : true, oauth : true }); function streamPublish(name, description, hrefTitle, hrefLink, userPrompt){ FB.ui( { method: 'stream.publish', message: '', attachment: { name: name, caption: '', description: (description), href: hrefLink }, action_links: [ { text: hrefTitle, href: hrefLink } ], user_prompt_message: userPrompt }, function(response) { }); } function publishStream(){ streamPublish("Timeline Covers", 'Incredible and customized Facebook Covers', 'http://apps.facebook.com/covers-timeline/', 'http://apps.facebook.com/covers-timeline/', "Facebook Application"); } function newInvite(){ FB.ui({ method: 'apprequests', message: 'Incredible and customized Facebook Covers. Visit http://apps.facebook.com/covers-timeline/'}); } function popUp(URL) { day = new Date(); id = day.getTime(); eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width=988,height=424,left = 470,top = 240');"); } </script> <center> <div style="margin-top:5px;margin-bottom:5px"> <script type="text/javascript"> //<![CDATA[ LSM_Slot({ adkey: 'cbb', ad_size: '320x50', slot: 'slot44191' }); //]]> </script> <!--script type='text/javascript' src='http://m.admedia.com/?id=OT4vOic&subid=[SUBID]'></script--> <!--SCRIPT SRC="http://g.admedia.com/banner.php?type=graphical&pid=1913078&size=320x50&page_url=[ENCODED_PAGE_URL]" TYPE="text/javascript"></SCRIPT--> </div> </center> <center> <div style="margin-top:2px;max-width:768px" class="uibutton-group"> <!--a class="uibutton" style="font-size:20px" href="index.php" id="select">All Covers</a--> <a class="uibutton shadow shadow-btn" style="line-height:25px;vertical-align:middle;font-size:19px;float:none;margin:2px !important;min-width:286px;border-radius:7px 8px 8px 7px;height:25px !important;" href="index.php?cat=8"><div class="arrow_white"><img src="images/arrow_white.png"></div> Abstract Covers </a> <br /> <div class="morecate" style="max-width:630px"> <a class="uibutton shadow shadow-btn" style="line-height:25px;vertical-align:middle;font-size:19px;float:none;margin:2px !important;min-width:286px;border-radius:7px 8px 8px 7px;height:25px !important;" href="index.php?cat=7"><div class="arrow_white"><img src="images/arrow_white.png"></div>Animals Covers</a><a class="uibutton shadow shadow-btn" style="line-height:25px;vertical-align:middle;font-size:19px;float:none;margin:2px !important;min-width:286px;border-radius:7px 8px 8px 7px;height:25px !important;" href="index.php?cat=12"><div class="arrow_white"><img src="images/arrow_white.png"></div>Anime Covers</a><a class="uibutton shadow shadow-btn" style="line-height:25px;vertical-align:middle;font-size:19px;float:none;margin:2px !important;min-width:286px;border-radius:7px 8px 8px 7px;height:25px !important;" href="index.php?cat=11"><div class="arrow_white"><img src="images/arrow_white.png"></div>Bands Covers</a><a class="uibutton shadow shadow-btn" style="line-height:25px;vertical-align:middle;font-size:19px;float:none;margin:2px !important;min-width:286px;border-radius:7px 8px 8px 7px;height:25px !important;" href="index.php?cat=6"><div class="arrow_white"><img src="images/arrow_white.png"></div>Cars Covers</a><a class="uibutton shadow shadow-btn" style="line-height:25px;vertical-align:middle;font-size:19px;float:none;margin:2px !important;min-width:286px;border-radius:7px 8px 8px 7px;height:25px !important;" href="index.php?cat=13"><div class="arrow_white"><img src="images/arrow_white.png"></div>Celebrities Covers</a><a class="uibutton shadow shadow-btn" style="line-height:25px;vertical-align:middle;font-size:19px;float:none;margin:2px !important;min-width:286px;border-radius:7px 8px 8px 7px;height:25px !important;" href="index.php?cat=15"><div class="arrow_white"><img src="images/arrow_white.png"></div>Colorful Covers</a><a class="uibutton shadow shadow-btn" style="line-height:25px;vertical-align:middle;font-size:19px;float:none;margin:2px !important;min-width:286px;border-radius:7px 8px 8px 7px;height:25px !important;" href="index.php?cat=31"><div class="arrow_white"><img src="images/arrow_white.png"></div>Creative Ideas</a><a class="uibutton shadow shadow-btn" style="line-height:25px;vertical-align:middle;font-size:19px;float:none;margin:2px !important;min-width:286px;border-radius:7px 8px 8px 7px;height:25px !important;" href="index.php?cat=23"><div class="arrow_white"><img src="images/arrow_white.png"></div>Digital Art Covers</a><a class="uibutton shadow shadow-btn" style="line-height:25px;vertical-align:middle;font-size:19px;float:none;margin:2px !important;min-width:286px;border-radius:7px 8px 8px 7px;height:25px !important;" href="index.php?cat=1"><div class="arrow_white"><img src="images/arrow_white.png"></div>Flowers Covers</a><a class="uibutton shadow shadow-btn" style="line-height:25px;vertical-align:middle;font-size:19px;float:none;margin:2px !important;min-width:286px;border-radius:7px 8px 8px 7px;height:25px !important;" href="index.php?cat=18"><div class="arrow_white"><img src="images/arrow_white.png"></div>Fun & Smiles</a><a class="uibutton shadow shadow-btn" style="line-height:25px;vertical-align:middle;font-size:19px;float:none;margin:2px !important;min-width:286px;border-radius:7px 8px 8px 7px;height:25px !important;" href="index.php?cat=2"><div class="arrow_white"><img src="images/arrow_white.png"></div>Gamers Covers</a><a class="uibutton shadow shadow-btn" style="line-height:25px;vertical-align:middle;font-size:19px;float:none;margin:2px !important;min-width:286px;border-radius:7px 8px 8px 7px;height:25px !important;" href="index.php?cat=28"><div class="arrow_white"><img src="images/arrow_white.png"></div>Hearts Covers</a><a class="uibutton shadow shadow-btn" style="line-height:25px;vertical-align:middle;font-size:19px;float:none;margin:2px !important;min-width:286px;border-radius:7px 8px 8px 7px;height:25px !important;" href="index.php?cat=14"><div class="arrow_white"><img src="images/arrow_white.png"></div>Holidays Covers</a><a class="uibutton shadow shadow-btn" style="line-height:25px;vertical-align:middle;font-size:19px;float:none;margin:2px !important;min-width:286px;border-radius:7px 8px 8px 7px;height:25px !important;" href="index.php?cat=20"><div class="arrow_white"><img src="images/arrow_white.png"></div>Love Covers</a><a class="uibutton shadow shadow-btn" style="line-height:25px;vertical-align:middle;font-size:19px;float:none;margin:2px !important;min-width:286px;border-radius:7px 8px 8px 7px;height:25px !important;" href="index.php?cat=22"><div class="arrow_white"><img src="images/arrow_white.png"></div>Movies Covers</a><a class="uibutton shadow shadow-btn" style="line-height:25px;vertical-align:middle;font-size:19px;float:none;margin:2px !important;min-width:286px;border-radius:7px 8px 8px 7px;height:25px !important;" href="index.php?cat=32"><div class="arrow_white"><img src="images/arrow_white.png"></div>Music Covers</a><a class="uibutton shadow shadow-btn" style="line-height:25px;vertical-align:middle;font-size:19px;float:none;margin:2px !important;min-width:286px;border-radius:7px 8px 8px 7px;height:25px !important;" href="index.php?cat=29"><div class="arrow_white"><img src="images/arrow_white.png"></div>Nature Covers</a><a class="uibutton shadow shadow-btn" style="line-height:25px;vertical-align:middle;font-size:19px;float:none;margin:2px !important;min-width:286px;border-radius:7px 8px 8px 7px;height:25px !important;" href="index.php?cat=34"><div class="arrow_white"><img src="images/arrow_white.png"></div>Photo Art Covers</a><a class="uibutton shadow shadow-btn" style="line-height:25px;vertical-align:middle;font-size:19px;float:none;margin:2px !important;min-width:286px;border-radius:7px 8px 8px 7px;height:25px !important;" href="index.php?cat=35"><div class="arrow_white"><img src="images/arrow_white.png"></div>Places Covers</a><a class="uibutton shadow shadow-btn" style="line-height:25px;vertical-align:middle;font-size:19px;float:none;margin:2px !important;min-width:286px;border-radius:7px 8px 8px 7px;height:25px !important;" href="index.php?cat=25"><div class="arrow_white"><img src="images/arrow_white.png"></div>Quotes Covers</a><a class="uibutton shadow shadow-btn" style="line-height:25px;vertical-align:middle;font-size:19px;float:none;margin:2px !important;min-width:286px;border-radius:7px 8px 8px 7px;height:25px !important;" href="index.php?cat=5"><div class="arrow_white"><img src="images/arrow_white.png"></div>Scene Covers</a><a class="uibutton shadow shadow-btn" style="line-height:25px;vertical-align:middle;font-size:19px;float:none;margin:2px !important;min-width:286px;border-radius:7px 8px 8px 7px;height:25px !important;" href="index.php?cat=33"><div class="arrow_white"><img src="images/arrow_white.png"></div>Sport Teams</a><a class="uibutton shadow shadow-btn" style="line-height:25px;vertical-align:middle;font-size:19px;float:none;margin:2px !important;min-width:286px;border-radius:7px 8px 8px 7px;height:25px !important;" href="index.php?cat=27"><div class="arrow_white"><img src="images/arrow_white.png"></div>Sports Covers</a><a class="uibutton shadow shadow-btn" style="line-height:25px;vertical-align:middle;font-size:19px;float:none;margin:2px !important;min-width:286px;border-radius:7px 8px 8px 7px;height:25px !important;" href="index.php?cat=36"><div class="arrow_white"><img src="images/arrow_white.png"></div>Zodiac Covers</a> </div> <a class="uibutton morecovers shadow shadow-btn" style="line-height:25px;vertical-align:middle;font-size:19px;float:none;margin:2px !important;min-width:286px;border-radius:7px 8px 8px 7px;text-align:left;" href="#"><img src="images/arrow.png" style="float:left;margin-right:32px;" /><div class="arrow_white" style="height:31px;"><img src="images/arrow_white.png"></div>More Categories</a> <!--a class="uibutton" style="font-size:20px" href="#" onClick="publishStream(); return false;">+ Share </a> <!--a class="uibutton icon add" style="font-size:22px" href="#" onClick="publishStream(); return false;"> Share </a--> </div> </center> <center> <!-- start sort links --> <div class="sort_wrap" style="height:32px;margin-top:8px;min-width:286px"> <div class="sort_tabs"> <!--li style="font-size:15px;color:#3B5998"><strong>View by:</strong></li--> <a href="index.php?popular=y&cat=" class="uibutton sort_tabs_a shadow"><div class="icon-popular"></div> Popular First</a> <a href="index.php?latest=y&cat=" class="uibutton sort_tabs_a shadow"><div class="icon-latest"></div> Latest First</a> <!--li style="margin:0 0px"><a style="font-size:20px" href="index.php?latest=y&cat=" class="sort_tabs_a">Abstract Covers</a></li> <li style="margin:0 0px"><a style="font-size:20px" href="index.php?cat=" class="sort_tabs_a">+ More Categories</a></li--> </div> </div> <!-- end sort links --> </center> <div class="templateThumbnailList" style="margin-right:5px;min-width:320px;text-align:center;min-height:670px"> <center> <!-- COVER (START) --> <div class="cover" style="padding-bottom:5px;width:320px"> <div class="coverTop" style="padding-bottom:2px"> <div class="coverTopLeft"><span class="coverTitle"></span></div> </div> <div class="coverBg" style="width:307px;height:115px"> <a href="preview.php?picID=99"> <img style="display:block;position:absolute;z-index:9;width:307px" src="app/template/99.jpg" width="97%" border="0" /></a> <span class="coverBgLink"><a href="mobile/preview.php_picID=99.html"></a></span> <!--span class="coverBgPreview"><a href="javascript:popUp('image.php?picID=99')"></a></span--> <span class="coverStarPreview"></span> </div> <div class="coverTopRight" style="margin-top:4px"> <iframe frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:95px; height:21px;" allowtransparency="true" src="99.html_amp;layout=button_count_amp;show_faces=false_amp;width=95_amp;action=like_amp;colorscheme=light.html"> </div> </div> <!-- COVER (START) --> <div class="cover" style="padding-bottom:5px;width:320px"> <div class="coverTop" style="padding-bottom:2px"> <div class="coverTopLeft"><span class="coverTitle"></span></div> </div> <div class="coverBg" style="width:307px;height:115px"> <a href="preview.php?picID=26"> <img style="display:block;position:absolute;z-index:9;width:307px" src="app/template/26.jpg" width="97%" border="0" /></a> <span class="coverBgLink"><a href="mobile/preview.php_picID=26.html"></a></span> <!--span class="coverBgPreview"><a href="javascript:popUp('image.php?picID=26')"></a></span--> <span class="coverStarPreview"></span> </div> <div class="coverTopRight" style="margin-top:4px"> <iframe frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:95px; height:21px;" allowtransparency="true" src="26.html_amp;layout=button_count_amp;show_faces=false_amp;width=95_amp;action=like_amp;colorscheme=light.html"> </div> </div> <!-- COVER (START) --> <div class="cover" style="padding-bottom:5px;width:320px"> <div class="coverTop" style="padding-bottom:2px"> <div class="coverTopLeft"><span class="coverTitle"></span></div> </div> <div class="coverBg" style="width:307px;height:115px"> <a href="preview.php?picID=21"> <img style="display:block;position:absolute;z-index:9;width:307px" src="app/template/21.jpg" width="97%" border="0" /></a> <span class="coverBgLink"><a href="mobile/preview.php_picID=21.html"></a></span> <!--span class="coverBgPreview"><a href="javascript:popUp('image.php?picID=21')"></a></span--> <span class="coverStarPreview"></span> </div> <div class="coverTopRight" style="margin-top:4px"> <iframe frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:95px; height:21px;" allowtransparency="true" src="21.html_amp;layout=button_count_amp;show_faces=false_amp;width=95_amp;action=like_amp;colorscheme=light.html"> </div> </div> <!-- COVER (START) --> <div class="cover" style="padding-bottom:5px;width:320px"> <div class="coverTop" style="padding-bottom:2px"> <div class="coverTopLeft"><span class="coverTitle"></span></div> </div> <div class="coverBg" style="width:307px;height:115px"> <a href="preview.php?picID=93"> <img style="display:block;position:absolute;z-index:9;width:307px" src="app/template/93.jpg" width="97%" border="0" /></a> <span class="coverBgLink"><a href="mobile/preview.php_picID=93.html"></a></span> <!--span class="coverBgPreview"><a href="javascript:popUp('image.php?picID=93')"></a></span--> <span class="coverStarPreview"></span> </div> <div class="coverTopRight" style="margin-top:4px"> <iframe frameborder="0" scrolling="no" style="border:none; overflow:hidden; width:95px; height:21px;" allowtransparency="true" src="93.html_amp;layout=button_count_amp;show_faces=false_amp;width=95_amp;action=like_amp;colorscheme=light.html"> </div> </div> <!-- Prev/Next (START) --> <div id="nextPrevCenter" align="center" style="min-width:320px"> <div id="nextPrevWrapper" align="center"> <div id="prev"><span id="prevBtn"> </span> </div> <div id="next"><span id="nextBtn"> <a class="pageNav" href="index.php?page=2&cat="></a></span> </div> </div> </div> <!-- Prev/Next (END) --> </center> </div> <div id="bottomads" style="min-width:320px"> <!-- Begin Ad Call Tag - bottom --> <script type="text/javascript"> //<![CDATA[ LSM_Slot({ adkey: 'a54', ad_size: '320x50', slot: 'slot44546' }); //]]> </script> <!-- End of Ad Call Tag --> <!--SCRIPT SRC="http://g.admedia.com/banner.php?type=graphical&pid=1913078&size=320x50&page_url=[ENCODED_PAGE_URL]" TYPE="text/javascript"></SCRIPT--> </div> <br /> <center> <div style="font-size:16px;margin-top:7px"> <a onmousedown="" onclick="return true;" href="how.php">FAQ</a> - <a onmousedown="" onclick="return true;" href="tutorial-timeline.php">Tutorial</a></li> - Feedback - <a href="privacy.php" title="Privacy">Privacy</a> <br /> <!--a href="terms.php" target="_blank" title="Terms">Terms</a--> </div> </center> <!--div id="siteFooterWrapper"--> <center> <p style="margin:1.5em 0 0 0;font-size:15px;text-align:center;color: rgb(153, 153, 153);">View in Mobile | <a href="http://covertimeline.com/"> Classic</a> </p> </center> <!--/div--> <br/> <br/> <div id="loader" style="display:none"> <img src="loader.gif" alt="loading" /> </div> </div> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.2.min.js"><\/script>')</script> <script type="text/javascript"> (function(){ $('.coverBg').on('mouseenter', function(){ $('.coverBgLink a').css({ height: $('.coverBg img').height(), width: $('.coverBg img').width() }); }); $('a.morecovers').on('click', function(){ $('div.morecate').slideToggle(300); var morecovers = $('a.morecovers'); console.log(morecovers.text()); switch(morecovers.text()){ case 'More Categories': morecovers.html('<img src="images/arrow-left.png" style="float:left;margin-right:32px;" /><div class="arrow_none" style="height:31px;"></div>Close Categories'); break; case 'Close Categories': morecovers.html('<img src="images/arrow.png" style="float:left;margin-right:32px;" / ><div class="arrow_white" style="height:31px;"><img src="images/arrow_white.png"></div>More Categories'); break; } }); })(); </script> <!--script> function graphStreamPublish(){ showLoader(true); FB.api('/me/feed', 'post', { message : "Timeline Covers - I love the Facebook Cover !", link : 'http://covertimeline.com/mobile/index.php?picID=.html', picture : 'http://covertimeline.com/app/template/.jpg', name : 'Timeline Covers - Facebook Covers for your profile', description : 'Timeline Covers is the first application for creating Facebook Covers! Be the first of your friends to use our unique Covers for Facebook!' }, function(response) { showLoader(false); if (!response || response.error) { alert('You are not logged in..'); } else { alert('Thank You!'); } }); } function setStatus(){ showLoader(true); status1 = document.getElementById('status').value; FB.api( { method: 'status.set', status: status1 }, function(response) { if (response == 0){ alert('Your facebook status not updated. Give Status Update Permission.'); } else{ alert('Thank You! Your facebook status updated'); } showLoader(false); } ); } function showLoader(status){ if (status) document.getElementById('loader').style.display = 'block'; else document.getElementById('loader').style.display = 'none'; } </script--> </body> </html>