This is a simple sliding image with caption. You can have more than one caption and decide the layout of the caption via css.
Here you can see two captions.
The first are loaded immediately before than the second one
You can also get the same effect as the caption with:
A button
Or two buttons
Or any other html element...
and you can decide the transition time of any slide
You can also display videos, but it requires a "fake image"... read the documentation please



You can display any html element directly in the slider, but pay attention, with many elements the transition effect could be slowed.
In this case you can see a Vimeo video and a price table

Standard
$9/mo.
And as the day advanced and the engine drivers
Check sign
Check sign
Check sign
Error sign
Basic
Free
And as the day advanced and the engine drivers
Check sign
Error sign
Check sign
Error sign
Professional
$19/mo.
And as the day advanced and the engine drivers
Check sign
Check sign
Check sign
Check sign
Put your amazing slogan here!
Here can make a detailed description of your blog so visitors will know what it is or to advertise on other sites that interest you!

miércoles, 25 de septiembre de 2013

Desarrollo

0 comentarios



Desarrollo is a wonderful and efficient fully responsive* Blogger template designed by OPINTEMPLATES that they want to give away free to all his followers. Using information from different sources has been built this template that fits all screen formats. Laptops, Tablets and phones, show differently and more efficiently the information content of our blogs.
Desarrollo has a recent post slider, integrated social share through AddThis, and recomended post at the end of each entry.
Its design in red, gray and white, highlight the text using large fonts and full use of the screen.
Desarrollo is recommended for those who want to get their blogs simply and clearly to the users of new devices.
Enjoy this wonderful template that OPINTEMPLATES enjoys sharing with you.

*Responsive web design (RWD) is a web design approach aimed at crafting sites to provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from mobile phones to desktop computer monitors).

A site designed with RWD adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images, and CSS3 media queries, an extension of the @media rule.

  • The fluid grid concept calls for page element sizing to be in relative units like percentages, rather than absolute units like pixels or points.
  • Flexible images are also sized in relative units, so as to prevent them from displaying outside their containing element.
  • Media queries allow the page to use different CSS style rules based on characteristics of the device the site is being displayed on, most commonly the width of the browser.
  • Server-side components (RESS) in conjunction with client-side ones such as media queries can produce faster-loading sites for access over cellular networks and also deliver richer functionality/usability avoiding some of the pitfalls of device-side-only solutions.

We recommend registering for free on AddThis and get the code in the smart layers and replace in the template, to thereby be able to receive usage summaries in your blog.



Template Name: Desarrollo by OPintemplates
Platform: Blogger / Blogspot
Release date : 18, Sep 2013
Author : www.opintemplatespro.blogspot.com
License : Creative Commons Attribution 3.0
Level :Template Premium Original
Stile : Magazine
Features : Two columns, responsive, tree columns at foot
Color : Red,  Grey. White

Evaluation :
correct operating

This Template is free to use and is not actively supported by the author, but will be monitored for serious bugs that may need correcting.

Creative Commons Attribution: You are free to use, distribute or adapt this template for your personal or commercial website. But, you must attribute the work to the author. Should not remove credit links.


Leer más »

viernes, 16 de agosto de 2013

Solar

1 comentarios



Solar is a template for blogger OPINTEMPLATES provided to you at no cost. It is a template-oriented sites that handle environmental articles. The classic design plus a curious OPINTEMPLATES computer used as slider, is complemented by various facilities that will make the user experience a memorable one. As always, if you want some widgets are always available to the reader, simply place them in the bottom of the page or footer. The rest of the widgets are seen only on the HOME page. The idea is to have as much space as possible in the post area. We hope this free template gives you OPINTEMPLATES pleases you.

It also has an additional headline as blog submission, automatic text as the author's presentation and a sector of Related Post invites readers to keep reading your blog.

Undoubtedly a beautiful template that you can adapt to many different applications.



Template Name: Solar by OPintemplates
Platform: Blogger / Blogspot
Release date : 18, Aug 2013
Author : www.opintemplatespro.blogspot.com
License : Creative Commons Attribution 3.0
Level :Template Premium Original
Stile : Magazine
Features : Two columns, fixed width, tree columns at foot
Color : Blue, Blue sky, Grey. White

Evaluation :
correct operating

