Download presentation
Presentation is loading. Please wait.
Published byAngelina Craig Modified over 9 years ago
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 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
3
“Home” link to http://www.alibaba.comhttp://www.alibaba.com Top Products tab link to http://www.alibaba.com/activities/ibdm/failfix/products.html http://www.alibaba.com/activities/ibdm/failfix/products.html This button link to http://twitter.com/home?status=@AlibabaTalk%20%23 FailFix%20http%3A%2F/www.alibaba.com.com/failfix http://twitter.com/home?status=@AlibabaTalk%20%23 FailFix%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: Area link to http://www.alibaba.com/activities/i bdm/failfix/submit.html http://www.alibaba.com/activities/i bdm/failfix/submit.html Area link to http://www.alibaba.com/activities/i bdm/failfix/products.html http://www.alibaba.com/activities/i bdm/failfix/products.html 5 graphic images and html text for video name: When click those each image: display video on YouTube video area above. 1 st graphic: http://www.youtube.com/embed/UtIV8F0jql0http://www.youtube.com/embed/UtIV8F0jql0 2 nd graphic: http://www.youtube.com/embed/V-pcKSwo7H0http://www.youtube.com/embed/V-pcKSwo7H0 3 rd graphic: http://www.youtube.com/embed/DqA2KPVmFJshttp://www.youtube.com/embed/DqA2KPVmFJs 4 th graphic: http://www.youtube.com/embed/SBTm071J0IAhttp://www.youtube.com/embed/SBTm071J0IA 5 th graphic: http://www.youtube.com/embed/wSwlANqjVy4http://www.youtube.com/embed/wSwlANqjVy4
5
var addthis_config = { data_ga_property:'UA-33825643-3', data_ga_social:true, }
6
Text and graphic can temporary link to http://www.alibaba.com/failfixhttp://www.alibaba.com/failfix var addthis_config = { data_ga_property:'UA-33825643-3', data_ga_social:true, }
7
(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'));
8
Tweets about "#FailFix" !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=i d;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document, "script","twitter-wjs"); Terms & Conditions link to http://www.alibaba.com/activities/ibdm/failfix/terms.htmlhttp://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 footer as last time.
11
“Home” link to http://www.alibaba.comhttp://www.alibaba.com #FailFix tab link to http://www.alibaba.com/activities/ibdm/failfix.html http://www.alibaba.com/activities/ibdm/failfix.html This button link to http://twitter.com/home?status=@AlibabaTalk%20%23 FailFix%20http%3A%2F/www.alibaba.com.com/failfix http://twitter.com/home?status=@AlibabaTalk%20%23 FailFix%20http%3A%2F/www.alibaba.com.com/failfix #FailFix tab link to http://www.alibaba.com/activities/ibdm/failfix.html http://www.alibaba.com/activities/ibdm/failfix.html
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 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.http://www.alibaba.com Gold Supplier icon: http://ggs.alibaba.com, alt text “Gold Supplier”http://ggs.alibaba.com Supplier Assessment icon: http://sa.alibaba.com, alt text “Supplier Assessment”http://sa.alibaba.com Escrow icon: http://www.alibaba.com/escrow/buyer.html, alt text “Escrow”http://www.alibaba.com/escrow/buyer.html Contact Supplier button: http://message.alibaba.com/msgsend/contact.htm?action=contact_ action&domain=2&id=50054349http://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 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 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
Similar presentations
© 2024 SlidePlayer.com. Inc.
All rights reserved.