Categories

Bootstrap Template

Alex Ross Oktober 9, 2012
Rating: 3.8/5. From 6 votes.
Please wait...

Template Beschreibung

Heute ist ein wichtiges Datum! Unter den Downloads befinden sich Bootstrap Templates von Templateog体育首页. Besuchen Sie bitte die Darstellung – Seite dieser Artikel. 让我们继续讨论共生关系 Bootstrap und Design von Templateog体育首页. 这些模板具有本机功能 Bootstrap 和许多独特的附加组件, 由我们的Templateog体育首页开发人员专门为本文创建的.

Ein Bootstrap Template 是一个现成的设计,你可以在 Bootstrap Frameworks entwerft hat, -一个网页设计工具包,用于创建跨浏览器和统一和视觉上吸引人的设计. Die Merkmale, die unseren Bootstrap 特别有趣的是,本机函数 Bootstrap 以及由我们的Templateog体育首页开发人员专门开发的独特附加组件。.

我们想提醒你,实际上是什么 Bootstrap ist. Grundsätzlich ist es ein Framework für die schnelle Entwicklung von Frontend Weboberflächen. 这改变了网页设计的开发过程. 难怪,在发布了一段时间后 Bootstrap es beim GitHub das populärste Repository aller Zeiten wurde.

Free Bootstrap 3.0 Template

Template number: 46543

Dateiformate

.HTML
.PSD
.PHP
.CSS
.JS

Benötige Software

要使本产品正常工作,您应该执行以下操作。 Software auf Ihrem Computer installieren.

Adobe Dreamweaver 8+;
Adobe Photoshop CS+;

注意:请参阅模板预览页面, 了解模板的具体需求. 所需的程序版本可能不同。.

Template Funktionen:

下面是一个独特的附加组件的列表。 Bootstrap Templates haben:

  • Pages
  • Portfolio
  • Slider
  • Social Media
  • CSS3 Tricks

Die Besonderheit an Bootstrap Templates ist, dass sie auf dem Bootstrap Framework aufgebaut sind. 模板包中包含了所需的所有文档, 方便您第一次接触产品. 每个主题都有一个顶部面板,链接到最重要的信息。.

前四个链接(脚手架,基本CSS,组件和 Javascript) sind die native Fähigkeiten vom Framework. 还必须提到的是,本土的能力 Bootstrap auch die Responsive Design ergänzen.
每个主题都是基于所谓的流体网格,并根据屏幕大小调整网格的大小。.
So sieht das dann im Endeffekt aus:

Label Layoutbreite Spaltenbreite Spaltenabstand
Großes Display 1200px and up 70px 30px
Standard (Desktop) 980px and up 60px 20px
Portrait tablets 768px and above 42px 20px
Smartphone / Tablet 767px and below Fluid columns, no fixed widths
Smartphone 480px and below Fluid columns, no fixed widths

有四个主要的布局,可以帮助你创建一个模板为所有流行的手持设备.

Add-ons von Templateog体育首页

其中最重要的是由Templateog体育首页开发的插件。. 你可以在上面显示的面板的最后一个链接中找到它们。. Dort gibt es:

让我们快速浏览一下这些链接。.

Pages/Seiten

Unter dem Pages Link finden Sie drei Unterseiten: Under Construction/ Baustelle , Intro Page/ Intro Seite und 404 Page/ Seite 404. 有了这个链接,你可以快速访问其中一个页面。.

Under Construction

Intro Page

404 Page

Portfolio

细节的准确性让这个网站的每一个访问者都感到惊讶。. 此页面的功能允许您查看您的 Portfolio-Seite zu verändern. Zur Verfügung haben Sie 7 Portfolio Layouts. 点击每一个,找到最适合你的网站的。.

点击图标,你会得到布局代码:(Copy+Paste the code)复制代码并粘贴到页面的主体部分。. Ihre Portfolio Seite ist fertig…

Slider

Mit der Slider你可以在你的网页上编辑图像旋转的效果. Standartmäßig gibt es 2 Möglichkeiten von Camera Slideshow Slider:

Normaler Slider

Slider mit den Thumbnails

以下是改变图像可能产生的影响列表:

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

Das ist das gleiche Prinzip wie mit der Portfolio页面:复制+粘贴代码,你的裙子就准备好了!

Social Media

Die Social Media Seite gibt einige Tipps zur Umsetzung S&M Funktionen auf der Seite Ihrer Webseite:

让你在你的网站上实现这些小部件, 只需复制代码并将其粘贴到. Ein Kinderspiel! Mit den Icons vom Unterlagen fügen Sie einfach Twitter, Flickr, Facebook’s likebox, YouTube videos, Vimeo videos usw hinzu.

CSS3 Tricks

如果你喜欢不同的视觉效果,这个部分特别适合你。. 在这里,你会发现许多效果可以分为三类: Bild-Hover , Animierte Buttons und CSS3 Styles. 如前所述,复制并粘贴代码。. Jeder Effekt wird sofort umgesetzt.

Animierte Hover

在这里为您的图像选择动画。. Zur Verfügung stehen 8 Effekten von Bild -Hovering . Genießen es!

Wählen Sie die passende Animation für die Buttons在你的网站页面上.

Dieser Teil ist für echte Genießer. Hier sind alle exquisite visuelle CCS3 Effekte. Probieren Sie es aus!

Template Struktur

Also, Sie haben schon Ihr Template .ZIP Paket bekommen und es entpackt. Sehen Sie mal was es da drin gibt.

  • documentation-在那里你可以找到关于安装和编辑模板的文档。.
  • screenshots” – dort gibt es Screenshots vom Template.
  • site” – hier sind die .html Dateien vom Template.
  • – “assets” – hier gibt es assets und bonus Add-Ons.
  • – “bat” – hier ist einen Kontaktformular, der den .php Script bearbeitet.
  • – “css” – es gibt alle .css Dateien, die man in Design benutzt hat.
  • – “img” – dort sind alle Bilder, die sich in .html Dateien befinden.
  • – “js” – hier befinden sich JavaScript Libraries und jQuery Plugins.
  • – “search” – hier sind .js, .php und .css Dateien von Suchmaschine.
  • sources” – es gibt hier die Quelldateien.
  • – “less” – es gibt die .css LESS Dateien vom Template.
  • – “psd” – dort sind die Adobe Photoshop .psd Dateien.
  • – “fonts_info.txt-这里是模板中使用的字体列表。.
  • – “info.txt-这是关于密码保护的信息。sources” Order.

注意:出于安全原因,源文件夹以ZIP格式打包,并有密码保护。. Um die passwortgeschützte .ZIP-Datei zu entpacken, 需要安装Zip压缩程序和正确的密码. 解压压缩文件时,需要输入密码。. 密码是您的订单ID号。. 这个号码可以在订单页面上找到(链接在我们的电子邮件中)。

请帮助我们确保我们产品的质量和独特性。! 请不要上传压缩/解压的源文件夹到服务器.

Bootstrap Themes
Dieser Eintrag wurde um Responsive Web-Vorlagen, Web Vorlagen, Website Vorlagen geschrieben und about, Bootstrap, description, template markiert. Bookmarken Sie den permalink.

Submit a ticket

如果您的问题在教程中没有得到充分的回答, benutzen Sie bitte den folgenden Link, og体育的支持团队. 我们为您提供帮助和支持. 24 Stunden am Tag, 7 Tage die Woche!
Ticket Einrichten