neeky Posted January 8, 2012 Share Posted January 8, 2012 Привет всем, кто-то знает, как такое реализовать плавающие вкладки соц. сетей, есть ли готовый такой модуль? Пример сайт:http://comforttown.com.ua/ С лева на сайте очень красиво и функц-но. ) Link to comment Share on other sites More sharing options...
Dimitri Yelquin Posted January 8, 2012 Share Posted January 8, 2012 Можно намекнуть нашему модератору, Сорсу (sors). У него уже есть похожий модуль, мог бы сделать и модификацию по этому образцу. Link to comment Share on other sites More sharing options...
neeky Posted January 8, 2012 Author Share Posted January 8, 2012 А давайте намекнем ? Link to comment Share on other sites More sharing options...
sors Posted January 8, 2012 Share Posted January 8, 2012 Выложил по свободной цене http://prestalab.ru/sotsialnye-seti/51-vidzhety-sotsset.html Демо тут http://demo.prestalab.ru/ 2 Link to comment Share on other sites More sharing options...
neeky Posted January 8, 2012 Author Share Posted January 8, 2012 Ну что я могу тут сказать, Sors, Вы настоящий мастер!!!! Link to comment Share on other sites More sharing options...
neeky Posted January 8, 2012 Author Share Posted January 8, 2012 Вопрос)) а как сделать так, что бы эти соц закладки были поверх всех окон. Вот например в вашем демо эти соц закладки залазят под соц. панель Link to comment Share on other sites More sharing options...
Dimitri Yelquin Posted January 8, 2012 Share Posted January 8, 2012 Нужно править z-index в файле стилей. Вот, в справочнике о нём: Описание Любые позиционированные элементы на веб-странице могут накладываться друг на друга в определенном порядке, имитируя тем самым третье измерение, перпендикулярное экрану. Каждый элемент может находиться как ниже, так и выше других объектов веб-страницы, их размещением по z-оси и управляет z-index. Это свойство работает только для элементов, у которых значение position задано как absolute, fixed или relative. Значения В качестве значения используются целые числа (положительные, отрицательные и ноль). Чем больше значение, тем выше находится элемент по сравнению с теми элементами, у которых оно меньше. При равном значении z-index, на переднем плане находится тот элемент, который в коде HTML описан ниже. Хотя спецификация и разрешает использовать отрицательные значения z-index, но такие элементы не отображаются в браузере Firefox до версии 2.0 включительно. Кроме числовых значений применяется auto — порядок элементов в этом случае строится автоматически, исходя из их положения в коде HTML и принадлежности к родителю, поскольку дочерние элементы имеют тот же номер, что их родительский элемент. Значение inherit указывает, что оно наследуется у родителя. Когда Вы не знаете z-index других элементов, можно задать значение, заведомо превышающее, например 1000. Но дело в том, что заведомо большие числа уже заранее задают другие верстальщики. Поэтому нередко можно встретить значения и 10000, и даже 100000... 1 Link to comment Share on other sites More sharing options...
Dimitri Yelquin Posted January 9, 2012 Share Posted January 9, 2012 Кроме правки z-индекса можно решить эту проблему другим способом; саму панель перенести вправо. Для этого надо переписать значение левого поля на такое: margin-left: 1010px; А z-индекс у социальной панели — 1000. Значит, Вам достаточно будет не 10000 или более, а 1001. Link to comment Share on other sites More sharing options...
Dimitri Yelquin Posted January 9, 2012 Share Posted January 9, 2012 Нет, не годится! Если Вы пользуетесь плавающим блоком соц. закладок от Сорса, то однозначно надо переносить его вправо! Потому что одно дело — списки меню, выпадающие поверх страницы, и совсем другое — плавающие элементы, перекрывающие друг друга. Это очень некрасиво. Справа у Вас тоже может оказаться выпадающий блок, но если это тот, который на демо-странице у Сорса, то он там из всех наименее важный, и с ним легче что-то придумать: не использовать, переместить, переформатировать... Link to comment Share on other sites More sharing options...
sors Posted January 9, 2012 Share Posted January 9, 2012 в socializ.css заменить z-index: 1000; на z-index: 1; 1 Link to comment Share on other sites More sharing options...
neeky Posted January 9, 2012 Author Share Posted January 9, 2012 Спасибо большое, поправил все z indexes и все ОК! Dimitri Yelquin, спасибо за сводку о z-index! Link to comment Share on other sites More sharing options...
KamranMK Posted December 5, 2012 Share Posted December 5, 2012 a chto uje etot modul ne besplatniy? Link to comment Share on other sites More sharing options...
Recommended Posts