Авторизуйтесь по паролю
Или через соцсеть
Димка_87 29.08.2015 Все вопросы » Шаблоны (TPL) 2333
LazyDev - 2015-08-1929 августа 2015 18:33 - #47991
Димка_87 - 2015-08-1929 августа 2015 18:52 - #47994
<article class="post"> <figure><a href=""><img src="images/centroarts_october_s_small.jpg" alt="" /><strong class="ribbon">Скачать бесплатно!</strong></a></figure><a href="#" id="r55e08a0c71b39" class="ilike"><span>290</span><b>Нравится?</b></a><script type="text/javascript">/*<![CDATA[*/new Rating("новости","#r55e08a0c71b39",[1],{"event":"rating","id":"209"})//]]></script><h2><a href="">Календарь на октябрь 2012 (Обои)</a></h2> <p>Обои для рабочего стола на октябрь. Яркое осеннее настроение</p> </article><article class="post"> <figure><a href=""><img src="images/centroarts_october_s_small.jpg" alt="" /><strong class="ribbon">Скачать бесплатно!</strong></a></figure><a href="#" id="r55e08a0c71b39" class="ilike"><span>290</span><b>Нравится?</b></a><script type="text/javascript">/*<![CDATA[*/new Rating("новости","#r55e08a0c71b39",[1],{"event":"rating","id":"209"})//]]></script><h2><a href="">Календарь на октябрь 2012 (Обои)</a></h2> <p>Обои для рабочего стола на октябрь. Яркое осеннее настроение</p> </article><article class="post"> <figure><a href=""><img src="images/centroarts_october_s_small.jpg" alt="" /><strong class="ribbon">Скачать бесплатно!</strong></a></figure><a href="#" id="r55e08a0c71b39" class="ilike"><span>290</span><b>Нравится?</b></a><script type="text/javascript">/*<![CDATA[*/new Rating("новости","#r55e08a0c71b39",[1],{"event":"rating","id":"209"})//]]></script><h2><a href="">Календарь на октябрь 2012 (Обои)</a></h2> <p>Обои для рабочего стола на октябрь. Яркое осеннее настроение</p> </article>
Westus - 2015-08-1929 августа 2015 19:38 - #48001
.post {float: left;display: inline-block;}
Димка_87 - 2015-08-1930 августа 2015 11:07 - #48012
Димка_87 - 2015-08-1929 августа 2015 19:16 - #47999
Zoroz - 2015-08-1930 августа 2015 11:53 - #48013
<style> .sociallinks { display: none; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.4); } .sociallinks-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; max-width: 500px; border-radius: 10px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .close { color: #aaa; position: absolute; top: 10px; right: 10px; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; } .social-container { display: flex; align-items: center; } .social-container > div { margin-left: 10px; } h2, p { margin: 5px 0; } .social { padding-top: 20px; } .social img { margin: 10px; } .sharebtn { padding-top: 20px; width: 100%; } .sharebtn_area { border: 1px solid black; height: 40px; } .sharebtn input[type="text"] { width: 70%; border: none; height: 95%; } .sharebtn button { width: 25%; height: 95%; border: none; background-color: #fff; } </style> <button id="opensociallinksBtn">Поделиться</button> <div id="mysociallinks" class="sociallinks"> <div class="sociallinks-content"> <span class="close">×</span> <div class="social-container"> <img src="{image-1}" alt="Icon" width="30" height="30"> <div> <h2>{title}</h2> <p>Поделиться</p> </div> </div> <div class="social"> <a href="https://api.whatsapp.com/send/?text={full-link}"><img src="whatsapp.png" alt="WhatsApp" width="30" height="30"></a> <a href="https://www.facebook.com/sharer/sharer.php?u={full-link}"><img src="facebook.png" alt="Facebook" width="30" height="30"></a> <a href="https://twitter.com/intent/post?url={full-link}"><img src="twitter.png" alt="Twitter" width="30" height="30"></a> <a href="https://www.instagram.com/share?url={full-link}"><img src="instagram.png" alt="Instagram" width="30" height="30"></a> </div> <div class="sharebtn"> <div class="sharebtn_area"> <input type="text" id="inputText" value="{full-link}" readonly="true"> <button id="copyBtn">Поделиться <img src="share.png" width="10px" alt="Share Icon"></button> </div> </div> </div> </div> <script> var sociallinks = document.getElementById("mysociallinks"); var opensociallinksBtn = document.getElementById("opensociallinksBtn"); var closeBtn = document.getElementsByClassName("close")[0]; var copyBtn = document.getElementById("copyBtn"); var inputText = document.getElementById("inputText"); opensociallinksBtn.onclick = function() { sociallinks.style.display = "block"; } closeBtn.onclick = function() { sociallinks.style.display = "none"; } window.onclick = function(event) { if (event.target == sociallinks) { sociallinks.style.display = "none"; } } copyBtn.onclick = function() { inputText.select(); document.execCommand("copy"); } </script>