This Template is free to use and is not actively supported by the author, but will be monitored for serious bugs that may need correcting.

Creative Commons Attribution: You are free to use, distribute or adapt this template for your personal or commercial website. But, you must attribute the work to the author. Should not remove credit links.

Leer más »

miércoles, 17 de julio de 2013

Byte world

0 comentarios
 



Byte world is a template for blogger OPINTEMPLATES provided to you at no cost. It is a template-oriented articles on sites that handle technology. The classic design plus a curious OPINTEMPLATES computer used as slider, is complemented by various facilities that will make the user experience a memorable one. As always, if you want some widgets is always available to the reader, simply place them in the bottom of the page or footer. The rest of the widgets are seen only on the HOME page. The idea is to have as much space as possible in the post area. We hope this free template gives you OPINTEMPLATES pleases you.

It also has an additional headline as blog submission, automatic text as the author's presentation and a sector of Related Post invites readers to keep reading your blog.

Undoubtedly a beautiful template that you can adapt to many different applications.



Template Name: Byte world by OPintemplates
Platform: Blogger / Blogspot
Release date : 18, Jul 2013
Author : www.opintemplatespro.blogspot.com
License : Creative Commons Attribution 3.0
Level :Template Premium Original
Stile : Magazine
Features : Two columns, fixed width, tree columns at foot
Color : Blue, Blue sky, Grey. White

Evaluation :
correct operating

This Template is free to use and is not actively supported by the author, but will be monitored for serious bugs that may need correcting.

Creative Commons Attribution: You are free to use, distribute or adapt this template for your personal or commercial website. But, you must attribute the work to the author. Should not remove credit links.

Leer más »

miércoles, 19 de junio de 2013

Octopus

0 comentarios






Octopus is a wonderful blogger template that features a grunge design combined with a modern aesthetic and formal. One of the main features comes on the heels of a round slider. Maybe this is as impressive as never before provided a Blogger template with a slider Nivo of circular format, in this case in the form of a porthole.

It also has an additional headline as blog submission, automatic text as the author's presentation and a sector of Related Post invites readers to keep reading your blog.

Undoubtedly a beautiful template that you can adapt to many different applications.



Template Name: Octopus by OPintemplates
Platform: Blogger / Blogspot
Release date : 18, Jun 2013
Author : www.opintemplates.blogspot.com
License : Creative Commons Attribution 3.0
Level :Template Premium Original
Stile : Magazine
Features : Two columns, fluid width, tree columns at foot
Color : Orange, Red-brown, Grey. White

Evaluation :
correct operating

This Template is free to use and is not actively supported by the author, but will be monitored for serious bugs that may need correcting.

Creative Commons Attribution: You are free to use, distribute or adapt this template for your personal or commercial website. But, you must attribute the work to the author. Should not remove credit links.

Leer más »

viernes, 12 de abril de 2013

Fluid Level

0 comentarios



Fluid Level template is one of its kinds because it has buckets full of features. It has an elegant look which would attract your eyes like a bee to a honey. Since, it is a Blogger template it is equipped with some wonderful features. This Template is Ideal for Niche sites i.e. Technology, Media, News Bulletin, Entertainment and etc. However, a person can also use on a Personal blog template. Fluid Level is a quality template designed for those who believe that the content is more important than how it is displayed. Simple, small head, and fluid width, are its main features.

Template Name: Fluid Level by OPintemplates
Platform: Blogger / Blogspot
Release date : 28, Mar 2013
Author : www.opintemplates.blogspot.com
License : Creative Commons Attribution 3.0
Level :Template Premium Original
Stile : Simple
Features : Two columns, fluid width, tree columns at foot
Color : Orange, Green, Grey. White

Evaluation :
correct operating

This Template is free to use and is not actively supported by the author, but will be monitored for serious bugs that may need correcting.

Creative Commons Attribution: You are free to use, distribute or adapt this template for your personal or commercial website. But, you must attribute the work to the author. Should not remove credit links.

Leer más »

domingo, 17 de febrero de 2013

Emanuel

0 comentarios

 
Emanuel is an efficient and magnificent template for blogger users. This theme is designed with such practices that your users would think twice whether it is a Blogger Template, or not because it has all the elements just like WordPress Themes. This template is ideal for those websites which running a Gadget niche blog including multimedia, technology and etc. The color combination of White, blue, and gray makes this theme adorable. It is a crystal clear theme with some robust features.

