Авторизуйтесь по паролю
Или через соцсеть
cucer96 15.05.2014 Все вопросы » jQuery 1957
dimavdv - 2015-03-2315 мая 2014 19:42 - #28757
<div class="tabs"> <div class="tab"> <input type="radio" id="tab-1" name="tab-group-1" checked> <label for="tab-1">Вконтакте</label> <div class="content"> <p>код вконтакте</p> </div> </div> <div class="tab"> <input type="radio" id="tab-2" name="tab-group-1"> <label for="tab-2">Твиттер</label> <div class="content"> <p>код твиттера</p> </div> </div> </div>
.tabs { position: relative; min-height: 200px; clear: both; margin: 25px 0;}.tab { float: left;}.tab label { background: #eee; padding: 10px; border: 1px solid #ccc; margin-left: -1px; position: relative; left: 1px;}.tab [type=radio] { display: none;}.content { position: absolute; top: 28px; left: 0; background: white; right: 0; bottom: 0; padding: 20px; border: 1px solid #ccc;}[type=radio]:checked ~ label { background: white; border-bottom: 1px solid white; z-index: 2;}[type=radio]:checked ~ label ~ .content { z-index: 1;}
cucer96 - 2015-03-2315 мая 2014 20:02 - #28761
<div class="single-product"><div class="title"><div class="title-info"><span class="presence">Добавил {author}, {date=d.m.y}</span><span class="delivery">Просмотров:{views}</span></div><div class="post-title">{title} {favorites} [edit]<img src="{THEME}/dleimages/editstore.png" alt="Редактировать" />[/edit]</div><div class="spacer"></div><div class="short-info"><div class="short-description"><div class="table"><ul class="table"><li><b>Дата выхода: </b>[xfvalue_year]</li><li class="odd"><b>Жанр: </b>[xfvalue_janre]</li><li><b>Качество: </b>[xfvalue_quality]</li><li class="odd"><b>Выпущено в: </b>[xfvalue_issued]</li><li><b>Продолжительность: </b>[xfvalue_time]</li><li class="odd"><b>Озвучивание : </b>[xfvalue_postproduction]</li><li><b>Режисер: </b>[xfvalue_director]</li><li class="odd"><b>В ролях: </b>[xfvalue_cast]</li><br><div class="title-info"><span class="presence">{link-category} </span></div></ul></div></div><div class="image"><img src="{image-1}" width="160" height="210" alt="{title}"/></div><div class="custom-data">[rating]{rating}(голосов:{vote-num})[/rating]</div> <!-- end shablon --><!-- begin shablon --></div> <!-- end shablon --><!-- begin shablon --><div class="full-description"><div class="tabheader"><ul class="tabmenu"><li class="current"><span>Описание</span></li><li><span>Рецензии</span></li><li><span>Трейлер</span></li><li><span>Скриншоты</span></li><li><span>Смотреть онлайн</span></li></ul></div><div class="info-place"><style>pre {font: 12px/19px Arial;color: rgb(57, 57, 57);}</style><ul class="tabs_content"><li class="current">{full-story}</li><li>[xfvalue_rec]</li><li>[xfvalue_treyler]</li><li>[xfgiven_screens]<div class="fn_box visible"><div class="item-screens"><div class="slides clearfix">[xfvalue_screens]</div></div>[/xfgiven_screens]</li><li>[xfvalue_online]</li></ul></div>[related-news]<br /><div class="spacer"></div><div class="post-title">Похожее на {title}:</div><div class="related-block"> <ul> {related-news} </ul></div> <div class="spacer"></div>[/related-news][group=5]<div class="info"> Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем. </div>[/group][comments]<div class="comments"><div class="title">Комментариев добавлено: ({comments-num})</div><div class="spacer"></div><br />{comments}</div>[/comments] </div> </div> </div>
dimavdv - 2015-03-2315 мая 2014 19:44 - #28758
ravchik - 2015-03-2315 мая 2014 19:48 - #28759
<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>