1 / 13

Default (tab)

Default (tab). failfix.html. Only need to code the red box section. When we put into our server, it will call out our standard header and footer as last time. Place the CSS in this area, you can remove the border, it just for reference for where the content will display.

courtney
Download Presentation

Default (tab)

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

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

More Related