{"id":1219,"date":"2011-12-07T06:25:51","date_gmt":"2011-12-07T10:25:51","guid":{"rendered":"http:\/\/www.searchenginegenie.com\/web-design-blog\/?p=1219"},"modified":"2011-12-16T07:04:28","modified_gmt":"2011-12-16T11:04:28","slug":"vertical-3d-carousel-menu-item-2","status":"publish","type":"post","link":"https:\/\/www.searchenginegenie.com\/web-design-blog\/vertical-3d-carousel-menu-item-2\/","title":{"rendered":"Vertical 3D Rotate Menu Item"},"content":{"rendered":"<p>1. Create a new Flash document of size 550\u00d7400.<\/p>\n<p>2. Draw a rectangle with rounded corners. I made the rectangle 158\u00d735 pixels. I used a white stroke and for the fill #0F7E88.<\/p>\n<p>&nbsp;<\/p>\n<p><a name=\"imageclose-1220\"><div class=\"lb-album\"><a href=\"#image-1220\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2011\/12\/menuitem3.gif\"  class=\"aligncenter size-full wp-image-1246\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-1220\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-1220\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2011\/12\/menuitem3.gif\" alt=\"image-1220\">\r\n                   <\/div><\/a><\/p>\n<p>3. Convert the rectangle to a movie clip named &#8220;Menu Item&#8221;. Set the registration point to the <strong>center<\/strong>.<\/p>\n<p>4. Inside the Menu Item movie clip, create a dynamic text field. Make it wide enough and type some text in it.<\/p>\n<p>&nbsp;<\/p>\n<p><a name=\"imageclose-1221\"><div class=\"lb-album\"><a href=\"#image-1221\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2011\/12\/menuitemfinished3.gif\"  class=\"aligncenter size-full wp-image-1247\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-1221\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-1221\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2011\/12\/menuitemfinished3.gif\" alt=\"image-1221\">\r\n                   <\/div><\/a><\/p>\n<p>5. Give the text field an instance name of &#8220;<strong>menuItemText<\/strong>&#8220;.<\/p>\n<p>6. Embed the following fonts.<\/p>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"emdedfonts\" src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2011\/12\/emdedfonts1.gif\" alt=\"\" width=\"304\" height=\"407\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>7. No go back to the main timeline and remove the Menu Item movie clip from the stage.<\/p>\n<p>8. Linkage the Menu Item movie clip to a class named &#8220;Menu Item&#8221;.<\/p>\n<p><strong>Moving to Action Script 3<\/strong><\/p>\n<p>9. In the first frame of your Flash movie type the following.<\/p>\n<p><a name=\"imageclose-1222\"><div class=\"lb-album\"><a href=\"#image-1222\"><img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2011\/12\/actionscripts.jpg\"  class=\"aligncenter size-full wp-image-1243\"><span><\/span><\/a><\/div>              \r\n<a href=\"#imageclose-1222\" class=\"css3lightbox-close\">\r\n\t\t\t\t   <div class=\"lb-overlay\" id=\"image-1222\">\r\n                   <img src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2011\/12\/actionscripts.jpg\" alt=\"image-1222\">\r\n                   <\/div><\/a><\/p>\n<p>10. You are done, test your movie! I hope you enjoyed this Action Script 3 tutorial \u2026<\/p>\n<p>&nbsp;<\/p>\n<p><object id=\"test\" width=\"450\" height=\"350\" classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"http:\/\/download.macromedia.com\/pub\/shockwave\/cabs\/flash\/swflash.cab#version=6,0,40,0\"><param name=\"src\" value=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2011\/12\/Interactive-Vertical-Flash-3D-Carousel6.swf\" \/><embed id=\"test\" width=\"450\" height=\"350\" type=\"application\/x-shockwave-flash\" src=\"http:\/\/www.searchenginegenie.com\/web-design-blog\/wp-content\/uploads\/2011\/12\/Interactive-Vertical-Flash-3D-Carousel6.swf\" \/><\/object><\/p>\n","protected":false},"excerpt":{"rendered":"<p>1. Create a new Flash document of size 550\u00d7400. 2. Draw a rectangle with rounded corners. I made the rectangle 158\u00d735 pixels. I used a white stroke and for the fill #0F7E88. &nbsp; 3. Convert the rectangle to a movie clip named &#8220;Menu Item&#8221;. Set the registration point to the center. 4. Inside the Menu [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,6,5],"tags":[],"class_list":["post-1219","post","type-post","status-publish","format-standard","hentry","category-flash","category-web-design","category-web-design-tips"],"_links":{"self":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/1219","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/comments?post=1219"}],"version-history":[{"count":30,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/1219\/revisions"}],"predecessor-version":[{"id":1222,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/posts\/1219\/revisions\/1222"}],"wp:attachment":[{"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/media?parent=1219"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/categories?post=1219"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.searchenginegenie.com\/web-design-blog\/wp-json\/wp\/v2\/tags?post=1219"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}