Template Name: Emanuel by OPintemplates
Platform: Blogger / Blogspot
Release date : 08, feb 2013
Author : www.opintemplates.blogspot.com
License : Creative Commons Attribution 3.0
Level :Template Premium Original
Stile : Magazine
Features : Slider , two columns, fixed width, tree columns at foot
Color : Electric blue, grey. white

Evaluation :
correct operating

This Template is free to use and is not actively supported by the author, but will be monitored for serious bugs that may need correcting.

Creative Commons Attribution: You are free to use, distribute or adapt this template for your personal or commercial website. But, you must attribute the work to the author. Should not remove credit links.


Settings:

0 - You can change the welcome text to your blog

<!-- Start - put your amazing slogan here! -->
Put your amazing slogan here!
<!-- End - put your amazing slogan here! -->
</div>
<div class='box-introb'>
<!-- Start - second line! -->
Here can make a detailed description of your blog so visitors will know what it is or to advertise on other sites that interest you!
<!-- End - second line! -->


1 - You can change the images of existing Slider by changing your preference.


        <a href='#'><img alt='image1!' class='' height='312' src='https://lh3.googleusercontent.com/-yz4kA90-sj8/Tt11f1quzMI/AAAAAAAAA50/kfdP-fZyGaA/s960/moderno960x340.jpg' title='' width='948'/></a>
        <a href='#'><img alt='image2' class='' height='312' src='https://lh4.googleusercontent.com/-zHQzN_Zp6ok/Tt12SqVoouI/AAAAAAAAA7k/jGDO8h2CbdM/s960/book960x340.jpg' title='' width='948'/></a>
        <a href='#'><img alt='image3' class='' height='312' src='https://lh4.googleusercontent.com/-O1KKDMyG9i0/Tt11sC5OnwI/AAAAAAAAA60/Be3u6CNA1rU/s960/gota960x340.jpg' title='' width='948'/></a>
        <a href='#'><img alt='image4' class='' height='312' src='https://lh6.googleusercontent.com/-LYO1J-AQqbY/Tt11q5JNqZI/AAAAAAAAA6g/9UGWhRD449Q/s960/esferas960x340.jpg' title='' width='948'/></a>
        <a href='#'><img alt='image5' class='' height='312' src='https://lh4.googleusercontent.com/-mFBehhgpi24/Tt11rwurG_I/AAAAAAAAA6w/8O96ne2vVv4/s960/burbujas960x340.jpg' title='' width='948'/></a>


2 - You can change the links on the menu bar searching and replacing these data by their choice.

<!-- begin top menu -->

<div class='clearfix' id='topMenuCont'>

<ul class='clearfix'>

<li><a class='home' expr:href='data:blog.homepageUrl'>
Home</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='Posts RSS'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;' title='Comments RSS'>Comments RSS</a></li>
<li><a href='http://www.opintemplates.blogspot.com/' title='Blogger'>OPINTEMPLATES</a></li>

</ul>
</div>

<!-- end top menu -->

3- It provides direct links to his Twitter, Facebook and to subscribe via RSS. You only need to enter your e-services in the fields marked in red. The address of your RSS feed is automatic.

<!-- social links -->
            <ul id='socialLinks'>


<li><a href='#' title='Twitter'><img alt='Twitter' src='https://lh6.googleusercontent.com/-cJKSsp1Qh1E/Tm61YAib3vI/AAAAAAAAASU/o44o15JZgC4/twitterjw.png'/></a></li>                               

<li><a href='#' title='Facebook'><img alt='Facebook' src='https://lh3.googleusercontent.com/-Aw9FP8bU2g4/Tm61UxsNxHI/AAAAAAAAAQ4/66dreYuvp4I/facebookjl.png'/></a></li>              

<li><a class='rssTag' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='Posts RSS'><img alt='Feeds' src='https://lh3.googleusercontent.com/-NzCfCjfrODo/Tm61WOoYRlI/AAAAAAAAARk/ttEcGJfCLQ8/rssst.png'/></a></li>

            </ul>

<!-- end social links --> 

4-numeric paging is included for which it must comply with the following data:

