类别

引导模板

Alex Ross 2012年10月9日
Rating: 4.0/5. 从7票开始.
请稍等...

模板描述

今天是一个伟大的日子,templatemmonster发布了 引导模板. 欢迎光临 表象的页面 这个产品的. 接下来我们将讨论这种共生关系 Bootstrap 和Templateog体育首页的设计. 这些模板包括本地模板 Bootstrap Templateog体育首页开发团队专门为该产品线开发的功能和大量完全优化的独特附加组件.

A 引导模板 预制设计是用什么构建的 Bootstrap framework -一个网页设计工具包创建交叉browser一致和视觉上有效的设计. 这些特征将使我们 引导的主题 有趣的是你是他们的母语 Bootstrap Templateog体育首页开发人员专门创建的功能和独特的附加组件.

我们想提醒你什么 Bootstrap is. 基本上,它是 framework 前端web界面的快速开发,改变了网页设计的构建方式. 毫不奇怪,在那几个月里 Bootstrap 它已经成为最受欢迎的存储库 GitHub 的“.

Free Bootstrap 3.0模板

模板数量: 46543

可用的资源

.HTML
.PSD
.PHP
.CSS
.JS

软件需求

要使用本产品,您应具备以下条件 software 安装在您的计算机上.

adobedreamweaver 8+;
Adobe Photoshop CS+;

注意:请查看模板预览页面以查看具体的模板要求. 所需的程序版本可能与上面列出的不同.

模板的特点:

以下是提供的独特附加组件的简要介绍 Bootstrap templates:

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

Bootstrap 模板有一个独特的特性——它们构建在 bootstrap framework. 为了方便用户熟悉这个新产品的所有文档, 是否包含在模板包中. 每个主题在顶部都有一个面板,链接到所有必读信息.

前四个链接:Scaffolding, Base CSS, Components和 Javascript 的本地特性是 framework. 顺便说一下,我们得提一下那个本地人 Bootstrap 功能补充了响应式设计的流行流程. 每个主题都基于流体网格,并支持少量的 media queries:

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

但仍有四种主要的布局适合所有流行的手持设备.

templatemmonster的附加组件

这里最重要的部分是由og体育首页团队创建的附加组件. 它们聚集在上面显示的面板的最后一个链接中,下面是它包含的内容:

现在,让我们浏览一下这些链接.

Pages

Under the Pages 链接你会发现三个子页面: 在建设中, 介绍页面 and 404 Page. 该链接允许快速访问这些页面.

在建设中

介绍页面

404 Page

Portfolio

当你访问这个页面,你会惊讶于一丝不苟的细节. 一般来说,这个页面的功能允许你修改你的页面的外观 portfolio page. 违约7 portfolio 布局为您提供. 选择一个你会发现最适合你的 website.

只需点击布局的图标,您就可以访问此代码 layout: 复制粘贴代码 进入页面主体和 portfolio 页面准备好了…

Slider

The Slider 页面允许修改您的图像翻转效果 website pages. 默认情况下,有两个可用的变体 Camera Slideshow Slider:

Basic Slider

Slider 用缩略图

以下是可能的图像更改效果列表:

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

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

社交媒体

The Social & Media 页给出了一些关于如何实现S&M功能到您的页面 website:

来实现这些小部件 website 所有您需要的页面是复制和粘贴代码,简单如饼! 你可以加上 Twitter, Flickr, Facebook的likebox, YouTube视频, Vimeo视频,以及其他社交网站 Media 使用 文档中提供的图标.

CSS3技巧

如果你喜欢各种视觉效果,这部分将是你真正的麦加. 在这里,你会发现许多效果分为三类: 形象徘徊, 动画按钮 and CSS3风格. 正如前面所描述的,简单地复制和粘贴代码,每个效果将立即实现.

Animated hover

在这里你可以为你的图像选择动画. 在默认情况下 8图像悬停效果 是可用的. Enjoy!

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

这部分对于特殊的鉴赏家来说将是特别愉快的. 一切精致视觉 CCS3效果 都聚集在这里. 看看吧!

模板结构

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

  • 文档-包含关于模板编辑和安装的文档.
  • 截图-包含模板的截图.
  • site-包含 .html 模板文件.
  • – “assets-包含资产和奖励附加组件.
  • – “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-包含模板中使用的字体列表.
  • – “info.txt" -包含密码保护的信息"sources” folder.

注:出于安全考虑 sources 文件夹在压缩文件中,并受密码保护. 解压缩密码保护文件 .ZIP文件,您将需要有一个ZIP文件实用程序安装和正确的密码. 一旦zip文件开始解压缩,系统就会提示您输入密码. 密码是您订单的ID号. 您可以在订单页面上找到这个号码,我们通过电子邮件发送给您的链接提供给您.

请帮助我们保持产品的质量和独特性,不要上传 sources 压缩或解压缩到服务器的文件夹.

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

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

提交罚单

如果您仍然无法找到关于您的问题的足够的教程,请使用以下链接向我们的技术支持团队提交请求. 我们将在接下来的24小时内为您提供我们的帮助和协助: 提交罚单