类别

引导模板

Alex Ross 2012年10月9日
Rating: 3.8/5. 来自6票.
请稍等...

模板描述

Today is a great date, Templateog体育首页 launches 引导模板. 欢迎光临 表象的页面 这个产品的. Further we are going to speak about this symbiosis of Bootstrap 和Templateog体育首页的设计. 这些模板包括本地模板 Bootstrap functionality and a great amount of fully-optimized unique add-ons developed specifically for this product line by Templateog体育首页 dev team.

A 引导模板 预制设计是用什么构建的 Bootstrap framework – a web design kit for creating cross-browser, consistent and visually effective designs. 这些特征将使我们 引导的主题 有趣的是你是他们的母语 Bootstrap functionality and unique add-ons specifically created by Templateog体育首页 developers.

我们想提醒你什么 Bootstrap is. 基本上,它是 framework for quick development of front-end web interfaces that has changed the way how web designs are being built. Not surprisingly, in the few months that Bootstrap had been available, it rose to become the most popular repository on GitHub 的“.

Free Bootstrap 3.0模板

模板数量: 46543

可用的资源

.HTML
.PSD
.PHP
.CSS
.JS

软件需求

To use this product you should have the following software 安装在您的计算机上.

adobedreamweaver 8+;
Adobe Photoshop CS+;

Note: Please check the template preview page to see the specific template requirements. The required program versions could be different from the listed above.

模板的特点:

Here is a brief of unique add-ons provided with Bootstrap 模板:

  • Pages
  • Portfolio
  • Slider
  • Social Media
  • CSS3技巧

Bootstrap templates have one distinctive feature – they are built on the bootstrap framework. To ease the acquaintance of the user with this new product all the 文档, is included into the template package. Each theme has a panel at the top with links to all must-read info.

First four links: Scaffolding, Base CSS, Components and Javascript 的本地特性是 framework. By the way we need to mention that native Bootstrap features complement the so-popular flow of responsive design. Each theme is based on the fluid grid and supports a handful of media queries:

Label Layout width 列宽 水槽宽度
大的显示屏 1200px及以上 70px 30px
Default 980px及以上 60px 20px
竖屏平板电脑 768px及以上 42px 20px
从手机到平板电脑 767px及以下 流体柱,没有固定宽度
Phones 480px及以下 流体柱,没有固定宽度

Still there are four major layouts that will fit all popular hand-held devices.

templatemmonster的附加组件

The most important part here are the add-ons created by the og体育首页 team. They are gathered in the last link on the panel shown above, here is what it contains:

Now, let’s run through each of these links.

Pages

Under the Pages 链接你会发现三个子页面: 在建设中, Intro Page and 404 Page. The link allows to get a quick access to these pages.

在建设中

Intro Page

404 Page

Portfolio

When you visit this page you’ll be amazed with scrupulousness to the detail. Generally this page’ functionality allows you modify the look of your portfolio page. 违约7 portfolio 布局为您提供. Pick the one you will find the most appropriate for your website.

Simply clicking through the icons of the layouts you’ll get the access to the code of this layout: 复制粘贴代码 进入页面主体和 portfolio 页面准备好了…

Slider

The Slider page allows to modify the image flipping effects on your website pages. By default there 是可用的 two variants of Camera Slideshow Slider:

Basic Slider

Slider 用缩略图

Here is the list of possible image changing effects:

“simpleFade”, “curtainTopLeft”, “curtainTopRight”, “curtainBottomLeft”, “curtainBottomRight”, “curtainSliceLeft”, “curtainSliceRight”, “blindCurtainTopLeft”, “blindCurtainTopRight”, “blindCurtainBottomLeft”, “blindCurtainBottomRight”, “blindCurtainSliceBottom”, “blindCurtainSliceTop”, ‘stampede’, ‘mosaic’, “mosaicReverse”, “mosaicRandom”, “mosaicSpiral”, “mosaicSpiralReverse”, “topLeftBottomRight”, “bottomRightTopLeft”, “bottomLeftTopRight”, “bottomLeftTopRight”, “scrollLeft”, “scrollRight”, “scrollHorz”, “scrollBottom”, “scrollTop”

原理与with相同 Portfolio 页面,复制粘贴代码和你 slider 准备好了 flip on!

社交媒体

的社会 & Media page gives some tips on how to implement S&M功能到您的页面 website:

来实现这些小部件 website pages all you need to is copy and paste the code, simple as a pie! 你可以加上 Twitter, Flickr, Facebook的likebox, YouTube视频, Vimeo视频,以及其他社交网站 Media 使用 文档中提供的图标.

CSS3技巧

If you are fond of various visual effects that this part will a real Mecca for you. Here you will find numerous effects grouped into three categories: 形象徘徊, 动画按钮 and CSS3风格. As it was described previously simply Copy and Paste the code and each effect will be immediately implemented.

Animated hover

Here you can choose animation for your images. 在默认情况下 8图像悬停效果 是可用的. Enjoy!

选择更好的 按钮的动画 on your website’s pages.

This part will be especially pleasant for special connoisseurs. 一切精致视觉 CCS3效果 都聚集在这里. 看看吧!

模板结构

您已收到模板 .ZIP包并打开它. 让我们看看你里面有什么.

  • 文档-包含 文档 on template editing and installation.
  • 截图-包含 截图 of the template.
  • site-包含 .html 模板文件.
  • – “assets-包含 assets and bonus add-ons.
  • – “bat-包含 触点形式 处理 .php script.
  • – “css——包含了所有的 .设计中使用的CSS文件.
  • – “img-包含中使用的所有图像 .html files.
  • – “js-包含 JavaScript 库和jQuery插件.
  • – “search-包含 .js, .php and .搜索引擎的CSS文件.
  • sources-包含源文件.
  • – “less-包含 .css LESS 模板中使用的文件.
  • – “psd-包含Adobe Photoshop .psd files.
  • – “fonts_info.txt-包含 list of fonts used in template.
  • – “info.txt-包含 information about password protected “sources” folder.

注:出于安全考虑 sources folder is in a zipped file and is password protected. 解压缩密码保护文件 .ZIP file you will need to have a zip file utility program installed and the correct password. As soon as the zip file begins to uncompress, you will be prompted to type in the password. The password is the ID number of your order. You can find this number on the order page which is provided to you through a link that we sent to you via email.

Please, help us to preserve the quality and uniqueness of our products by not uploading the sources folder either zipped or unzipped to the server.

有一些是全新的 Bootstrap管理主题. 别忘了把它们看出来!

Bootstrap网站模板
这个条目被张贴了出来 响应式web模板, 网页模板, 网站模板 and tagged about, Bootstrap, 描述, template. 书签的 permalink.

提交罚单

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: 提交罚单

" class="hidden">上岛咖啡官网