Sorry, this site doesn't work properly without JavaScript.

Animations Κειμένου Με jQuery: Textillate

• 2/07/2013

Οι κινήσεις κειμένου σε ιστοσελίδες παλαιότερα ήταν πολύ δημοφιλής όσο ακόμα το Flash ήταν ευρέως διαδεδομένο

Υπάρχει ακόμα περιθώριο για τέτοιου είδους κινήσεις, με ένα jQuery plugin που ονομάζεται Textillate.js και απλοποιεί τη διαδικασία δημιουργία τους.

play

Το plugin κάνει χρήση του Animate.css + Lettering.js και είναι ικανό να δημιουργήσει πολλά κινούμενα σχέδια όπως το flash, bounce, shake, pulse, fade, rotate, flip και πολλά άλλα.

Απαιτήσεις: jQuery, Animate.css, Lettering.js
Website: http://jschr.github.com/textillate/
Download: https://github.com/jschr/textillate

Κατηγορίες:

Σχόλια

Νεότερες αναρτήσεις Παλαιότερες αναρτήσεις


<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/517362887-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY7ALInlszWBRzj0Zuh_dH6fuJTFKQ:1713568871206';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d7592737542232152042','//www.foulscode.com/2013/02/animations-jquery-textillate.html','7592737542232152042');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '7592737542232152042', 'title': 'FoulsCode.com', 'url': 'https://www.foulscode.com/2013/02/animations-jquery-textillate.html', 'canonicalUrl': 'https://www.foulscode.com/2013/02/animations-jquery-textillate.html', 'homepageUrl': 'https://www.foulscode.com/', 'searchUrl': 'https://www.foulscode.com/search', 'canonicalHomepageUrl': 'https://www.foulscode.com/', 'blogspotFaviconUrl': 'https://www.foulscode.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'UA-39130145-1', 'encoding': 'UTF-8', 'locale': 'el', 'localeUnderscoreDelimited': 'el', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22FoulsCode.com - Atom\x22 href\x3d\x22https://www.foulscode.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22FoulsCode.com - RSS\x22 href\x3d\x22https://www.foulscode.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22FoulsCode.com - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/7592737542232152042/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22FoulsCode.com - Atom\x22 href\x3d\x22https://www.foulscode.com/feeds/775304558667572660/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/d86c8c5eadffdf93', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': '\u039b\u03ae\u03c8\u03b7 \u03c3\u03c5\u03bd\u03b4\u03ad\u03c3\u03bc\u03bf\u03c5', 'key': 'link', 'shareMessage': '\u039b\u03ae\u03c8\u03b7 \u03c3\u03c5\u03bd\u03b4\u03ad\u03c3\u03bc\u03bf\u03c5', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': '\u039a\u03bf\u03b9\u03bd\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03c3\u03c4\u03bf Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': '\u039a\u03bf\u03b9\u03bd\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03c3\u03c4\u03bf Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': '\u039a\u03bf\u03b9\u03bd\u03bf\u03c0\u03bf\u03af\u03b7\u03c3\u03b7 \u03c3\u03c4\u03bf Pinterest', 'target': 'pinterest'}, {'name': '\u0397\u03bb\u03b5\u03ba\u03c4\u03c1\u03bf\u03bd\u03b9\u03ba\u03cc \u03c4\u03b1\u03c7\u03c5\u03b4\u03c1\u03bf\u03bc\u03b5\u03af\u03bf', 'key': 'email', 'shareMessage': '\u0397\u03bb\u03b5\u03ba\u03c4\u03c1\u03bf\u03bd\u03b9\u03ba\u03cc \u03c4\u03b1\u03c7\u03c5\u03b4\u03c1\u03bf\u03bc\u03b5\u03af\u03bf', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27el\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': true, 'jumpLinkMessage': 'Read more \xbb', 'pageType': 'item', 'postId': '775304558667572660', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFrE_qb57oRGtrKdr45mIgx-GfGh8hQX3vbac6yeBrWc-Xexxt7b93gSwo9lBgfOc7w2tNWFn9yuE7dy9sJ7k6GXggOvMvCtANvwbm8iTxxKRTUZcsB9cI3nDpSFJbWu8qPe5PZdylems/s72-c/texti.jpg', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFrE_qb57oRGtrKdr45mIgx-GfGh8hQX3vbac6yeBrWc-Xexxt7b93gSwo9lBgfOc7w2tNWFn9yuE7dy9sJ7k6GXggOvMvCtANvwbm8iTxxKRTUZcsB9cI3nDpSFJbWu8qPe5PZdylems/s1600/texti.jpg', 'pageName': 'Animations \u039a\u03b5\u03b9\u03bc\u03ad\u03bd\u03bf\u03c5 \u039c\u03b5 jQuery: Textillate', 'pageTitle': 'FoulsCode.com: Animations \u039a\u03b5\u03b9\u03bc\u03ad\u03bd\u03bf\u03c5 \u039c\u03b5 jQuery: Textillate', 'metaDescription': ''}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': '\u0395\u03c0\u03b5\u03be\u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1', 'linkCopiedToClipboard': '\u039f \u03c3\u03cd\u03bd\u03b4\u03b5\u03c3\u03bc\u03bf\u03c2 \u03b1\u03bd\u03c4\u03b9\u03b3\u03c1\u03ac\u03c6\u03b7\u03ba\u03b5 \u03c3\u03c4\u03bf \u03c0\u03c1\u03cc\u03c7\u03b5\u03b9\u03c1\u03bf!', 'ok': '\u039f\u039a', 'postLink': '\u03a3\u03cd\u03bd\u03b4\u03b5\u03c3\u03bc\u03bf\u03c2 \u03b1\u03bd\u03ac\u03c1\u03c4\u03b7\u03c3\u03b7\u03c2'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': '\u03a0\u03c1\u03bf\u03c3\u03b1\u03c1\u03bc\u03bf\u03c3\u03bc\u03ad\u03bd\u03bf', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Animations \u039a\u03b5\u03b9\u03bc\u03ad\u03bd\u03bf\u03c5 \u039c\u03b5 jQuery: Textillate', 'description': '\u0397 \u03c3\u03b5\u03bb\u03af\u03b4\u03b1 \u03bb\u03b5\u03b9\u03c4\u03bf\u03c5\u03c1\u03b3\u03b5\u03af \u03c3\u03b1\u03bd \u03b1\u03c0\u03bf\u03b8\u03b7\u03ba\u03b5\u03c5\u03c4\u03b9\u03ba\u03ae \u03bc\u03b7\u03c7\u03b1\u03bd\u03ae \u03b1\u03bd\u03b1\u03b6\u03ae\u03c4\u03b7\u03c3\u03b7\u03c2', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFrE_qb57oRGtrKdr45mIgx-GfGh8hQX3vbac6yeBrWc-Xexxt7b93gSwo9lBgfOc7w2tNWFn9yuE7dy9sJ7k6GXggOvMvCtANvwbm8iTxxKRTUZcsB9cI3nDpSFJbWu8qPe5PZdylems/s1600/texti.jpg', 'url': 'https://www.foulscode.com/2013/02/animations-jquery-textillate.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 775304558667572660}}, {'name': 'widgets', 'data': [{'title': 'JavaScript Variables', 'type': 'LinkList', 'sectionId': 'elcreative_panel_top', 'id': 'LinkList995'}, {'title': 'CSS Options', 'type': 'LinkList', 'sectionId': 'elcreative_panel_top', 'id': 'LinkList996'}, {'title': 'Custom SVG Icons', 'type': 'LinkList', 'sectionId': 'elcreative_panel_top', 'id': 'LinkList998'}, {'title': 'Custom SVG Pack (SVG Sprites)', 'type': 'HTML', 'sectionId': 'elcreative_panel_top', 'id': 'HTML994'}, {'title': 'FoulsCode.com (\u039a\u03b5\u03c6\u03b1\u03bb\u03af\u03b4\u03b1)', 'type': 'Header', 'sectionId': 'section_app_bar', 'id': 'Header1'}, {'title': 'Navigation Drawer Menu', 'type': 'LinkList', 'sectionId': 'section_navigation', 'id': 'LinkList999'}, {'title': 'More Menu', 'type': 'PageList', 'sectionId': 'section_navigation', 'id': 'PageList999'}, {'title': '', 'type': 'HTML', 'sectionId': 'section_main_top_widget', 'id': 'HTML5'}, {'title': '', 'type': 'Text', 'sectionId': 'section_main_top_widget', 'id': 'Text2'}, {'title': 'elcreativeTicker', 'type': 'LinkList', 'sectionId': 'section_main_top_widget', 'id': 'LinkList4'}, {'title': 'Posts Label Search Description', 'type': 'LinkList', 'sectionId': 'section_main_widget', 'id': 'LinkList997'}, {'title': '\u0391\u03bd\u03b1\u03c1\u03c4\u03ae\u03c3\u03b5\u03b9\u03c2 \u03b9\u03c3\u03c4\u03bf\u03bb\u03bf\u03b3\u03af\u03bf\u03c5', 'type': 'Blog', 'sectionId': 'section_main_widget', 'id': 'Blog1', 'posts': [{'id': '775304558667572660', 'title': 'Animations \u039a\u03b5\u03b9\u03bc\u03ad\u03bd\u03bf\u03c5 \u039c\u03b5 jQuery: Textillate', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFrE_qb57oRGtrKdr45mIgx-GfGh8hQX3vbac6yeBrWc-Xexxt7b93gSwo9lBgfOc7w2tNWFn9yuE7dy9sJ7k6GXggOvMvCtANvwbm8iTxxKRTUZcsB9cI3nDpSFJbWu8qPe5PZdylems/s1600/texti.jpg', 'showInlineAds': false}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'comments', 'label': '$type\x3d{blogger}'}, {'name': 'share', 'label': ''}, {'name': 'timestamp', 'label': '\u2022'}, {'name': 'icons', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': '\u039a\u03b1\u03c4\u03b7\u03b3\u03bf\u03c1\u03af\u03b5\u03c2:'}]}], 'allBylineItems': [{'name': 'comments', 'label': '$type\x3d{blogger}'}, {'name': 'share', 'label': ''}, {'name': 'timestamp', 'label': '\u2022'}, {'name': 'icons', 'label': ''}, {'name': 'labels', 'label': '\u039a\u03b1\u03c4\u03b7\u03b3\u03bf\u03c1\u03af\u03b5\u03c2:'}]}, {'title': 'elcreativeBlockFooter', 'type': 'LinkList', 'sectionId': 'section_main_bottom_widget', 'id': 'LinkList3'}, {'title': '', 'type': 'HTML', 'sectionId': 'section_aside_widget', 'id': 'HTML4'}, {'title': '', 'type': 'HTML', 'sectionId': 'section_aside_widget', 'id': 'HTML3'}, {'title': '', 'type': 'HTML', 'sectionId': 'section_aside_widget', 'id': 'HTML8'}, {'title': '', 'type': 'HTML', 'sectionId': 'section_aside_widget', 'id': 'HTML9'}, {'title': '', 'type': 'HTML', 'sectionId': 'section_aside_widget', 'id': 'HTML2'}, {'title': '\u0394\u0397\u039c\u039f\u03a6\u0399\u039b\u0395\u038a\u03a3 \u0391\u039d\u0391\u03a1\u03a4\u0389\u03a3\u0395\u0399\u03a3', 'type': 'PopularPosts', 'sectionId': 'section_aside_widget', 'id': 'PopularPosts1', 'posts': [{'title': '\u038c\u03bb\u03b1 \u03c4\u03b1 \u03b5\u03bb\u03bb\u03b7\u03bd\u03b9\u03ba\u03ac Torrent Sites (Trackers).', 'id': 6509143424051833327}, {'title': '1\u03b7 \u03c3\u03b5\u03bb\u03af\u03b4\u03b1 \u03c3\u03c4\u03bf Google \u03ba\u03b1\u03b9 backlinks', 'id': 7776856754573715836}, {'title': '\u038c\u03bb\u03b5\u03c2 \u03bf\u03b9 \u03ba\u03b1\u03c4\u03b7\u03b3\u03bf\u03c1\u03af\u03b5\u03c2', 'id': 8196127099004770298}, {'title': '\u0395\u03bb\u03bb\u03b7\u03bd\u03b9\u03ba\u03ae \u03a4\u03b7\u03bb\u03b5\u03cc\u03c1\u03b1\u03c3\u03b7', 'id': 5916331553113610507}, {'title': 'Your 12 hourly digest for Bankingnews.gr', 'id': 388387885020430291}, {'title': '\u03a0\u03b1\u03c1\u03b5\u03bb\u03b8\u03cc\u03bd \u03b7 5\u03bd\u03b8\u03ae\u03bc\u03b5\u03c1\u03b7 \u03b5\u03c1\u03b3\u03b1\u03c3\u03af\u03b1: \xab\u0388\u03c1\u03c7\u03b5\u03c4\u03b1\u03b9\xbb \u03c4\u03bf 6\u03ae\u03bc\u03b5\u03c1\u03bf \u03b1\u03c0\u03cc \u03c4\u03b7\u03bd 1\u03b7 \u0399\u03bf\u03c5\u03bb\u03af\u03bf\u03c5! \u2013 \u03a0\u03ce\u03c2 \u03b8\u03b1 \u03b1\u03bc\u03b5\u03af\u03b2\u03bf\u03bd\u03c4\u03b1\u03b9 \u03bf\u03b9 \u03b5\u03c1\u03b3\u03b1\u03b6\u03cc\u03bc\u03b5\u03bd\u03bf\u03b9', 'id': 2988280835856852229}, {'title': '\u0391\u03bb\u03bb\u03ac\u03b6\u03bf\u03c5\u03bd \u03c4\u03b1 \u03c0\u03ac\u03bd\u03c4\u03b1 \u03bc\u03b5 \u03c4\u03b1 \u03b1\u03c3\u03b1\u03bd\u03c3\u03ad\u03c1 \u03c3\u03c4\u03b9\u03c2 \u03c0\u03bf\u03bb\u03c5\u03ba\u03b1\u03c4\u03bf\u03b9\u03ba\u03af\u03b5\u03c2 \u2013 \u03a4\u03b9 \u03bb\u03ad\u03b5\u03b9 \u03bd\u03ad\u03bf\u03c2 \u03bd\u03cc\u03bc\u03bf\u03c2', 'id': 4261983316809997694}, {'title': '\u0394\u03b5\u03af\u03c4\u03b5 Live: \u039c\u03b5 \u03ba\u03bf\u03bc\u03bc\u03ad\u03bd\u03b7 \u03c4\u03b7\u03bd \u03b1\u03bd\u03ac\u03c3\u03b1 \u03bf \u03c0\u03bb\u03b1\u03bd\u03ae\u03c4\u03b7\u03c2', 'id': 7107410789908325295}, {'title': '\u0391\u03bd\u03b1\u03b8\u03b5\u03c9\u03c1\u03b7\u03bc\u03ad\u03bd\u03b5\u03c2 \u03c4\u03bf\u03c0\u03bf\u03b8\u03b5\u03c3\u03af\u03b5\u03c2 \u03c3\u03c4\u03b7\u03bd \u0395\u03bb\u03bb\u03ac\u03b4\u03b1 \u03ba\u03b1\u03c4\u03ac \u03c4\u03b9\u03c2 \u03c4\u03b5\u03bb\u03b5\u03c5\u03c4\u03b1\u03af\u03b5\u03c2 48 \u03ce\u03c1\u03b5\u03c2 - Revised Locations in Greece during the last 48 hours', 'id': 8745916937234046013}, {'title': '\u039e\u03ac\u03bd\u03b8\u03b7: \u0395\u03c0\u03b5\u03b9\u03c3\u03cc\u03b4\u03b9\u03b1 \u03c3\u03b5 \u03bc\u03bf\u03c5\u03c3\u03bf\u03c5\u03bb\u03bc\u03b1\u03bd\u03b9\u03ba\u03cc \u03c4\u03ad\u03bc\u03b5\u03bd\u03bf\u03c2 \u2013 \u0388\u03b4\u03b9\u03c9\u03be\u03b1\u03bd \xab\u03ba\u03bb\u03c9\u03c4\u03c3\u03b7\u03b4\u03cc\u03bd\xbb \u03c4\u03bf\u03bd \u03b5\u03ba\u03bb\u03b5\u03ba\u03c4\u03cc \u03c4\u03b7\u03c2 \u03a4\u03bf\u03c5\u03c1\u03ba\u03af\u03b1\u03c2', 'id': 1331550830355450533}]}, {'title': '', 'type': 'HTML', 'sectionId': 'section_aside_widget', 'id': 'HTML6'}, {'title': '', 'type': 'BlogList', 'sectionId': 'section_aside_widget', 'id': 'BlogList1'}, {'title': 'Translate', 'type': 'Translate', 'sectionId': 'section_aside_widget', 'id': 'Translate1'}, {'title': '', 'type': 'BlogList', 'sectionId': 'section_aside_widget', 'id': 'BlogList2'}, {'title': '', 'type': 'HTML', 'sectionId': 'section_aside_widget', 'id': 'HTML1'}, {'title': 'Custom Vanilla JavaScript', 'type': 'HTML', 'sectionId': 'elcreative_panel_bottom', 'id': 'HTML998'}, {'title': 'Custom jQuery Script', 'type': 'HTML', 'sectionId': 'elcreative_panel_bottom', 'id': 'HTML999'}, {'title': '\u03a6\u03cc\u03c1\u03bc\u03b1 \u03b5\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1\u03c2', 'type': 'ContactForm', 'sectionId': 'hidden', 'id': 'ContactForm1'}]}]);
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList995', 'elcreative_panel_top', document.getElementById('LinkList995'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList996', 'elcreative_panel_top', document.getElementById('LinkList996'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList998', 'elcreative_panel_top', document.getElementById('LinkList998'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML994', 'elcreative_panel_top', document.getElementById('HTML994'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'section_app_bar', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList999', 'section_navigation', document.getElementById('LinkList999'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList999', 'section_navigation', document.getElementById('PageList999'), {'title': 'More Menu', 'links': [{'isCurrentPage': false, 'href': 'https://www.foulscode.com/2017/12/foulscode-widget-news.html', 'title': '\x3csvg width\x3d\x2224\x22 height\x3d\x2224\x22 viewBox\x3d\x220 0 24 24\x22\x3e\x3cpath d\x3d\x22M13.76 3.31c-.52-1.75-3-1.75-3.51 0l-.12.43c-.29.97-1.3 1.52-2.27 1.24a2.75 2.75 0 0 1-.36-.15l-.39-.21c-1.6-.87-3.36.88-2.48 2.48l.21.39c.56 1.03.03 2.3-1.09 2.63l-.43.12c-1.75.52-1.75 3 0 3.51l.43.13c.97.29 1.52 1.3 1.24 2.27-.04.12-.09.24-.15.36l-.21.39c-.87 1.6.88 3.36 2.48 2.48l.39-.21a1.826 1.826 0 0 1 2.63 1.09l.12.43c.52 1.75 3 1.75 3.51 0l.13-.43c.29-.97 1.3-1.52 2.27-1.24.12.04.24.09.36.15l.39.21c1.6.87 3.36-.88 2.48-2.48l-.21-.39a1.826 1.826 0 0 1 1.09-2.63l.43-.13c1.75-.52 1.75-3 0-3.51l-.43-.12c-.97-.29-1.52-1.3-1.24-2.27.04-.12.09-.24.15-.36l.21-.39c.87-1.6-.88-3.36-2.48-2.48l-.39.21a1.826 1.826 0 0 1-2.63-1.09s-.13-.43-.12-.43ZM12 15.66c-2.02 0-3.66-1.64-3.66-3.66S9.98 8.34 12 8.34c2.02 0 3.66 1.64 3.66 3.66 0 2.02-1.64 3.66-3.66 3.66Z\x22\x3e\x3c/path\x3e\x3c/svg\x3eWidget News'}, {'isCurrentPage': false, 'href': 'https://www.foulscode.com/p/safelink.html', 'id': '6944995356794805174', 'title': '\x3csvg width\x3d\x2224\x22 height\x3d\x2224\x22 viewBox\x3d\x220 0 24 24\x22\x3e\x3cpath d\x3d\x22M12 17.5c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m6-9c1.1 0 2 .9 2 2v10c0 1.1-.9 2-2 2H6c-1.1 0-2-.9-2-2v-10a2 2 0 0 1 2-2h1v-2c0-2.76 2.24-5 5-5s5 2.24 5 5v2h1m-6-5c-1.66 0-3 1.34-3 3v2h6v-2c0-1.66-1.34-3-3-3Z\x22\x3e\x3c/path\x3e\x3c/svg\x3eSafelink'}, {'isCurrentPage': false, 'href': 'https://www.foulscode.com/p/dashboard_57.html', 'id': '1929232344370866194', 'title': '\x3csvg width\x3d\x2224\x22 height\x3d\x2224\x22 viewBox\x3d\x220 0 24 24\x22\x3e\x3cpath d\x3d\x22M12.4 11.11v2.71h6.48c-.2 1.52-.71 2.63-1.48 3.42-.95.95-2.42 1.98-5 1.98-3.99 0-7.11-3.22-7.11-7.21S8.41 4.8 12.4 4.8c2.15 0 3.73.85 4.88 1.94l1.91-1.91c-1.61-1.56-3.77-2.76-6.79-2.76C6.93 2.08 2.33 6.53 2.33 12s4.6 9.92 10.06 9.92c2.95 0 5.18-.97 6.92-2.78 1.79-1.79 2.35-4.31 2.35-6.34 0-.63-.04-1.21-.14-1.7h-9.13Z\x22\x3e\x3c/path\x3e\x3c/svg\x3e\u03a4\u03bf \u03a0\u03c1\u03bf\u03c6\u03af\u03bb \u03c3\u03b1\u03c2'}, {'isCurrentPage': false, 'href': 'https://www.foulscode.com/p/sitemap.html', 'id': '3229377806950899552', 'title': '\x3csvg width\x3d\x2224\x22 height\x3d\x2224\x22 viewBox\x3d\x220 0 24 24\x22\x3e\x3cpath d\x3d\x22M12.93 22h-1.86c-3.7 0-5.55 0-6.85-1.3-.7-.69-1.05-1.61-1.2-3.06-.04-.38.24-.72.63-.76.4-.03.73.24.76.63.11 1.11.34 1.75.79 2.2.89.89 2.55.89 5.86.89h1.86c3.31 0 4.97 0 5.86-.89.89-.88.89-2.55.89-5.86v-3.72c0-.39.31-.7.7-.7s.7.31.7.7v3.72c0 3.7 0 5.55-1.29 6.84-1.29 1.3-3.15 1.3-6.85 1.3Zm0-5.58H8.28c-.39 0-.7-.31-.7-.7s.31-.7.7-.7h4.65c.39 0 .7.31.7.7s-.31.7-.7.7Zm-9.3-1.86c-.39 0-.7-.31-.7-.7v-3.72c0-3.7 0-5.55 1.3-6.85C5.52 2 7.38 2 11.07 2h1.86c3.7 0 5.55 0 6.85 1.29.7.69 1.06 1.61 1.2 3.06.04.38-.24.72-.63.76-.38.05-.72-.24-.76-.63-.11-1.11-.34-1.75-.79-2.2-.89-.89-2.55-.89-5.86-.89h-1.86c-3.31 0-4.97 0-5.86.89-.89.88-.89 2.55-.89 5.86v3.72c0 .39-.31.7-.7.7Zm12.09-1.86H12c-.39 0-.7-.31-.7-.7s.31-.7.7-.7h3.72c.39 0 .7.31.7.7s-.31.7-.7.7Zm-6.51 0h-.93c-.39 0-.7-.31-.7-.7s.31-.7.7-.7h.93c.39 0 .7.31.7.7s-.31.7-.7.7Zm6.51-3.72h-.93c-.39 0-.7-.31-.7-.7s.31-.7.7-.7h.93c.39 0 .7.31.7.7s-.31.7-.7.7Zm-3.72 0H8.28c-.39 0-.7-.31-.7-.7s.31-.7.7-.7H12c.39 0 .7.31.7.7s-.31.7-.7.7Z\x22\x3e\x3c/path\x3e\x3c/svg\x3eSiteMap'}, {'isCurrentPage': false, 'href': 'https://www.foulscode.com/p/blog-page_18.html', 'title': '\x3csvg width\x3d\x2224\x22 height\x3d\x2224\x22 viewBox\x3d\x220 0 24 24\x22\x3e\x3cpath d\x3d\x22M13.26 13.88h-2.51c-.44 0-.71 0-.98-.11a1.49 1.49 0 0 1-.79-.79c-.11-.27-.11-.54-.11-.98s0-.71.11-.98c.15-.36.44-.64.79-.79.27-.11.54-.11.98-.11h2.51c.44 0 .71 0 .98.11.37.15.65.43.79.79.11.27.11.54.11.98s0 .71-.11.98c-.15.36-.44.65-.79.79-.27.11-.54.11-.98.11Zm-2.51-2.51c-.22 0-.45 0-.5.02-.05.02-.09.06-.11.11-.02.05-.02.28-.02.5s0 .44.02.5c.02.05.06.09.11.11.05.02.28.02.5.02h2.51c.22 0 .44 0 .5-.02.05-.02.09-.06.11-.11.01-.05.01-.28.01-.5s0-.45-.02-.5a.198.198 0 0 0-.11-.11c-.05-.01-.28-.01-.5-.01h-2.51Zm7.83 7.62c1.17-1.16 1.17-2.83 1.17-6.16V8.39c.33-.05.6-.16.83-.39.43-.43.43-.97.43-1.87s0-1.44-.43-1.87-.97-.43-1.87-.43h-3.35c-.35 0-.63.28-.63.63s.28.63.63.63h3.35c.42 0 .9 0 .99.06.06.09.06.57.06.99s0 .89-.06.99c-.09.06-.57.06-.99.06H5.3c-.42 0-.89 0-.99-.06-.06-.09-.06-.56-.06-.98s0-.89.06-.99c.09-.06.56-.06.98-.06h6.7c.35 0 .63-.28.63-.63s-.28-.63-.63-.63H5.3c-.9 0-1.44 0-1.87.43C3 4.7 3 5.24 3 6.14s0 1.44.43 1.87c.23.23.49.34.83.39v4.44c0 3.33 0 5 1.17 6.16.67.67 1.55.99 3.03 1.1.33.01.65-.23.67-.58a.614.614 0 0 0-.58-.67c-1.17-.09-1.79-.3-2.24-.74-.8-.8-.8-2.29-.8-5.27v-4.4h12.98v4.4c0 2.98 0 4.48-.8 5.27-.8.8-2.29.8-5.27.8h-.84c-.35 0-.63.28-.63.63s.28.63.63.63h.84c3.33 0 5 0 6.16-1.17Z\x22\x3e\x3c/path\x3e\x3c/svg\x3e\u038c\u03c1\u03bf\u03b9 \u03c7\u03c1\u03ae\u03c3\u03b7\u03c2'}, {'isCurrentPage': false, 'href': 'https://www.foulscode.com/p/blog-page_9.html', 'id': '7736046880305510763', 'title': '\x3csvg width\x3d\x2224\x22 height\x3d\x2224\x22 viewBox\x3d\x220 0 24 24\x22\x3e\x3cpath d\x3d\x22m20 8-8 5-8-5V6l8 5 8-5m0-2H4c-1.11 0-2 .89-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6a2 2 0 0 0-2-2Z\x22\x3e\x3c/path\x3e\x3c/svg\x3e\u0395\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1'}, {'isCurrentPage': false, 'href': 'https://draft.blogger.com', 'title': '\x3csvg width\x3d\x2224\x22 height\x3d\x2224\x22 viewBox\x3d\x220 0 24 24\x22\x3e\x3cpath d\x3d\x22M20.98 10.46c-.64-.64-1.48-.88-2.7-.97V8.28C18.28 4.82 15.46 2 12 2S5.72 4.82 5.72 8.28v1.21c-1.22.09-2.05.32-2.7.97C2 11.48 2 12.99 2 15.72s0 4.24 1.02 5.26C4.04 22 5.55 22 8.28 22h7.44c2.73 0 4.24 0 5.26-1.02C22 19.96 22 18.45 22 15.72s0-4.24-1.02-5.26ZM7.12 8.28C7.12 5.59 9.31 3.4 12 3.4s4.88 2.19 4.88 4.88v1.17H7.12V8.28Zm12.87 11.71c-.61.61-1.83.61-4.27.61H8.28c-2.43 0-3.66 0-4.27-.61-.61-.61-.61-1.83-.61-4.27s0-3.66.61-4.27c.61-.61 1.84-.61 4.27-.61h7.44c2.44 0 3.66 0 4.27.61.61.61.61 1.84.61 4.27s0 3.66-.61 4.27ZM12 13.16c-1.41 0-2.56 1.15-2.56 2.56s1.15 2.56 2.56 2.56 2.56-1.15 2.56-2.56-1.15-2.56-2.56-2.56Zm0 3.72a1.16 1.16 0 1 1 .002-2.322A1.16 1.16 0 0 1 12 16.88Z\x22\x3e\x3c/path\x3e\x3c/svg\x3eLogin'}], 'mobile': false, 'showPlaceholder': true, 'hasCurrentPage': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'section_main_top_widget', document.getElementById('HTML5'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TextView', new _WidgetInfo('Text2', 'section_main_top_widget', document.getElementById('Text2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList4', 'section_main_top_widget', document.getElementById('LinkList4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList997', 'section_main_widget', document.getElementById('LinkList997'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'section_main_widget', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/1400096402-lbx__el.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/13464135-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList3', 'section_main_bottom_widget', document.getElementById('LinkList3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'section_aside_widget', document.getElementById('HTML4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'section_aside_widget', document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML8', 'section_aside_widget', document.getElementById('HTML8'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML9', 'section_aside_widget', document.getElementById('HTML9'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'section_aside_widget', document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'section_aside_widget', document.getElementById('PopularPosts1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'section_aside_widget', document.getElementById('HTML6'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogListView', new _WidgetInfo('BlogList1', 'section_aside_widget', document.getElementById('BlogList1'), {'numItemsToShow': 5, 'totalItems': 0}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_TranslateView', new _WidgetInfo('Translate1', 'section_aside_widget', document.getElementById('Translate1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogListView', new _WidgetInfo('BlogList2', 'section_aside_widget', document.getElementById('BlogList2'), {'numItemsToShow': 5, 'totalItems': 3}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'section_aside_widget', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML998', 'elcreative_panel_bottom', document.getElementById('HTML998'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML999', 'elcreative_panel_bottom', document.getElementById('HTML999'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'hidden', document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': '\u0391\u03c0\u03bf\u03c3\u03c4\u03bf\u03bb\u03ae\u2026', 'contactFormMessageSentMsg': '\u03a4\u03bf \u03bc\u03ae\u03bd\u03c5\u03bc\u03ac \u03c3\u03b1\u03c2 \u03b5\u03c3\u03c4\u03ac\u03bb\u03b7.', 'contactFormMessageNotSentMsg': '\u0394\u03b5\u03bd \u03ae\u03c4\u03b1\u03bd \u03b4\u03c5\u03bd\u03b1\u03c4\u03ae \u03b7 \u03b1\u03c0\u03bf\u03c3\u03c4\u03bf\u03bb\u03ae \u03c4\u03bf\u03c5 \u03bc\u03b7\u03bd\u03cd\u03bc\u03b1\u03c4\u03bf\u03c2. \u0394\u03bf\u03ba\u03b9\u03bc\u03ac\u03c3\u03c4\u03b5 \u03be\u03b1\u03bd\u03ac \u03b1\u03c1\u03b3\u03cc\u03c4\u03b5\u03c1\u03b1.', 'contactFormInvalidEmailMsg': '\u0391\u03c0\u03b1\u03b9\u03c4\u03b5\u03af\u03c4\u03b1\u03b9 \u03ad\u03b3\u03ba\u03c5\u03c1\u03b7 \u03b4\u03b9\u03b5\u03cd\u03b8\u03c5\u03bd\u03c3\u03b7.', 'contactFormEmptyMessageMsg': '\u03a4\u03bf \u03c0\u03b5\u03b4\u03af\u03bf \u03bc\u03b7\u03bd\u03cd\u03bc\u03b1\u03c4\u03bf\u03c2 \u03b4\u03b5\u03bd \u03bc\u03c0\u03bf\u03c1\u03b5\u03af \u03bd\u03b1 \u03b5\u03af\u03bd\u03b1\u03b9 \u03ba\u03b5\u03bd\u03cc.', 'title': '\u03a6\u03cc\u03c1\u03bc\u03b1 \u03b5\u03c0\u03b9\u03ba\u03bf\u03b9\u03bd\u03c9\u03bd\u03af\u03b1\u03c2', 'blogId': '7592737542232152042', 'contactFormNameMsg': '\u038c\u03bd\u03bf\u03bc\u03b1', 'contactFormEmailMsg': '\u0397\u03bb\u03b5\u03ba\u03c4\u03c1\u03bf\u03bd\u03b9\u03ba\u03cc \u03c4\u03b1\u03c7\u03c5\u03b4\u03c1\u03bf\u03bc\u03b5\u03af\u03bf', 'contactFormMessageMsg': '\u039c\u03ae\u03bd\u03c5\u03bc\u03b1', 'contactFormSendMsg': '\u0391\u03c0\u03bf\u03c3\u03c4\u03bf\u03bb\u03ae', 'contactFormToken': 'AOuZoY6Jf-i5FJ80kudMjlknwOsc8QMBYg:1713568871238', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
</script>
</body>