Download
default tab n.
Skip this Video
Loading SlideShow in 5 Seconds..
Default (tab) PowerPoint Presentation
Download Presentation
Default (tab)

Default (tab)

86 Vues Download Presentation
Télécharger la présentation

Default (tab)

- - - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

  1. Default (tab) failfix.html

  2. Only need to code the red box section. When we put into our server, it will call out our standard header and footeras last time. Place the CSS in this area, you can remove the border, it just for reference for where the content will display. Place the content within this area

  3. Top Products tab link to http://www.alibaba.com/activities/ibdm/failfix/products.html “Home” link to http://www.alibaba.com This button link to http://twitter.com/home?status=@AlibabaTalk%20%23FailFix%20http%3A%2F/www.alibaba.com.com/failfix

  4. Temporary use this YouTube iframe code and feel free to adjust the width and height to match with the PSD file: <iframe width="640" height="360" src="http://www.youtube.com/embed/UtIV8F0jql0" frameborder="0" allowfullscreen></iframe> Area link to http://www.alibaba.com/activities/ibdm/failfix/submit.html Area link to http://www.alibaba.com/activities/ibdm/failfix/products.html 5 graphic images and html text for video name: When click those each image: display video on YouTube video area above. 1st graphic: http://www.youtube.com/embed/UtIV8F0jql0 2nd graphic: http://www.youtube.com/embed/V-pcKSwo7H0 3rd graphic: http://www.youtube.com/embed/DqA2KPVmFJs 4th graphic: http://www.youtube.com/embed/SBTm071J0IA 5th graphic: http://www.youtube.com/embed/wSwlANqjVy4

  5. <!-- AddThis Button START --> <div id ="add_this" class="addthis_toolboxaddthis_default_style addthis_32x32_style" addthis:url="http://www.alibaba.com/failfix" addthis:title=“#FailFix" addthis:description=“Extraordinary Solutions for Extraordinary Situation"> <a class="addthis_button_facebook"><imgsrc="http://img.alibaba.com/images/cms/upload/us_page/icon/32x32_facebook.gif" width="32" height="32" border="0" alt="Facebook" /></a> <a class="addthis_button_twitter"><imgsrc="http://img.alibaba.com/images/cms/upload/us_page/icon/32x32_twitter.gif" width="32" height="32" border="0" alt="Twitter" /></a> </div> <script type="text/javascript"> varaddthis_config = { data_ga_property:'UA-33825643-3', data_ga_social:true, } </script> <script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5099fd2734e6c46e"></script> <!-- AddThis Button END -->

  6. Text and graphic can temporary link to http://www.alibaba.com/failfix <!-- AddThis Button START --> <div id ="add_this" class="addthis_toolboxaddthis_default_style" addthis:url="http://www.alibaba.com/failfix" addthis:title=”#FailFix" addthis:description=“Extraordinary Solutions for Extraordinary Situation"> <a class="addthis_button_facebook"><imgsrc="http://img.alibaba.com/images/cms/upload/us_page/icon/16x16_facebook.gif" width=”16" height=”16" border="0" alt="Facebook" /></a> <a class="addthis_button_twitter"><imgsrc="http://img.alibaba.com/images/cms/upload/us_page/icon/16x16_twitter.gif” width=”16" height=”16” border="0" alt="Twitter" /></a> </div> <script type="text/javascript"> varaddthis_config = { data_ga_property:'UA-33825643-3', data_ga_social:true, } </script> <script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5099fd2734e6c46e"></script> <!-- AddThis Button END -->

  7. <!-- Comment Box BEGIN--> <div id="fb-root"></div> <script>(function(d, s, id) { varjs, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js= d.createElement(s); js.id = id; js.src= "//connect.facebook.net/en_US/all.js#xfbml=1&appId=500638936627625"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <div class="fb-comments" data-href="http://www.alibaba.com/activities/ibdm/failfix.html" data-num-posts="5" data-width="640"></div> <!-- Comment Box END -->

  8. <a class="twitter-timeline" href="https://twitter.com/search?q=%23FailFix" data-widget-id="263430932097286144">Tweets about "#FailFix"</a> <script>!function(d,s,id){varjs,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> Terms & Conditions link to http://www.alibaba.com/activities/ibdm/failfix/terms.html

  9. Top Products (Tab) products.html

  10. Only need to code the red box section. When we put into our server, it will call out our standard header and footeras last time.

  11. #FailFix tab link to http://www.alibaba.com/activities/ibdm/failfix.html “Home” link to http://www.alibaba.com #FailFix tab link to http://www.alibaba.com/activities/ibdm/failfix.html This button link to http://twitter.com/home?status=@AlibabaTalk%20%23FailFix%20http%3A%2F/www.alibaba.com.com/failfix

  12. All product pictures is 170 x 170. Guideline for roll-over action. Live reference: http://www.aliexpress.com/activities/shoes_bags_30/index.html Text just use as the PSD. We will update the actual product info later. Product image, title and company name link to http://www.alibaba.com. Gold Supplier icon:http://ggs.alibaba.com, alt text “Gold Supplier” Supplier Assessment icon:http://sa.alibaba.com, alt text “Supplier Assessment” Escrow icon: http://www.alibaba.com/escrow/buyer.html, alt text “Escrow” Contact Supplier button: http://message.alibaba.com/msgsend/contact.htm?action=contact_action&domain=2&id=50054349

  13. All product pictures is 170 x 170. Guideline for roll-over action. Live reference: http://www.aliexpress.com/activities/shoes_bags_30/index.html Text just use as the PSD. We will update the actual product info later. Product image and product title and Buy Now button link to http://www.aliexpress.com/store/product/Free-shippping-by-CPAM-Automatic-coffee-mixing-cup-mug-bluw-stainless-steel-self-stirring-electic-coffee/206907_604793479.html