The figure marked in red must match the number of post to display per page. (see Desktop-Settings-Format-X Show up post on the main page)

The figure marked in green corresponds to the number of pages to be made and you will look like a larger or smaller number of buttons in the footer.


<!--Page Navigation Starts-->
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=3;
var upPageWord =&#39;&#171;&#39;;
var downPageWord =&#39;&#187;&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v2.js' type='text/javascript'/>
<!--Page Navigation Ends-->

5 - This template comes ready to extend any submission to a customized size. Presentation The widget can now be extended to look for more. You can change the size by changing the width and length values ​​marked in red in this code.

.slideshow-container {
 width: 250px !important;
 height: 140px !important;
}

6- The reading area has been expanded to the maximum for your comfort.

7 - Finally the file comes with our logo OPINTEMPLATES as Favicon (the little symbol on the top tabs in browsers) To place your choice to replace the code in red by the direction of an image of 16px by 16px in size to represent you and to your liking.

<link href='http://3.bp.blogspot.com/-agfk_XSODnE/TWMxGtGQxXI/AAAAAAAAAFg/jk6TtOf2Qug/s1600/opt.png' rel='shortcut icon' type='image/x-icon'/>
<link href='http://3.bp.blogspot.com/-agfk_XSODnE/TWMxGtGQxXI/AAAAAAAAAFg/jk6TtOf2Qug/s1600/opt.png' rel='icon' type='image/x-icon'/>

I hope you enjoy it
Leer más »

sábado, 12 de enero de 2013

Circles

0 comentarios


Circles is an efficient and magnificent template for blogger users. This theme is designed with such practices that your users would think twice whether it is a Blogger Template, or not because it has all the elements just like WordPress Themes. This template is ideal for those websites which running a Gadget niche blog including multimedia, technology and etc. The color combination of White, orange, and gray makes this theme adorable. It is a crystal clear theme with some robust features.

Template Name: Circles OPintemplates
Platform: Blogger / Blogspot
Release date : 08, dec 2012
Author : www.opintemplates.blogspot.com
License : Creative Commons Attribution 3.0
Level :Template Premium Original
Stile : Magazine
Features : Slider , Links Circles Jquery, two columns, fixed width, tree columns at foot
Color : Salmon (pink), black. grey

Evaluation :
correct operating
 
This Template is free to use and is not actively supported by the author, but will be monitored for serious bugs that may need correcting.

Creative Commons Attribution: You are free to use, distribute or adapt this template for your personal or commercial website. But, you must attribute the work to the author. Should not remove credit links.

NO Responsive Template

Settings:

1 - You can change the images of existing Slider by changing your preferences or add many more.

 <a href='#Link'><img class='slideimg' height='300' src='https://lh5.googleusercontent.com/-_9yEVVeDEds/UOCgTreyA4I/AAAAAAAACCg/YKZVpu4zLnM/s1002/Imagena.png' title='' width='1000'/></a>
</div>

<div class='spanel'>  
<a href='#Link'><img class='slideimg' height='300' src='https://lh3.googleusercontent.com/-nLXAE__mUi4/UOCgTrHIXaI/AAAAAAAACCk/DgEqSWYCnPY/s1000/Imagenb.png' title='' width='1000'/></a>
</div>

<div class='spanel'>  
<a href='#Link'><img class='slideimg' height='300' src='https://lh5.googleusercontent.com/-PDIWNcybTZQ/UOCgUBL0HDI/AAAAAAAACCs/SYTDAvHBi2s/s1000/Imagenc.png' title='' width='1000'/></a>
</div>


2 - You can change the globe of REVOLVERMAPS by another of your choice.

You can change the Globe of Revolvermaps to account for its visitors. To do this go to http://www.revolvermaps.com select Get the Mini version, select size and shape of your choice with transparent background and mark the point UPDATE. Once you have the code replace it with the one on the next line of your template Boxes.


