Categories

Bootstrap模板

Alex Ross 2012年10月9日
Rating: 3.8/5. 6票.
Please wait...

描述模板

今天是美好的一天! Templateog体育首页启动模板 Bootstrap. Посетите 页ppt 这些产品. Дальше мы поговорим об этом симбиозе — технологии Bootstrap 和Templateog体育首页的设计. 这些模板包括功能 Bootstrap и большое количество полностью оптимизированных дополнений, 设计, 专门针对这个产品线, Templateog体育首页开发团队.

Шаблон Bootstrap — это готовый дизайн, созданный на основе фреймоврка Bootstrap — технологии для создания дизайнов, совместимых с разными браузерами, эффективно визуализированных. Эти функциональные возможности сделают темы Bootstrap интересными для Вас с сочетании с уникальными дополнениями, созданными разработчиками Templateog体育首页.

Позвольте напомнить, что собой представляет Bootstrap. Фактически это фреймворк для быстрой разработки веб-интерфейсов, который коренным способ меняет способ создания веб-дизайнов. Неудивительно, что за считанные месяцы существования Bootstrap, эта технология стала одной из самых популярных в GitHub.

Free Bootstrap 3.0 Template

Template number: 46543

可用的来源

.HTML
.PSD
.PHP
.CSS
.JS

所需软件

使用这个产品, 你需要这些程序, 安装在你的电脑上.

Adobe Dreamweaver 8+;
Adobe Photoshop CS+;

评论:求你了, ознакомьтесь с со страницей просмотра шаблона, чтобы увидеть специфические требования именно для этого шаблона. Версии требуемых программ могут отличаться.

模板功能:

Вот краткий список уникальных дополнений, предоставляемых с шаблоном Bootstrap:

  • Pages(页)
  • Portfolio (портфолио)
  • Slider (слайдер)
  • Social Media (社交网络)
  • CSS3技巧(CSS3样式)

Шаблоны Bootstrap имеют одну отличительную особенность — они созданы на фрейворке bootstrap. Для облегчения ознакомления пользователя в новым продуктом вся документация включена в пакет шаблона. У каждой темя есть верхняя панель, с ссылками на всю документацию.

Первые четыре ссылки: Scaffolding, Base CSS, Components и Javascript 是Framfork的原生函数. Кроме того, 我们必须注意到, что данные шаблоны также дополняют линейку популярных адаптивных шаблонов. Каждая тема основана на гибкой сетке и поддерживает многие девайсы:

Название Ширина 宽栏 柱间宽度
广泛的监视器 1200像素及以上 70px 30px
默认 980px及以上 60px 20px
Планшеты 768px及以上 42px 20px
从手机到平板电脑 767px及以上 没有固定宽度的柔性柱
Телефоны 480px及以上 没有固定宽度的柔性柱

Поэтому для этих шаблонов также есть четыре основных разметки, которые будут подходить для портативных девайсов.

模板怪物附加组件

Самая важная часть — это дополнения, созданные командой Templateog体育首页. 它们聚集在上面的面板上,. 它包括以下内容:

让我们看看每一个链接.

Pages(页)

В меню Pages 你可以找到三个子页面: Under Construction, Intro Page и страницу 404. Ссылка вверху позволяет получить быстрый доступ к каждой из этих станиц.

在建(在建)

介绍页(介绍页)

404页(404页)

Portfolio(作品集)

Когда Вы посетите эту страницу, Вы увидите тщательность в деталях. Эта страница позволяет редактировать вид страницы Портфолио. Здесь доступны 7 разметок для Вашей страницы, 所以你可以选择, которая будет соответствовать Вашему сайту.

Просто нажмите на иконку с разметкой и Вы получите доступ к коду этой разметки: скопируйте код, вставьте его в новую страницу и Ваше портфолио готово!

成功(Slider)

Страница слайдера позволяет редактировать эффект перехода между слайдами. 默认情况下,有两个选项 Camera Slideshow Slider:

Basic Slider (slider)

Slider 带缩略图的滑块

以下是可能的影响列表:

‘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’

Принцип такой же, как и для Портфолио, просто скопируйте код и Ваш слайдер готов!

社交媒体(社交媒体)

Социальные и медиа страницы показывают как добавить ссылки на социальные сети на Ваш вебсайт:

Чтобы добавить эти виджеты на Ваш сайт, нужно просто скопировать код, вот и все. 你可以加上 Twitter, Flickr, Facebook ' s likebox, YouTube视频, Vimeo видео 还有很多邪恶的人 文档中的图标.

CSS3 Стили

Если Вам нравятся различные визуальные эффекты, то эта часть будет настоящей Меккой для Вас. Многочисленные стили собраны в три категории: Image Hovers (图像效果) 动画Buttons (动画按钮) CSS3 Стили. Как было описано выше, просто скопируйте код, чтобы добавить нужный еффекст на сайт.

动画效果

Здесь Вы можете выбрать анимация для Ваших изображений. 默认情况下有8种效果. 享受!

Выберите анимация для кнопок на Вашем сайте.

Эта часть будет особенно приятна для ценителей CSS3 эффектов. 了解他们!

结构模板

Вы получили шаблон, скачали и распаковали его. 让我们看看里面有什么.

  • «文档”——包含 документацию по редактированию и установке шаблона.
  • «screenshots——模板的截图.
  • «site”——包含 .html 文件模板.
  • — «assets——包含了其他的补充.
  • — «bat» – скрипт для выполнения контакт-формы (.php).
  • — «css» – .设计中使用的css文件.
  • — «img——所有的图片 .html файлах.
  • — «js”——包含 JavaScript 库和jQuery插件.
  • — «search”——包含 файлы для работы поиска по сайту.
  • «sources”——原始材料.
  • — «less”——包含 .css LESS 模板中使用的文件.
  • — «psd”——包含 .Adobe Photoshop的PSD文件.
  • — «fonts_info.txt» – список шрифтов, использованных в шаблоне.
  • — «info.txt» – информация о защищенной паролем папке sources.

Замечание: По соображениям безопасности папка Sources (Исходные материалы) заархивирована и защищена паролем. Чтобы разархивировать защищенный паролем архив, Вам необходимо иметь программу-архиватор и правильный пароль. Когда Вы начнете распаковывать файл, появится уведомление о необходимости ввести пароль. 密码是您的订单号. Вы можете найти этот норме на странице заказа, ссылка на которую высылается Вам на электронную почту.

Пожалуйста, помогите нам сохранить качество и уникальность нашей продукции, 不下载原始资料(Sources) на сервер, в запакованном, либо распакованном виде.

引导3模板

提交一张票

Если вы не смогли найти подходящее решение проблемы, пожалуйста воспользуйтесь следующей ссылкой, чтобы отправить запрос команде технической поддержки.
发送请求你会在24小时内得到答复