Retro Touch 是一款专业的创意作品集 HTML 模板,融合了微妙的复古设计风格。它将帮助您创建自己的在线个人资料,并能够以时尚的方式展示您的特色项目。
这个独特的 html 模板配有 Nivo Slider、GalleryView、Awkward Slider、BX Slider、漂亮的作品集、CSS3 增强功能、实用的下拉面板、工作联系表格、旋转报价和 Tip Tip 工具提示。
有两种主题可供选择:浅色和深色,以及一组实用的 psd 文件,可帮助您轻松创建网站。其中包括徽标、十个分隔符、社交图标和网络元素。
还有 36 个预制图标(文件中包含一个链接,以便您可以下载另外 300 个!)和 28 个社交图标可供选择。
代码
- 有详细记录的代码和 CSS
- 三种主页样式可供选择
- 明暗主题
- 下拉面板
- BX 滑块
- Nivo 滑块
- 尴尬的滑块
- PiroBox
- CSS 文本动画
- TipTip 工具提示
- 循环报价
- 字体替换
- 工作联系表
显卡
- 标志 psd
- Psds:箭头、头像、图标、列表图标、功能区、引号和社交图标。
我还附上了一份 PDF 文件,指导您完成代码。我希望我已经涵盖了所有内容,但如果您希望了解某些内容,我很乐意为您提供帮助。
如果您决定购买此模板,请对其进行评分。非常感谢!
评价
动画文本是这个非常干净且编码非常好的模板中的一个很棒的功能我实际上已经使用下拉面板作为联系表单,因为它非常不显眼。
我认为 5 星评价比 14 美元更值。– Quevega
再次感谢您对模板的帮助,现在它对我来说非常完美。我对此感到非常兴奋……我找了好久才找到一个模板,当我找到你的模板时,我非常激动。- Kris
更新
2013 年 12 月 9 日:更新 style.css 2013 年 6 月 14 日:由于 Twitter API 更新,删除了 Twitter News Ticker。
包含426个文件-压缩包目录详情
templates/rtd/rtd/index.htmldark/about.htmlblog.htmlblog_full.htmlblog_page.htmlcolumns.htmlcontact.htmlextras.htmlextras2.htmlindex.htmlindex2.htmlindex3.htmlportfolio.htmlportfolio2.htmlservices.htmlstyles.csswork1.htmlwork2.htmlstyle/css/intro_text.cssfont/oswaldbook-webfont-1.eotoswaldbook-webfont.eotoswaldbook-webfont.svgoswaldbook-webfont.ttfoswaldbook-webfont.woffoswaldlight-webfont-1.eotoswaldlight-webfont.eotoswaldlight-webfont.svgoswaldlight-webfont.ttfoswaldlight-webfont.woffimages/ajax-loader.gifarrow-right.pngarrow.pngarrows.pngarrow_hover.pngbg-black.pngblog1.jpgbodybg.pngbriefcase.pngbullet.jpgbullet2.pngbullets.pngcup.pngdiagonal_line.pngend.pngend_hover.pngforward.pngforward_dark.pngforward_light.pngforward_light2.pnggr_180x100_v1.gifimg-loader.giflight_lines.pnglist-arrow.pnglogo.pngmask.pngmenuline.pngno-avatar.jpgopacity.pngoverlay-button.pngpanel-next.pngpanel-prev.pngpanel.pngportrait.jpgprev.pngprev_dark.pngprev_light.pngprev_light2.pngquote-mark.pngribbon.pngrss_feed.pngstar.pngtext.pngtexture.pngtext_hover.pngtf_180x100_v1.giftf_468x60_v2.gifvcard.pngdividers/divider1.pngdivider10.pngdivider2.pngdivider3.pngdivider4.pngdivider5.pngdivider6.pngdivider7.pngdivider8.pngdivider9.pngicons/award_ribbon.pngbasket.pngbell.pngbook.pngcalendar.pngclock.pngcopy_paste.pngemail.pngfile_cabinet.pngglobe_icon.pnggraphic_design.pnghourglass.pnginfo.pngipad.pnglamp.pnglike.pngmac.pngmegaphone.pngmicrophone.pngphotography_icon.pngpolaroid.pngpreview.pngprint.pngradio_icon.pngseo_icon.pngsettings.pngsheriff.pngsmile.pngtag.pngtag2.pngtools.pngvideo_icon.pngwallet.pngwebdesign_icon.pngweb_icon.pngzoom.pngproject_slider/info.pngnext.pngpause-big.pngplay-big.pngprev.pngsocial/apple.pngbebo.pngbehance.pngblogger.pngbuzz.pngdeviantart.pngdribbble.pngfacebook.pngflickr.pnggoogle.pnglastfm.pnglinkedin.pngme.pngmyspace.pngpaypal.pngpicasa.pngpinterest.pngrss.pngskype.pngstumbleupon.pngtumblr.pngtwitter.pngtwitter_bird.pngvimeo.pngwordpress.pngyahoo.pngyoutube.pngwork/1.jpg10.jpg11.jpg12.jpg2.jpg3.jpg4.jpg5.jpg6.jpg7.jpg8.jpg9.jpgartbox.jpgblog_large.jpgindex_large1.jpgindex_large2.jpgindex_large3.jpgindex_large4.jpgindex_slide.jpglarge.jpgmini.jpgmini1.jpgmini2.jpgmini3.jpgmini4.jpgpic1.jpgpic2.jpgpic3.jpgpic4.jpgpic5.jpgpic6.jpgpic7.jpgpic8.jpgjs/custom.jsjquery-1.7.1.jsjquery.aw-showcase.jsjquery.galleryview.jsjquery.lettering.jsjquery.nivo.slider.pack.jsjquery_ui-1.8.9.min.jspirobox/arrow_l.pngarrow_r.pngblank.gifbuttons.pngcaption_up_down.pngnav-bg.pngnew_skin.pngnew_skin_left.pngnew_skin_top.pngstyle.csswebsymbols/websymbols-regular-webfont-1.eotwebsymbols-regular-webfont.eotwebsymbols-regular-webfont.svgwebsymbols-regular-webfont.ttfwebsymbols-regular-webfont.woffimages/bodybg.pngdark.jpgli.jpglogo.pnglight/about.htmlblog.htmlblog_full.htmlblog_page.htmlcolumns.htmlcontact.htmlextras.htmlextras2.htmlindex.htmlindex2.htmlindex3.htmlportfolio.htmlportfolio2.htmlservices.htmlstyles.csswork1.htmlwork2.htmlstyle/css/intro_text.cssfont/oswaldbook-webfont-1.eotoswaldbook-webfont.eotoswaldbook-webfont.svgoswaldbook-webfont.ttfoswaldbook-webfont.woffoswaldlight-webfont-1.eotoswaldlight-webfont.eotoswaldlight-webfont.svgoswaldlight-webfont.ttfoswaldlight-webfont.woffimages/ajax-loader.gifarrow-right.pngarrow.pngarrows.pngarrow_hover.pngbg-black.pngblack_star.pngblog1.jpgbodybg.pngbriefcase.pngbullet.jpgbullet2.pngbullets.pngcup.pngdiagonal_line.pngdropdown_bg.pngend.pngend_hover.pngforward.pngforward_dark.pngforward_light.pngforward_light2.pnggr_180x100_v1.gifimg-loader.giflight_lines.pnglist-arrow.pnglogo.pngmask.pngmenuline.pngno-avatar.jpgopacity.pngoverlay-button.pngpanel-next.pngpanel-prev.pngpanel.pngportrait.jpgprev.pngprev_dark.pngprev_light.pngprev_light2.pngquote-mark.pngribbon.pngrss_feed.pngstar.pngstrip.pngtext.pngtexture.pngtext_hover.pngtf_180x100_v1.giftf_468x60_v2.gifvcard.pngdividers/divider1.pngdivider10.pngdivider2.pngdivider3.pngdivider4.pngdivider5.pngdivider6.pngdivider7.pngdivider8.pngdivider9.pngicons/award_ribbon.pngbasket.pngbell.pngbook.pngcalendar.pngclock.pngcopy_paste.pngemail.pngfile_cabinet.pngglobe_icon.pnggraphic_design.pnghourglass.pnginfo.pngipad.pnglamp.pnglike.pngmac.pngmegaphone.pngmicrophone.pngphotography_icon.pngpolaroid.pngpreview.pngprint.pngradio_icon.pngseo_icon.pngsettings.pngsheriff.pngsmile.pngtag.pngtag2.pngtools.pngvideo_icon.pngwallet.pngwebdesign_icon.pngweb_icon.pngzoom.pngproject_slider/info.pngnext.pngpause-big.pngplay-big.pngprev.pngsocial/apple.pngbebo.pngbehance.pngblogger.pngbuzz.pngdeviantart.pngdribbble.pngfacebook.pngflickr.pnggoogle.pnglastfm.pnglinkedin.pngme.pngmyspace.pngpaypal.pngpicasa.pngpinterest.pngrss.pngskype.pngstumbleupon.pngtumblr.pngtwitter.pngtwitter_bird.pngvimeo.pngwordpress.pngyahoo.pngyoutube.pngwork/1.jpg10.jpg11.jpg12.jpg2.jpg3.jpg4.jpg5.jpg6.jpg7.jpg8.jpg9.jpgartbox.jpgblog_large.jpgindex_large1.jpgindex_large2.jpgindex_large3.jpgindex_large4.jpgindex_slide.jpglarge.jpgmini.jpgmini1.jpgmini2.jpgmini3.jpgmini4.jpgpic1.jpgpic2.jpgpic3.jpgpic4.jpgpic5.jpgpic6.jpgpic7.jpgpic8.jpgjs/custom.jsjquery-1.7.1.jsjquery.aw-showcase.jsjquery.galleryview.jsjquery.lettering.jsjquery.nivo.slider.pack.jsjquery_ui-1.8.9.min.jspirobox/arrow_l.pngarrow_r.pngblank.gifbuttons.pngcaption_up_down.pngnav-bg.pngnew_skin.pngnew_skin_left.pngnew_skin_top.pngstyle.csswebsymbols/websymbols-regular-webfont-1.eotwebsymbols-regular-webfont.eotwebsymbols-regular-webfont.svgwebsymbols-regular-webfont.ttfwebsymbols-regular-webfont.wofftemplates/ rtd/ rtd/ index.html dark/ about.html blog.html blog_full.html blog_page.html columns.html contact.html extras.html extras2.html index.html index2.html index3.html portfolio.html portfolio2.html services.html styles.css work1.html work2.html style/ css/ intro_text.css font/ oswaldbook-webfont-1.eot oswaldbook-webfont.eot oswaldbook-webfont.svg oswaldbook-webfont.ttf oswaldbook-webfont.woff oswaldlight-webfont-1.eot oswaldlight-webfont.eot oswaldlight-webfont.svg oswaldlight-webfont.ttf oswaldlight-webfont.woff images/ ajax-loader.gif arrow-right.png arrow.png arrows.png arrow_hover.png bg-black.png blog1.jpg bodybg.png briefcase.png bullet.jpg bullet2.png bullets.png cup.png diagonal_line.png end.png end_hover.png forward.png forward_dark.png forward_light.png forward_light2.png gr_180x100_v1.gif img-loader.gif light_lines.png list-arrow.png logo.png mask.png menuline.png no-avatar.jpg opacity.png overlay-button.png panel-next.png panel-prev.png panel.png portrait.jpg prev.png prev_dark.png prev_light.png prev_light2.png quote-mark.png ribbon.png rss_feed.png star.png text.png texture.png text_hover.png tf_180x100_v1.gif tf_468x60_v2.gif vcard.png dividers/ divider1.png divider10.png divider2.png divider3.png divider4.png divider5.png divider6.png divider7.png divider8.png divider9.png icons/ award_ribbon.png basket.png bell.png book.png calendar.png clock.png copy_paste.png email.png file_cabinet.png globe_icon.png graphic_design.png hourglass.png info.png ipad.png lamp.png like.png mac.png megaphone.png microphone.png photography_icon.png polaroid.png preview.png print.png radio_icon.png seo_icon.png settings.png sheriff.png smile.png tag.png tag2.png tools.png video_icon.png wallet.png webdesign_icon.png web_icon.png zoom.png project_slider/ info.png next.png pause-big.png play-big.png prev.png social/ apple.png bebo.png behance.png blogger.png buzz.png deviantart.png dribbble.png facebook.png flickr.png google.png lastfm.png linkedin.png me.png myspace.png paypal.png picasa.png pinterest.png rss.png skype.png stumbleupon.png tumblr.png twitter.png twitter_bird.png vimeo.png wordpress.png yahoo.png youtube.png work/ 1.jpg 10.jpg 11.jpg 12.jpg 2.jpg 3.jpg 4.jpg 5.jpg 6.jpg 7.jpg 8.jpg 9.jpg artbox.jpg blog_large.jpg index_large1.jpg index_large2.jpg index_large3.jpg index_large4.jpg index_slide.jpg large.jpg mini.jpg mini1.jpg mini2.jpg mini3.jpg mini4.jpg pic1.jpg pic2.jpg pic3.jpg pic4.jpg pic5.jpg pic6.jpg pic7.jpg pic8.jpg js/ custom.js jquery-1.7.1.js jquery.aw-showcase.js jquery.galleryview.js jquery.lettering.js jquery.nivo.slider.pack.js jquery_ui-1.8.9.min.js pirobox/ arrow_l.png arrow_r.png blank.gif buttons.png caption_up_down.png nav-bg.png new_skin.png new_skin_left.png new_skin_top.png style.css websymbols/ websymbols-regular-webfont-1.eot websymbols-regular-webfont.eot websymbols-regular-webfont.svg websymbols-regular-webfont.ttf websymbols-regular-webfont.woff images/ bodybg.png dark.jpg li.jpg logo.png light/ about.html blog.html blog_full.html blog_page.html columns.html contact.html extras.html extras2.html index.html index2.html index3.html portfolio.html portfolio2.html services.html styles.css work1.html work2.html style/ css/ intro_text.css font/ oswaldbook-webfont-1.eot oswaldbook-webfont.eot oswaldbook-webfont.svg oswaldbook-webfont.ttf oswaldbook-webfont.woff oswaldlight-webfont-1.eot oswaldlight-webfont.eot oswaldlight-webfont.svg oswaldlight-webfont.ttf oswaldlight-webfont.woff images/ ajax-loader.gif arrow-right.png arrow.png arrows.png arrow_hover.png bg-black.png black_star.png blog1.jpg bodybg.png briefcase.png bullet.jpg bullet2.png bullets.png cup.png diagonal_line.png dropdown_bg.png end.png end_hover.png forward.png forward_dark.png forward_light.png forward_light2.png gr_180x100_v1.gif img-loader.gif light_lines.png list-arrow.png logo.png mask.png menuline.png no-avatar.jpg opacity.png overlay-button.png panel-next.png panel-prev.png panel.png portrait.jpg prev.png prev_dark.png prev_light.png prev_light2.png quote-mark.png ribbon.png rss_feed.png star.png strip.png text.png texture.png text_hover.png tf_180x100_v1.gif tf_468x60_v2.gif vcard.png dividers/ divider1.png divider10.png divider2.png divider3.png divider4.png divider5.png divider6.png divider7.png divider8.png divider9.png icons/ award_ribbon.png basket.png bell.png book.png calendar.png clock.png copy_paste.png email.png file_cabinet.png globe_icon.png graphic_design.png hourglass.png info.png ipad.png lamp.png like.png mac.png megaphone.png microphone.png photography_icon.png polaroid.png preview.png print.png radio_icon.png seo_icon.png settings.png sheriff.png smile.png tag.png tag2.png tools.png video_icon.png wallet.png webdesign_icon.png web_icon.png zoom.png project_slider/ info.png next.png pause-big.png play-big.png prev.png social/ apple.png bebo.png behance.png blogger.png buzz.png deviantart.png dribbble.png facebook.png flickr.png google.png lastfm.png linkedin.png me.png myspace.png paypal.png picasa.png pinterest.png rss.png skype.png stumbleupon.png tumblr.png twitter.png twitter_bird.png vimeo.png wordpress.png yahoo.png youtube.png work/ 1.jpg 10.jpg 11.jpg 12.jpg 2.jpg 3.jpg 4.jpg 5.jpg 6.jpg 7.jpg 8.jpg 9.jpg artbox.jpg blog_large.jpg index_large1.jpg index_large2.jpg index_large3.jpg index_large4.jpg index_slide.jpg large.jpg mini.jpg mini1.jpg mini2.jpg mini3.jpg mini4.jpg pic1.jpg pic2.jpg pic3.jpg pic4.jpg pic5.jpg pic6.jpg pic7.jpg pic8.jpg js/ custom.js jquery-1.7.1.js jquery.aw-showcase.js jquery.galleryview.js jquery.lettering.js jquery.nivo.slider.pack.js jquery_ui-1.8.9.min.js pirobox/ arrow_l.png arrow_r.png blank.gif buttons.png caption_up_down.png nav-bg.png new_skin.png new_skin_left.png new_skin_top.png style.css websymbols/ websymbols-regular-webfont-1.eot websymbols-regular-webfont.eot websymbols-regular-webfont.svg websymbols-regular-webfont.ttf websymbols-regular-webfont.wofftemplates/ rtd/ rtd/ index.html dark/ about.html blog.html blog_full.html blog_page.html columns.html contact.html extras.html extras2.html index.html index2.html index3.html portfolio.html portfolio2.html services.html styles.css work1.html work2.html style/ css/ intro_text.css font/ oswaldbook-webfont-1.eot oswaldbook-webfont.eot oswaldbook-webfont.svg oswaldbook-webfont.ttf oswaldbook-webfont.woff oswaldlight-webfont-1.eot oswaldlight-webfont.eot oswaldlight-webfont.svg oswaldlight-webfont.ttf oswaldlight-webfont.woff images/ ajax-loader.gif arrow-right.png arrow.png arrows.png arrow_hover.png bg-black.png blog1.jpg bodybg.png briefcase.png bullet.jpg bullet2.png bullets.png cup.png diagonal_line.png end.png end_hover.png forward.png forward_dark.png forward_light.png forward_light2.png gr_180x100_v1.gif img-loader.gif light_lines.png list-arrow.png logo.png mask.png menuline.png no-avatar.jpg opacity.png overlay-button.png panel-next.png panel-prev.png panel.png portrait.jpg prev.png prev_dark.png prev_light.png prev_light2.png quote-mark.png ribbon.png rss_feed.png star.png text.png texture.png text_hover.png tf_180x100_v1.gif tf_468x60_v2.gif vcard.png dividers/ divider1.png divider10.png divider2.png divider3.png divider4.png divider5.png divider6.png divider7.png divider8.png divider9.png icons/ award_ribbon.png basket.png bell.png book.png calendar.png clock.png copy_paste.png email.png file_cabinet.png globe_icon.png graphic_design.png hourglass.png info.png ipad.png lamp.png like.png mac.png megaphone.png microphone.png photography_icon.png polaroid.png preview.png print.png radio_icon.png seo_icon.png settings.png sheriff.png smile.png tag.png tag2.png tools.png video_icon.png wallet.png webdesign_icon.png web_icon.png zoom.png project_slider/ info.png next.png pause-big.png play-big.png prev.png social/ apple.png bebo.png behance.png blogger.png buzz.png deviantart.png dribbble.png facebook.png flickr.png google.png lastfm.png linkedin.png me.png myspace.png paypal.png picasa.png pinterest.png rss.png skype.png stumbleupon.png tumblr.png twitter.png twitter_bird.png vimeo.png wordpress.png yahoo.png youtube.png work/ 1.jpg 10.jpg 11.jpg 12.jpg 2.jpg 3.jpg 4.jpg 5.jpg 6.jpg 7.jpg 8.jpg 9.jpg artbox.jpg blog_large.jpg index_large1.jpg index_large2.jpg index_large3.jpg index_large4.jpg index_slide.jpg large.jpg mini.jpg mini1.jpg mini2.jpg mini3.jpg mini4.jpg pic1.jpg pic2.jpg pic3.jpg pic4.jpg pic5.jpg pic6.jpg pic7.jpg pic8.jpg js/ custom.js jquery-1.7.1.js jquery.aw-showcase.js jquery.galleryview.js jquery.lettering.js jquery.nivo.slider.pack.js jquery_ui-1.8.9.min.js pirobox/ arrow_l.png arrow_r.png blank.gif buttons.png caption_up_down.png nav-bg.png new_skin.png new_skin_left.png new_skin_top.png style.css websymbols/ websymbols-regular-webfont-1.eot websymbols-regular-webfont.eot websymbols-regular-webfont.svg websymbols-regular-webfont.ttf websymbols-regular-webfont.woff images/ bodybg.png dark.jpg li.jpg logo.png light/ about.html blog.html blog_full.html blog_page.html columns.html contact.html extras.html extras2.html index.html index2.html index3.html portfolio.html portfolio2.html services.html styles.css work1.html work2.html style/ css/ intro_text.css font/ oswaldbook-webfont-1.eot oswaldbook-webfont.eot oswaldbook-webfont.svg oswaldbook-webfont.ttf oswaldbook-webfont.woff oswaldlight-webfont-1.eot oswaldlight-webfont.eot oswaldlight-webfont.svg oswaldlight-webfont.ttf oswaldlight-webfont.woff images/ ajax-loader.gif arrow-right.png arrow.png arrows.png arrow_hover.png bg-black.png black_star.png blog1.jpg bodybg.png briefcase.png bullet.jpg bullet2.png bullets.png cup.png diagonal_line.png dropdown_bg.png end.png end_hover.png forward.png forward_dark.png forward_light.png forward_light2.png gr_180x100_v1.gif img-loader.gif light_lines.png list-arrow.png logo.png mask.png menuline.png no-avatar.jpg opacity.png overlay-button.png panel-next.png panel-prev.png panel.png portrait.jpg prev.png prev_dark.png prev_light.png prev_light2.png quote-mark.png ribbon.png rss_feed.png star.png strip.png text.png texture.png text_hover.png tf_180x100_v1.gif tf_468x60_v2.gif vcard.png dividers/ divider1.png divider10.png divider2.png divider3.png divider4.png divider5.png divider6.png divider7.png divider8.png divider9.png icons/ award_ribbon.png basket.png bell.png book.png calendar.png clock.png copy_paste.png email.png file_cabinet.png globe_icon.png graphic_design.png hourglass.png info.png ipad.png lamp.png like.png mac.png megaphone.png microphone.png photography_icon.png polaroid.png preview.png print.png radio_icon.png seo_icon.png settings.png sheriff.png smile.png tag.png tag2.png tools.png video_icon.png wallet.png webdesign_icon.png web_icon.png zoom.png project_slider/ info.png next.png pause-big.png play-big.png prev.png social/ apple.png bebo.png behance.png blogger.png buzz.png deviantart.png dribbble.png facebook.png flickr.png google.png lastfm.png linkedin.png me.png myspace.png paypal.png picasa.png pinterest.png rss.png skype.png stumbleupon.png tumblr.png twitter.png twitter_bird.png vimeo.png wordpress.png yahoo.png youtube.png work/ 1.jpg 10.jpg 11.jpg 12.jpg 2.jpg 3.jpg 4.jpg 5.jpg 6.jpg 7.jpg 8.jpg 9.jpg artbox.jpg blog_large.jpg index_large1.jpg index_large2.jpg index_large3.jpg index_large4.jpg index_slide.jpg large.jpg mini.jpg mini1.jpg mini2.jpg mini3.jpg mini4.jpg pic1.jpg pic2.jpg pic3.jpg pic4.jpg pic5.jpg pic6.jpg pic7.jpg pic8.jpg js/ custom.js jquery-1.7.1.js jquery.aw-showcase.js jquery.galleryview.js jquery.lettering.js jquery.nivo.slider.pack.js jquery_ui-1.8.9.min.js pirobox/ arrow_l.png arrow_r.png blank.gif buttons.png caption_up_down.png nav-bg.png new_skin.png new_skin_left.png new_skin_top.png style.css websymbols/ websymbols-regular-webfont-1.eot websymbols-regular-webfont.eot websymbols-regular-webfont.svg websymbols-regular-webfont.ttf websymbols-regular-webfont.woff
暂无评论内容