<script src='http://jk.revolvermaps.com/t.js' type='text/javascript'/><script type='text/javascript'>rmt_ki101(&#39;6&#39;,150,&#39;ahcsphjjpxc&#39;,&#39;ff0000&#39;);</script>


3- Se proveen tres campos donde colocar imágenes o textos que publiciten artículos o sitios web.
 

fields that handle this section are:


<div class='homewidget clearfix'>
<div class='hwidget'>
<ul class='ch-grid'>
   <li>
    <div class='ch-item ch-img-1'>             
        <div class='ch-info-wrap'>
            <div class='ch-info'>
                <div class='ch-info-front ch-img-1'/>
                <div class='ch-info-back'>
                    <h3>TITLE-HERE</h3>
                    <p>CAPTION OR TEXT<a href='URL-LINK-HERE'>TEXT-LINK-HERE</a></p>
                </div> 
            </div>
        </div>
    </div>
</li>
</ul></div>

<div class='hwidget'>
<ul class='ch-grid'>
   <li>
    <div class='ch-item ch-img-2'>             
        <div class='ch-info-wrap'>
            <div class='ch-info'>
                <div class='ch-info-front ch-img-2'/>
                <div class='ch-info-back'>
                    <h3>TITLE-HERE</h3>
                    <p>CAPTION OR TEXT<a href='URL-LINK-HERE'>TEXT-LINK-HERE</a></p>
                </div> 
            </div>
        </div>
    </div>
</li>
</ul></div>

<div class='hwidget'>
<ul class='ch-grid'>
   <li>
    <div class='ch-item ch-img-3'>             
        <div class='ch-info-wrap'>
            <div class='ch-info'>
                <div class='ch-info-front ch-img-3'/>
                <div class='ch-info-back'>
                    <h3>TITLE-HERE</h3>
                    <p>CAPTION OR TEXT<a href='URL-LINK-HERE'>TEXT-LINK-HERE</a></p>
                </div> 
            </div>
        </div>
    </div>
</li>
</ul>
</div>
</div>

You can replace them with text or go to their links associated changing what marked red for their own data

To change the background images of each circle will get the format of your choice 220px by 220 px and substitute the following fields marked in red

.ch-img-1 {
background-image: url("https://lh5.googleusercontent.com/-BSmF0FcY_AU/UOhwc36pn2I/AAAAAAAACGA/N49F-baWGL4/s220/casa_rossa_naif.jpg");
}
.ch-img-2 {
background-image: url("https://lh5.googleusercontent.com/-kzxNoIa5gZA/UOhwf7-BtzI/AAAAAAAACGI/TBbIArDIc4s/s220/gallo_naif.jpg");
}
.ch-img-3 {
background-image: url("https://lh3.googleusercontent.com/-cT-o7qh2f30/UNfMavdhY4I/AAAAAAAAB_E/x_CUh_fVBgE/s220/grande_albero_naif.jpg");
}


4-Numeric paging is included for which it must comply with the following:

The figure marked in red must match the number of post to display per page. (see Desktop-Settings-Format-X Show up post on the main page)

The figure marked in green corresponds to the number of pages to be made and you will look like a larger or smaller number of buttons in the footer.

<!--Page Navigation Starts-->
<script type='text/javascript'>
var pageCount=3;
var displayPageNum=3;
var upPageWord =&#39;&#171;&#39;;
var downPageWord =&#39;&#187;&#39;;
</script>
<script src='http://dl.dropbox.com/u/14895124/Planocreativo/js/pagenavigation-blogger.js' type='text/javascript'/>
<!--Page Navigation Ends-->

Java files are provided for you to shelter-in your own server.

5 - This template comes ready to extend any presentation to a customized size. The layout widget can now be expanded to showcase it more. You can change the size by changing the width and length values ​​marked in red in this code.

.slideshow-container {
 width: 250px !important;
 height: 140px !important;
}

6 - Finally the file comes with our OPINTEMPLATES logo as favicon (the little symbol on the top legüetas in browsers) To place your election to replace the code in red by the direction of an image of 16px by size 16px represent you and to your liking.

<link href='http://3.bp.blogspot.com/-agfk_XSODnE/TWMxGtGQxXI/AAAAAAAAAFg/jk6TtOf2Qug/s1600/opt.png' rel='shortcut icon' type='image/x-icon'/>
<link href='http://3.bp.blogspot.com/-agfk_XSODnE/TWMxGtGQxXI/AAAAAAAAAFg/jk6TtOf2Qug/s1600/opt.png' rel='icon' type='image/x-icon'/>




Leer más »

older post