Posted By admin
Metro style dynamic Tiles

excellent !,How can I create a caption as description at the bottom of each tile where the text fits always the size of the tile? I created a description at the bottom already as followed:The CSS:[code]<style>.tileoutter{display:table;line-height:2.5em; position:absolute;bottom:0px;left:0px;width:100%;background: rgb(0, 0, 0);background: rgba(0, 0, 0, .6);}.tileinner{display:table-cell;vertical-align:middle;}.tiledescription {color:white;width: 100%;display: block;text-align:center;}</style>[code],The HTML[code]<div class=”col-sm-2 col-xs-4″><div id=”tile8″ class=”tile”> <div class=”carousel slide” data-ride=”carousel”><div class=”carousel-inner”><div class=”item active”><img src=”images/myimage.png” class=”img-responsive”/><div class=”tileoutter”><div class=”tileinner”><div class=”tiledescription”>This is a description.</div></div></div></div></div></div></div></div>[code],The issue is, that if you resize the screen (or view on iPhone,…) the tiles will be resized fine but not the font. How can I make the text in the description even responsive?,This is great. I was banging my head about implementing angularJS implementation of the same. Afriad, couldnt figure out decent way to. It seems ‘items’ class doesnt work dynamc. Any help is most appreciated.,guys i want so much to run this perfectly but classes tile ,fa fa-child fa-4x,carousel-slide cannot be found…why? pls let me know,Here is a full implementation of your wonderful snippet : http://ecomusee-bois-foret….,I created a cms management module allowing me to have two types of slides :- static slides with photo or text- dynamic slides linking to specific tables of my MySql database : for exemple the three next events,The module also allows to have as many tiles as you want and to choose the sm and xs size for each…,Here is my implementation…I added some hover effects, flip tile, vertical and horizontal sliding, nested video on autoplay, and rounded corners.…Thanks and Cheers!!Tim Busken,Nice looking, and I love the autoplay video.,hi just a quick question how do i make the height bigger on another row?,On which row?,Hi Thanks for replying to me…Well its a third row, can’t seem to force the height of any of the carousel contents to 370px. Where is the 185px height added to the current carousel contents?,je l’aimé trop 🙂 ça nécessite encore un peu de modification coté JS merci pour le partage,cool,hey great job.. i used it in a project of mine and did a lil work around with the grids and the result was amazing.. Thnx a lot man..,Hello, can you share some tips about what you did with this snippet?,This is really cool.. is there anyway the tiles can be set to slide at random times? thanks,Got it, you just have to insert a different data interval for each carousel.,this is awesome, thanks!,The author is joao12ferreira

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)

Related Snippets

Leave a comment

Your email address will not be published. Required fields are marked *