default (tab) failfix.html. only need to code the red box section. when we put into our server, it...

13
Default (tab) failfix.html

Upload: angelina-craig

Post on 30-Dec-2015

225 views

Category:

Documents


1 download

TRANSCRIPT

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.

Place the content within this area

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/UtIV8F0jql02nd graphic: http://www.youtube.com/embed/V-pcKSwo7H03rd graphic: http://www.youtube.com/embed/DqA2KPVmFJs4th graphic: http://www.youtube.com/embed/SBTm071J0IA5th graphic: http://www.youtube.com/embed/wSwlANqjVy4

<!-- AddThis Button START --><div id ="add_this" class="addthis_toolbox addthis_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"><img src="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"><img src="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">

var addthis_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 -->

Text and graphic can temporary link to http://www.alibaba.com/failfix

<!-- AddThis Button START --><div id ="add_this" class="addthis_toolbox addthis_default_style" addthis:url="http://www.alibaba.com/failfix" addthis:title=”#FailFix" addthis:description=“Extraordinary Solutions for Extraordinary Situation">

<a class="addthis_button_facebook"><img src="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"><img src="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">

var addthis_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 -->

<!-- Comment Box BEGIN--> <div id="fb-root"></div><script>(function(d, s, id) {

var js, 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 -->

<a class="twitter-timeline" href="https://twitter.com/search?q=%23FailFix" data-widget-id="263430932097286144">Tweets about "#FailFix"</a><script>!function(d,s,id){var js,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

Top Products (Tab)

products.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.

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