SHARE
TWEET

Untitled

a guest Aug 10th, 2016 72 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style type="text/css">
  2. .blokimg {position: relative;}
  3.  
  4. .overlay{
  5.   display: none;
  6.   height: auto;
  7.   position: absolute;
  8.   width: auto;
  9.   z-index: 999;
  10. }
  11. .overlay .overlay_container{
  12.   display: table-cell;
  13.  
  14.   vertical-align: middle;
  15. }
  16. .overlay_container img{
  17.   background-color: white;
  18.   padding: 5px;
  19.   -webkit-border-radius: 5px;
  20.   -moz-border-radius: 5px;
  21. }
  22. .overlay:target {
  23.   display: table;
  24. }
  25. </style>
  26.  
  27. <div class="blokimg">
  28. <div class="overlay" id="open">
  29. <div class="overlay_container">
  30. <a href="#close">
  31. <img src="путь к изображению"/>
  32. </a>
  33. </div>
  34. </div>
  35. <a href="#open">
  36. <img style="width:ширина в px уменьшенного изображения" src="путь к изображению" />
  37. </a>
  38. </div>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Top