Mon site SPIP http://www.rubisite.fr/ fr SPIP - www.spip.net Accueil http://rubisite.fr/spip.php?article1 http://rubisite.fr/spip.php?article1 2017-12-08T22:20:41Z text/html fr seb.cl <p>#demo .owl-slide > .caption z-index : 100 ; position : absolute ; left:55% ; width : 40% ; bottom:5% ; #demo .owl-slide > .caption > .title background : #000 ; color : #FFF ; padding : 5px ; width : auto ; #demo .owl-slide > .caption > p background-color : rgba(88, 88, 88, 0.75) ; /*float : right ;*/ color : #FFF ; padding : 5px ; (...)</p> - <a href="http://rubisite.fr/spip.php?rubrique1" rel="directory">Acceuil</a> <div class='rss_texte'><style> #demo .owl-slide > .caption{ z-index: 100; position: absolute; left:55%; width: 40%; bottom:5%; } #demo .owl-slide > .caption > .title{ background: #000; color : #FFF; padding: 5px; width: auto; } #demo .owl-slide > .caption > p { background-color: rgba(88, 88, 88, 0.75) ; /*float: right;*/ color: #FFF; padding: 5px; } </style> <div id="demo" class="owl-carousel owl-theme"> <div class="owl-slide" data-hash="demo1"> <div class="caption"> <h3 class="title">titre</h3> <p class="hidden-phone">description</p></div> <a href='http://rubisite.fr/IMG/jpg/papillon.jpg' class="js-colorbox" rel="diaporamademo"> <img src='http://rubisite.fr/local/cache-vignettes/L500xH367/papillon-3572a-205f3.jpg?1513397160' alt="titre" width='500' height='367' /> </a> </div> <div class="owl-slide" data-hash="demo2"> <div class="caption"></div> <a href='http://rubisite.fr/IMG/jpg/2017-07-21_20.34.22.jpg' class="js-colorbox" rel="diaporamademo"> <img src='http://rubisite.fr/local/cache-vignettes/L489xH450/2017-07-21_20.34.22-21e45-d20d8.jpg?1512772877' alt="" width='489' height='450' /> </a> </div> </div> <div class="base64javascript16034209660176032579f8.44546617" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPgpqUXVlcnkoZnVuY3Rpb24oJCl7CiAgICAkKCIjZGVtbyIpLm93bENhcm91c2VsKHsKICAgICAgICBsb29wOnRydWUsCiAgICAgICAgaXRlbXM6IDEsCiAgICAgICAgZG90czp0cnVlLAogICAgICAgIG5hdjpmYWxzZSwKICAgICAgICByZXNwb25zaXZlOmZhbHNlLAogICAgICAgIFVSTGhhc2hMaXN0ZW5lcjp0cnVlLAogICAgICAgIHN0YXJ0UG9zaXRpb246ICdVUkxIYXNoJywKCXJlc3BvbnNpdmU6ewoJCTA6ewoJCWl0ZW1zOjEKCQl9Cgl9CiAgICB9KTsKICAgIAogICAgLy8gR2FsbGVyaWUgQ29sb3Jib3gKICAgICQoImEuanMtY29sb3Jib3giKS5jb2xvcmJveCh7CiAgICAgICAgcmVsOidkaWFwb3JhbWFkZW1vJywKICAgIH0pOwp9KTsKPC9zY3JpcHQ+"></div><style> #demo .owl-slide > .caption{ z-index: 100; position: absolute; left:55%; width: 40%; bottom:5%; } #demo .owl-slide > .caption > .title{ background: #000; color : #FFF; padding: 5px; width: auto; } #demo .owl-slide > .caption > p { background-color: rgba(88, 88, 88, 0.75) ; /*float: right;*/ color: #FFF; padding: 5px; } </style> <div id="demo" class="owl-carousel owl-theme"> <div class="owl-slide" data-hash="demo1"> <div class="caption"> <h3 class="title">titre</h3> <p class="hidden-phone">description</p></div> <a href='http://rubisite.fr/IMG/jpg/papillon.jpg' class="js-colorbox" rel="diaporamademo"> <img src='http://rubisite.fr/local/cache-vignettes/L500xH367/papillon-3572a-205f3.jpg?1513397160' alt="titre" width='500' height='367' /> </a> </div> <div class="owl-slide" data-hash="demo2"> <div class="caption"></div> <a href='http://rubisite.fr/IMG/jpg/2017-07-21_20.34.22.jpg' class="js-colorbox" rel="diaporamademo"> <img src='http://rubisite.fr/local/cache-vignettes/L489xH450/2017-07-21_20.34.22-21e45-d20d8.jpg?1512772877' alt="" width='489' height='450' /> </a> </div> </div> <div class="base64javascript16034209660176032579f8.44546617" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPgpqUXVlcnkoZnVuY3Rpb24oJCl7CiAgICAkKCIjZGVtbyIpLm93bENhcm91c2VsKHsKICAgICAgICBsb29wOnRydWUsCiAgICAgICAgaXRlbXM6IDEsCiAgICAgICAgZG90czp0cnVlLAogICAgICAgIG5hdjpmYWxzZSwKICAgICAgICByZXNwb25zaXZlOmZhbHNlLAogICAgICAgIFVSTGhhc2hMaXN0ZW5lcjp0cnVlLAogICAgICAgIHN0YXJ0UG9zaXRpb246ICdVUkxIYXNoJywKCXJlc3BvbnNpdmU6ewoJCTA6ewoJCWl0ZW1zOjEKCQl9Cgl9CiAgICB9KTsKICAgIAogICAgLy8gR2FsbGVyaWUgQ29sb3Jib3gKICAgICQoImEuanMtY29sb3Jib3giKS5jb2xvcmJveCh7CiAgICAgICAgcmVsOidkaWFwb3JhbWFkZW1vJywKICAgIH0pOwp9KTsKPC9zY3JpcHQ+"></div> <dl class='spip_document_1 spip_documents spip_documents_center'> <dt><a href='http://rubisite.fr/IMG/jpg/papillon.jpg' title='titre' type="image/jpeg"><img src='http://rubisite.fr/local/cache-vignettes/L150xH111/papillon-edf8f-9be21.jpg?1512772877' width='150' height='111' alt='' /></a></dt> <dt class='spip_doc_titre' style='width:150px;'><strong>titre</strong></dt> <dd class='spip_doc_descriptif' style='width:150px;'>description </dd> </dl><dl class='spip_document_2 spip_documents spip_documents_center'> <dt><a href='http://rubisite.fr/IMG/jpg/2017-07-21_20.34.22.jpg' title='JPEG - 1.7 Mo' type="image/jpeg"><img src='http://rubisite.fr/local/cache-vignettes/L150xH139/2017-07-21_20.34.22-5af63-440b4.jpg?1512772878' width='150' height='139' alt='' /></a></dt> </dl></div>