Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Запросы по скриптам[2]
Сообщений 41 страница 60 из 996
Поделиться1Вт, 26 Ноя 2013 09:23:09
Поделиться41Пт, 29 Ноя 2013 22:11:15
CПС, чуть подправил, ибо тут в топике, у кого есть вебсайт - все сообщения - не кажет
Чисто теоретически, не должно зависеть от наличия/отсутствия заполненного веб-сайта.
Но натуральный косяк - с "Поделиться", блин, проще убрать эту штуку, чем заставить нормально работать. Ну или переписать всю функцию.
Пока вышло только подвигать блок со ссылками по горизонтали, как подвигать его правильно по вертикали, учитывая, что поломали DOM, я пока не соображу.
Поделиться42Пт, 29 Ноя 2013 22:17:10
Чисто теоретически, не должно зависеть от наличия/отсутствия заполненного веб-сайта.
Но натуральный косяк - с "Поделиться", блин, проще убрать эту штуку, чем заставить нормально работать. Ну или переписать всю функцию.
Пока вышло только подвигать блок со ссылками по горизонтали, как подвигать его правильно по вертикали, учитывая, что поломали DOM, я пока не соображу.
Клонировать для вставки Профиль ЛС E-mail Вебсайт, а исходные скрыть через visibility:hidden
Поделиться43Пт, 29 Ноя 2013 22:34:57
Клонировать для вставки Профиль ЛС E-mail Вебсайт, а исходные скрыть через visibility:hidden
читаешь мысли )))
<style> .punbb .post .pa-links {display: none; position: absolute; top: 25px; right: 0; padding: 5px; z-index: 100;} .punbb .post .pa-links ul {padding: 15px;} .punbb .pa-links li {display: block; list-style: circle outside; float: none; padding-left: 20px; height: 16px; margin-bottom: 5px} .pa-links li.pl-email {background: url(http://www.iconsearch.ru/uploads/icons/fugue/16x16/balloon__pencil.png) no-repeat; } .pa-links li.pl-email:first-child {background: url(http://www.iconsearch.ru/uploads/icons/fugue/16x16/user_business.png) no-repeat; } .pa-links li.pl-email:nth-child(3) {background: url(http://www.iconsearch.ru/uploads/icons/fugue/16x16/mails_pencil.png) no-repeat; } .pa-links li.pl-message {background: url(http://www.iconsearch.ru/uploads/icons/blandet/16x16/comments.png) no-repeat; } .pa-links li.pl-website {background: url(http://www.iconsearch.ru/uploads/icons/fugue/16x16/globe-medium-green.png) no-repeat; } .btn-links {background: url(http://www.iconsearch.ru/uploads/icons/fugue/16x16/user__plus.png) no-repeat; width: 16px; height: 16px; position: absolute; top: 0; right: 10px; cursor: pointer;} .post-author {position: relative;} .post-links li.pl-email, .post-links li.pl-website {visibility: hidden;} </style> <script> $(document).ready(function() { if(document.URL.indexOf("viewtopic.php")!=-1 && GroupID != 3){ $(".pa-author").after("<div class='btn-links'></div><li class='pa-links'><ul class='container'></ul></li>"); $(".post").each(function(){ $(this).find(".pl-email,.pl-website").clone().prependTo($(this).find(".pa-links ul")); var user = $(this).find(".pl-email:first a").attr("href").match(/\d+/i); $(this).find(".pa-links ul .pl-email:eq(0)").after("<li class='pl-message'><a rel='nofollow' href='/search.php?action=show_user&user_id="+user[0]+"'>Сообщения</a></li>"); }); $(".btn-links").click(function() { $(this).next().toggle('slow'); }); } }) </script>
Отредактировано sadhaka (Пт, 29 Ноя 2013 23:02:04)
Поделиться44Пт, 29 Ноя 2013 22:36:47
Ну когда "мне и так нравится" и пользоваться надо у себя на форуме, а не выкладывать в паблик.
Администрация MyBB не гарантирует работоспособность данных скриптов, вы ставите их на свой страх и риск.
Поделиться45Пт, 29 Ноя 2013 22:41:34
sadhaka
z-index - у окна всплывалки сделать десятку, ибо наползают нижние элементы http://s7.uploads.ru/UkbaA.png
Поделиться46Пт, 29 Ноя 2013 22:42:56
А так прикольней))
Поделиться47Пт, 29 Ноя 2013 22:48:58
z-index - у окна всплывалки сделать десятку, ибо наползают нижние элементы http://s7.uploads.ru/UkbaA.png
Вроде сотня стоит. Вообще там не налезают, просто в фоне .container стоит полупрозрачное изображение, поэтому такая [пренебрежительное описание].
Ну на сложных дизах все равно стили править придется, а на стандартных вроде все неплохо работает.
Отредактировано sadhaka (Пт, 29 Ноя 2013 22:53:37)
Поделиться48Пт, 29 Ноя 2013 22:59:12
Вроде сотня стоит. Вообще там не налезают
Да, походу - норма http://s7.uploads.ru/B9L4d.png
Поделиться49Пт, 29 Ноя 2013 23:00:22
Ну на сложных дизах все равно стили править придется, а на стандартных вроде все неплохо работает.
кому надо подправят)))
Поделиться50Пт, 29 Ноя 2013 23:02:27
я б добавил target=_blank на все ссылки - ибо обычно смотришь и возвращаешься или сравниваешь
Поделиться51Пт, 29 Ноя 2013 23:03:35
Да, походу - норма http://s7.uploads.ru/B9L4d.png
хм, а почему padding-left не работает? поправила немного стили в последнем варианте, попробуй еще раз поставить куда-нить?
кому надо подправят)))
Не сомневаюсь Здорово выглядит )
Поделиться52Пт, 29 Ноя 2013 23:07:22
хм, а почему padding-left не работает? поправила немного стили в последнем варианте, попробуй еще раз поставить куда-нить?
мож !important добавить? (типично диз привязываюь еще к селектору, вот и пересиливает
Исправилось вроде http://s7.uploads.ru/0r3ld.png
Отредактировано Deff (Пт, 29 Ноя 2013 23:08:27)
Поделиться53Пт, 29 Ноя 2013 23:12:34
Deff
Добавила target=_blank, но имхо не знаю, мне кажется, не всем пригодится
<style> .punbb .post .pa-links {display: none; position: absolute; top: 25px; right: 0; padding: 5px; z-index: 100;} .punbb .post .pa-links ul {padding: 15px;} .punbb .pa-links li {display: block; list-style: circle outside; float: none; padding-left: 20px; height: 16px; margin-bottom: 5px} .pa-links li.pl-email {background: url(http://www.iconsearch.ru/uploads/icons/fugue/16x16/balloon__pencil.png) no-repeat; } .pa-links li.pl-email:first-child {background: url(http://www.iconsearch.ru/uploads/icons/fugue/16x16/user_business.png) no-repeat; } .pa-links li.pl-email:nth-child(3) {background: url(http://www.iconsearch.ru/uploads/icons/fugue/16x16/mails_pencil.png) no-repeat; } .pa-links li.pl-message {background: url(http://www.iconsearch.ru/uploads/icons/blandet/16x16/comments.png) no-repeat; } .pa-links li.pl-website {background: url(http://www.iconsearch.ru/uploads/icons/fugue/16x16/globe-medium-green.png) no-repeat; } .btn-links {background: url(http://www.iconsearch.ru/uploads/icons/fugue/16x16/user__plus.png) no-repeat; width: 16px; height: 16px; position: absolute; top: 0; right: 10px; cursor: pointer;} .post-author {position: relative;} .post-links li.pl-email, .post-links li.pl-website {visibility: hidden;} </style> <script> $(document).ready(function() { if(document.URL.indexOf("viewtopic.php")!=-1 && GroupID != 3){ $(".pa-author").after("<div class='btn-links'></div><li class='pa-links'><ul class='container'></ul></li>"); $(".post").each(function(){ $(this).find(".pl-email,.pl-website").clone().prependTo($(this).find(".pa-links ul")); var user = $(this).find(".pl-email:first a").attr("href").match(/\d+/i); $(this).find(".pa-links ul .pl-email:eq(0)").after("<li class='pl-message'><a rel='nofollow' href='/search.php?action=show_user&user_id="+user[0]+"'>Сообщения</a></li>"); }); $(".pa-links a").attr("target","_blank"); $(".btn-links").click(function() { $(this).next().toggle('slow'); }); } }) </script>
мож !important добавить? (типично диз привязываюь еще к селектору, вот и пересиливает
Вроде теперь работает, подправила селектор. Не надо !important'ов, когда можно без них
Кстати, а порядок ты поменял?
Изображения не жестко к элементам привязаны, поэтому вместе с порядком надо менять иконки )
Поделиться54Пт, 29 Ноя 2013 23:31:46
Ребята, как убрать подчёркивание ссылок?
Что то опять не врубаюсь
Поделиться55Пт, 29 Ноя 2013 23:37:42
Good
дописать в блок стилей
.punbb .pa-links li a {text-decoration: none;}
Поделиться56Пт, 29 Ноя 2013 23:49:15
На тестовых нормально а вот на рабочем какая то лажа
походу с чем то конфликт
Поделиться57Сб, 30 Ноя 2013 00:04:59
Deff
Кстати, а порядок ты поменял?
Изображения не жестко к элементам привязаны, поэтому вместе с порядком надо менять иконки )
Ничо не менял, если про последний скриншот... , http://s7.uploads.ru/0r3ld.png
Ребята, как убрать подчёркивание ссылок?Что то опять не врубаюсь
Ссылку на тестовик с траблом...
Лан, я спать...
Отредактировано Deff (Сб, 30 Ноя 2013 00:27:47)
Поделиться58Сб, 30 Ноя 2013 00:35:39
Deff
все, поняла, это на FD вебсайт вынесен выше.
Good
это стили
//не надо писать !important'ов, в 99% случаев, можно обойтись без них
.pl-email, .pl-email, .pst_lnk {
margin-bottom: -5px !important;
}
И судя по всему, скрипт надо ставить после скрипта замены он-лайн/оффлайн изображений и в Вашем случае убрать из скрипта замены "ЛС", "Е-майл" и т.п. на иконки эти самые ЛС и емэйл
или как вариант, поменять хтмл, с ordered list вроде все ок.
<style> .punbb .post .pa-links {display: none; position: absolute; top: 25px; right: 0; padding: 5px; z-index: 100;} .punbb .post .pa-links ol {padding: 15px;} .punbb .pa-links li {display: block; list-style: circle outside; float: none; padding-left: 20px; height: 16px; margin-bottom: 5px} .pa-links li.pl-email {background: url(http://www.iconsearch.ru/uploads/icons/fugue/16x16/balloon__pencil.png) no-repeat; } .pa-links li.pl-email:first-child {background: url(http://www.iconsearch.ru/uploads/icons/fugue/16x16/user_business.png) no-repeat; } .pa-links li.pl-email:nth-child(3) {background: url(http://www.iconsearch.ru/uploads/icons/fugue/16x16/mails_pencil.png) no-repeat; } .pa-links li.pl-message {background: url(http://www.iconsearch.ru/uploads/icons/blandet/16x16/comments.png) no-repeat; } .pa-links li.pl-website {background: url(http://www.iconsearch.ru/uploads/icons/fugue/16x16/globe-medium-green.png) no-repeat; } .btn-links {background: url(http://www.iconsearch.ru/uploads/icons/fugue/16x16/user__plus.png) no-repeat; width: 16px; height: 16px; position: absolute; top: 0; right: 10px; cursor: pointer;} .post-author {position: relative;} .post-links li.pl-email, .post-links li.pl-website {visibility: hidden;} .punbb .pa-links li a {text-decoration: none;} </style> <script> if(document.URL.indexOf("viewtopic.php")!=-1 && GroupID != 3){ $(".pa-author").after("<div class='btn-links'></div><li class='pa-links'><ol class='container'></ol></li>"); $(".post").each(function(){ $(this).find(".pl-email,.pl-website").clone().prependTo($(this).find(".pa-links ol")); var user = $(this).find(".pl-email:first a").attr("href").match(/\d+/i); $(this).find(".pa-links ol .pl-email:eq(0)").after("<li class='pl-message'><a rel='nofollow' href='/search.php?action=show_user&user_id="+user[0]+"'>Сообщения</a></li>"); }); $(".pa-links a").attr("target","_blank"); $(".btn-links").click(function() { $(this).next().toggle('slow'); }); } </script>
Отредактировано sadhaka (Сб, 30 Ноя 2013 00:40:37)
Поделиться59Сб, 30 Ноя 2013 01:22:44
sadhaka
ладно, не забивай голову.
Не помогло.
Бог с ним.
Это не обязательный скрипт.
Deff просит что бы одну ссылку с сообщениями поставить, а остальные не нужны
Поделиться60Сб, 30 Ноя 2013 01:23:44
Good
Там 2 раза повторяется в стилях этот код