pengyuthon/odoo_source
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[IMP] Quotes Slide: new effect snippet

Browse Source 
bzr revid: fp@openerp.com-20131013090335-qkev7tv2vlz6uqul
This commit is contained in:
Fabien Pinckaers
2013-10-13 11:03:35 +02:00
parent 6fa6e24cf3
commit bb505593b3
4 changed files with 93 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/website/static/src/css/website.css
+11
View File
@@ -349,6 +349,17 @@ footer {
}
/* Parallax Theme */
.parallax_quote {
background: url("/website/static/src/img/parallax/quote.png") center center no-repeat fixed;
background-size: contain;
}
.parallax_quote .carousel-indicators li {
border: 1px solid grey;
}
.parallax_quote .carousel-indicators .active {
background-color: grey;
}
.parallax_full {
background: #eeeeee bottom center repeat fixed;
min-height: 650px;
addons/website/static/src/css/website.sass
+9
View File
@@ -266,6 +266,15 @@ footer
/* Parallax Theme */
.parallax_quote
background: url('/website/static/src/img/parallax/quote.png') center center no-repeat fixed
background-size: contain
.carousel-indicators
li
border: 1px solid grey
.active
background-color: grey
.parallax_full
background: #eee bottom center repeat fixed
min-height: 650px
addons/website/static/src/img/parallax/quote.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.2 KiB

addons/website/views/snippets.xml
+73
View File
@@ -714,6 +714,79 @@
</section>
</div>
<div data-snippet-id="parallax_quote" data-selector-children=".oe_structure, [data-oe-type=html]">
<div class="oe_snippet_thumbnail">
<img class="oe_snippet_thumbnail_img" src="/website/static/src/img/blocks/block_parallax.png"/>
<span class="oe_snippet_thumbnail_title">Quotes Slider</span>
</div>
<section class="oe_snippet_body dark">
<div class="parallax_quote oe_structure">
<div id="myQuoteCarousel" class="carousel slide oe_small mb32" data-snippet-id="carousel">
<!-- Indicators -->
<ol class="carousel-indicators mb0">
<li data-target="#myQuoteCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myQuoteCarousel" data-slide-to="1"></li>
</ol>
<div class="carousel-inner">
<div class="item text_only active">
<div class="container">
<div class="content mt32">
<div class="row">
<div class="col-md-5 col-md-offset-4">
<blockquote data-snippet-id="quote">
<p>
Write here a quote from one of your customer. Quotes are are
great way to give confidence in your products or services.
</p>
<small>Author of this quote</small>
</blockquote>
</div>
</div>
</div>
<div class="carousel-image hidden-xs">
<img src="/website/static/src/img/banner/banner_picture.png" alt="Banner OpenERP Image"/>
</div>
</div>
</div>
<div class="item text_only">
<div class="container">
<div class="content mt32">
<div class="row">
<div class="col-md-5 col-md-offset-4">
<blockquote data-snippet-id="quote">
<p>
OpenERP provides essential platform for our project management.
Things are better organized and more visible with it.
</p>
<small>John Doe, CEO</small>
</blockquote>
</div>
</div>
</div>
<div class="carousel-image hidden-xs">
<img src="/website/static/src/img/banner/banner_picture.png" alt="Banner OpenERP Image"/>
</div>
</div>
</div>
</div>
<a class="carousel-control left hidden" href="#myQuoteCarousel" data-slide="prev" style="width: 10%"><span class="glyphicon glyphicon-chevron-left"><span class="hidden">.</span></span></a>
<a class="carousel-control right hidden" href="#myQuoteCarousel" data-slide="next" style="width: 10%"><span class="glyphicon glyphicon-chevron-right"><span class="hidden">.</span></span></a>
</div>
</div>
</section>
</div>
</div>
<div id="snippet_hidden" class="hidden">