{"id":2762,"date":"2013-08-09T13:34:39","date_gmt":"2013-08-09T13:34:39","guid":{"rendered":"https:\/\/www.lilavert.com\/blog_lilavert\/?p=2762"},"modified":"2013-08-09T13:34:51","modified_gmt":"2013-08-09T13:34:51","slug":"un-jolie-menu-circulaire-pour-votre-site-responsive","status":"publish","type":"post","link":"https:\/\/www.lilavert.com\/blog_lilavert\/un-jolie-menu-circulaire-pour-votre-site-responsive\/","title":{"rendered":"Un jolie menu circulaire pour votre site responsive"},"content":{"rendered":"<p><strong>Un jolie menu circulaire pour votre site responsive.<\/strong> Tutorial.<\/p>\n<div>\n<div>Building a Circular Navigation with CSS Transforms &#8211;<a href=\"http:\/\/bit.ly\/13LxJ3l\" rel=\"nofollow nofollow\" target=\"_blank\">http:\/\/bit.ly\/13LxJ3l<\/a><\/div>\n<div><\/div>\n<\/div>\n<div>\n<div data-gt=\"{&quot;fbid&quot;:&quot;10151598189162913&quot;}\" data-ft=\"{&quot;tn&quot;:&quot;E&quot;}\">\u00a0<a href=\"https:\/\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2013\/08\/menu-circulaire-responsive.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-2763\" title=\"menu circulaire responsive\" src=\"https:\/\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2013\/08\/menu-circulaire-responsive.png\" alt=\"\" width=\"580\" height=\"315\" srcset=\"https:\/\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2013\/08\/menu-circulaire-responsive.png 580w, https:\/\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2013\/08\/menu-circulaire-responsive-300x162.png 300w, https:\/\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2013\/08\/menu-circulaire-responsive-400x217.png 400w\" sizes=\"(max-width: 580px) 100vw, 580px\" \/><\/a><\/div>\n<\/div>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Un jolie menu circulaire pour votre site responsive. Tutorial. Building a Circular Navigation with CSS Transforms &#8211;http:\/\/bit.ly\/13LxJ3l \u00a0 &nbsp;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_newsletter_tier_id":0,"footnotes":""},"categories":[215,16,233,245,143],"tags":[198,199,875,876,280,874,281,141,151,753,873,4005,146],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p6hYQX-Iy","jetpack-related-posts":[{"id":2835,"url":"https:\/\/www.lilavert.com\/blog_lilavert\/responsive-multi-level-menu\/","url_meta":{"origin":2762,"position":0},"title":"Responsive Multi-Level Menu","author":"LilaVert I-I","date":"17\/08\/2013","format":"link","excerpt":"Responsive Multi-Level Menu pour votre blog ou site, avec sous-menus. Voir les 5 d\u00e9mos en cliquant sur l'image.","rel":"","context":"Dans &quot;graphisme&quot;","block_context":{"text":"graphisme","link":"https:\/\/www.lilavert.com\/blog_lilavert\/category\/graphisme\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2013\/08\/Responsive-Multi-Level-Menu.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":2473,"url":"https:\/\/www.lilavert.com\/blog_lilavert\/selection-doutils-pour-un-site-compatible\/","url_meta":{"origin":2762,"position":1},"title":"Selection d&rsquo;outils pour un site compatible","author":"LilaVert I-I","date":"16\/07\/2013","format":"link","excerpt":"Selection d'outils pour un site compatible. Excellent article\u00a0sur le Blog du Webdesign, d\u00e9couvrez diff\u00e9rentes ressources pour faire des sites web compatibles sur tous les navigateurs existants... \u00a0","rel":"","context":"Dans &quot;graphisme&quot;","block_context":{"text":"graphisme","link":"https:\/\/www.lilavert.com\/blog_lilavert\/category\/graphisme\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":929,"url":"https:\/\/www.lilavert.com\/blog_lilavert\/les-dompteurs-de-souris\/","url_meta":{"origin":2762,"position":2},"title":"Les Dompteurs de Souris&#8230;","author":"LilaVert I-I","date":"28\/11\/2012","format":"image","excerpt":"Site d'une Agence Qu\u00e9becoise. au design Responsive, beau, simple et efficace.","rel":"","context":"Dans &quot;graphisme&quot;","block_context":{"text":"graphisme","link":"https:\/\/www.lilavert.com\/blog_lilavert\/category\/graphisme\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2012\/11\/www.dompteurs.com_.jpeg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":1287,"url":"https:\/\/www.lilavert.com\/blog_lilavert\/uicloud-a-de-la-ressource\/","url_meta":{"origin":2762,"position":3},"title":"UICloud a de la ressource !","author":"LilaVert I-I","date":"13\/01\/2013","format":"image","excerpt":"UICloud a de la ressource ! UI Cloud propose pr\u00e8s de 27299\u00a0UI \u00e9l\u00e9ments web de qualit\u00e9 : psd, desisgn web, css... Bref, une mine d'or.","rel":"","context":"Dans &quot;News&quot;","block_context":{"text":"News","link":"https:\/\/www.lilavert.com\/blog_lilavert\/category\/news\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1617,"url":"https:\/\/www.lilavert.com\/blog_lilavert\/ressources-85-top-responsive-web-design-tools\/","url_meta":{"origin":2762,"position":4},"title":"Ressources : 85 Top Responsive Web Design Tools","author":"LilaVert I-I","date":"25\/03\/2013","format":false,"excerpt":"Ressources : 85 Top Responsive Web Design Tools http:\/\/mashable.com\/2013\/03\/18\/web-design-tools\/","rel":"","context":"Dans &quot;graphisme&quot;","block_context":{"text":"graphisme","link":"https:\/\/www.lilavert.com\/blog_lilavert\/category\/graphisme\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.lilavert.com\/blog_lilavert\/wp-content\/uploads\/2013\/03\/Responsive-WordPress-theme.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":4611,"url":"https:\/\/www.lilavert.com\/blog_lilavert\/15-outils-pour-le-developpement-de-sites-en-responsive-design\/","url_meta":{"origin":2762,"position":5},"title":"15 outils pour le d\u00e9veloppement de sites en responsive design","author":"LilaVert I-I","date":"02\/12\/2013","format":false,"excerpt":"Le responsive design est une solution efficace pour proposer une exp\u00e9rience utilisateur enrichie en ad\u00e9quation avec les nouveaux usages web. Depuis le boom r\u00e9cent de cette technique, de nombreux\u00a0outils gratuits\u00a0sont disponibles sur internet pour faciliter la vie des concepteurs et int\u00e9grateurs de sites. See on www.ametys.org","rel":"","context":"Dans &quot;graphisme&quot;","block_context":{"text":"graphisme","link":"https:\/\/www.lilavert.com\/blog_lilavert\/category\/graphisme\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.lilavert.com\/blog_lilavert\/wp-json\/wp\/v2\/posts\/2762"}],"collection":[{"href":"https:\/\/www.lilavert.com\/blog_lilavert\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lilavert.com\/blog_lilavert\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lilavert.com\/blog_lilavert\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lilavert.com\/blog_lilavert\/wp-json\/wp\/v2\/comments?post=2762"}],"version-history":[{"count":0,"href":"https:\/\/www.lilavert.com\/blog_lilavert\/wp-json\/wp\/v2\/posts\/2762\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.lilavert.com\/blog_lilavert\/wp-json\/wp\/v2\/media?parent=2762"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lilavert.com\/blog_lilavert\/wp-json\/wp\/v2\/categories?post=2762"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lilavert.com\/blog_lilavert\/wp-json\/wp\/v2\/tags?post=2762"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}