Trucs pour utiliser Dotclear

Vignette masquée

Dans le CSS

.vignette {
   position: absolute;
   top: -9999px;
   left: -9999px;
}

Dans le billet

``<div class="vignette">``
((/public/jeff/cqextrmdrt/kek-flag.jpg||C))
``</div>``

Vidéo responsive

Dans le CSS

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

Dans le billet

///html
<div class="video-container">
<iframe width="560" height="315" src="https://www.youtube.com/embed/9Xln-IUkjxo?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
///

Encadré

Dans le code

.encadre {
  background-color: #f2f2f0;
  width: 80%;
  margin: auto;
  padding: 1.4em;
  padding-top : 0em;
  font-size: 0.85em;
  text-align:left;
  box-shadow: 3px 3px 3px #ccc;
}

.encadre h5 {
  padding-top: 1em;
}

Dans le billet

``<div class="encadre">``
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut pellentesque, libero quis suscipit viverra, diam quam accumsan enim, eget egestas elit ipsum quis libero. Donec mollis mattis ultricies. Nam volutpat porta erat eget volutpat. Etiam tincidunt varius augue, non hendrerit enim feugiat ac. Sed non lectus ac enim varius varius a vel justo. Integer faucibus scelerisque risus, at hendrerit ex vehicula in. Donec nec venenatis felis, id congue nisi. Nam convallis enim vulputate, sollicitudin mauris vel, venenatis mauris. 
``</div>``

Galerie

Une galerie simple avec ductile focus

///html 
 <div class="expo expo_t">
 ///

[((/public/jeff/maikanrivard/.Screenshot-2018-4-9_Johane_Cayer_3__t.png||C))|/public/jeff/maikanrivard/Screenshot-2018-4-9_Johane_Cayer_3_.png]

[((/public/jeff/maikanrivard/.Screenshot-2018-4-9_Johane_Cayer_4__t.png||C))|/public/jeff/maikanrivard/Screenshot-2018-4-9_Johane_Cayer_4_.png]
	
///html 
 </div>
 ///