Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (64)


Общие вопросы по оформлению (64)

Сообщений 681 страница 700 из 1000

1

Инструменты для поиска и редактирования стиля (скриптов).

Как с помощью браузера можно определить элемент дизайна.

Каталог скриптов/CSS

Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.

Типовые Вопросы (ЧаВо)

Ответы на часто задаваемые вопросы.

Как задавать вопросы! Разница между стилем и скриптом. ( Советы)

Плюс к названию темы еще и Памятка.

Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.

Отредактировано Deff (Вт, 5 Июн 2018 18:07:41)

+1

681

Deff написал(а):

Добавьте к скрипту замены строку красным:

<!-- Universal replacement script © Alex_63 -->
<script type="text/javascript">
function Change(sc,ch,st){$(sc).parent().each(function(){$(this).html($(this).html().replace(ch,st));});}

var TemID='38184';
if(document.URL.split(/id=|&p=|#p/)[1]==TemID)Change('#pun-viewtopic #post-form h2','Quick post','На что заменяем');
Change('.postlink','Create a new topic','<span class="New_topic">New Topic</span>');
Change('.postlink','Create a new poll','<span class="New_poll">New poll</span>');
Change('#pun-navlinks .container #upanel #navprofile a span','Profile','My profile');
Change('#pun-main .forum .container table .hasicon tr .tcl','Forum is empty','Topics in this forum are separate in the subforums above');
Change('#pun-search legend span','Enter your search criteria','Advanced Forum Search');
Change('#pun_wrap #pun #pun-register #pun-main .formal #register fieldset legend span','Enter your chosen username','Enter a username between 2 and 25 characters');
Change('#pun .punbb .crumbs','»','●');
</script>

Цифра синим - ID Темы:
Пример ID темы тут

http://forum.mybb.ru/viewtopic.php?id=38184&p=34#p935956

Deff,
Большое вам спасибо за то, что вы всегда так добры. Спасибо, кажется, всегда так мало. Благодарю! ♥  :jumping:

+2

682

Deff написал(а):

Ссылку на страницу, видную гостю с проблемой, и скриншот со стрелкой - на что наводить

ссылка - http://obscurial.ru/viewtopic.php?id=48&p=14#p28584 (функционал виден под PR. Кнопка быстрого входа наверху).

1.
https://i.imgur.com/RziQzwfl.png
При наведении на Сову должно выплывать окошко с подсказкой "Послать личное сообщение", например. Превая картинка - "Посмотреть профиль", последняя - "послать e-mail".

2.
https://i.imgur.com/JcD3Rkil.png
При наведении на фигуру в шапке форума должно появляться окошко с пояснением "Победитель конкурса"


Ещё заметили баг - больше не загружаются файлы напрямую. Выдаёт ошибку:
https://i.imgur.com/5JnhYzDl.png

Спасибо вам, Дефф, заранее за помощь.

Отредактировано Lоya (Пн, 26 Ноя 2018 19:38:17)

0

683

Обнаружился косяк с кодом на замену картинок - Профиль не заменяется картинкой, а остаётся текстом.

https://i.imgur.com/kVGMwJu.png   https://i.imgur.com/ZLkXdX4.png

У меня код отображается хорошо в Хроме, но косит в IE.
Причём не у всех поголовно, а только у некоторых пользователей.

UPD - у тех пользователей, у которых в настройках приватности стоит "Скрыть ваш e-mail адрес и запретить слать вам сообщения через

Использованный код:

<!-- Универсальный скрипт замены © Alex_63 -->
<script type="text/javascript">
function Change(sc,ch,st){$(sc).parent().each(function(){$(this).html($(this).html().replace(ch,st));});}
Change('#pun-viewtopic .post-links li.pl-email:nth-child(3)','Профиль','&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="http://forumstatic.ru/files/0019/a0/b4/82867.png" alt="Посмотреть Профиль">');
</script>

<script type="text/javascript">
function Change(sc,ch,st){$(sc).parent().each(function(){$(this).html($(this).html().replace(ch,st));});}
Change('#pun-viewtopic .post-links li.pl-email:nth-child(1)','ЛС','&nbsp;&nbsp;<img src="http://forumstatic.ru/files/0019/a0/b4/41553.png"  alt="Отправить Личное Сообщение">');
</script>

<script type="text/javascript">
function Change(sc,ch,st){$(sc).parent().each(function(){$(this).html($(this).html().replace(ch,st));});}
Change('#pun-viewtopic .post-links li.pl-email:nth-child(2)','E-mail','&nbsp;&nbsp;<img src="http://forumstatic.ru/files/0019/a0/b4/86743.png"  alt="Послать E-Mail">');
</script>

Пример проблемы:   http://obscurial.ru/viewtopic.php?id=99&p=2#p28565
(видно под аккаунтом рекламы)

Отредактировано Lоya (Пн, 26 Ноя 2018 20:14:51)

+1

684

Lоya
Пробуйте заменить коды замены на картинки на такой:

Код:
<!-- Универсальный скрипт замены © Alex_63 -->
<script type="text/javascript">
function Change(sc,ch,st){$(sc).each(function(){$(this).html($(this).html().replace(ch,st));});}

Change('#pun-viewtopic .post-links li.pl-email a[href*="/profile.php?id="]','Профиль','&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="http://forumstatic.ru/files/0019/a0/b4/82867.png" title="Посмотреть Профиль">');
Change('#pun-viewtopic .post-links li.pl-email a[href*="/messages.php?"]','ЛС','&nbsp;&nbsp;<img src="http://forumstatic.ru/files/0019/a0/b4/41553.png"  title="Отправить Личное Сообщение">');
Change('#pun-viewtopic .post-links li.pl-email a[href*="/misc.php?email="]','E-mail','&nbsp;&nbsp;<img src="http://forumstatic.ru/files/0019/a0/b4/86743.png"  title="Послать E-Mail">');
$('#pun-viewtopic img[title]').tipsy({gravity: 's'});
</script>

Поправил Код

Отредактировано Deff (Пн, 26 Ноя 2018 20:51:52)

+3

685

Deff
всплывающие окошки это починило, спасибо.
баг с отображением "профиль" вместо картинки пока нет.
единственный вариант, который я придумала, принудительно всем выбирать "Скрыть ваш e-mail адрес и запретить слать вам сообщения через форум"
Хотя скорее всего я где-то код закосепорила.

Отредактировано Lоya (Пн, 26 Ноя 2018 20:48:46)

0

686

По поводу всплывающих подсказок - я, видимо, ещё живу в нулевых, раз прошляпила то, что alt= теперь заменяется на title=    :crazyfun:

0

687

Deff написал(а):

Поправил Код

всё работает как швейцарские часы.  :love:
Спасибо вам большое, Дефф!
когда-нибудь я научусь быть не буратино и перестану вас мучить вопросами :)))

+1

688

Блин, теперь в IE всё красиво, а в хроме e-mail отбражается текстом.
http://sh.uploads.ru/B8tfI.gif

0

689

Lоya написал(а):

что alt= теперь заменяется на title=

В теге img это не заменяемые атрибуты, alt - является обязательным атрибутом на случай, если по какой то причине ссылка на картинку не рабочая, title - это атрибут подсказки картинки при наведении..

+1

690

Lоya
Ещё раз поправил ?

http://sh.uploads.ru/QTvum.png

Отредактировано Deff (Пн, 26 Ноя 2018 21:06:18)

+2

691

Deff написал(а):

Ещё раз поправил ?

У меня почему-то всё равно показывает криво.
https://i.imgur.com/3bfWVge.png

Тот вариант, который вы выложили до первого "поправил код" вроде как работал правильно, на все три картинки.

kolobdur74 написал(а):

В теге img это не заменяемые атрибуты, alt - является обязательным атрибутом на случай, если по какой то причине ссылка на картинку не рабочая, title - это атрибут подсказки картинки при наведении..

Теперь буду знать. Раньше у меня alt вроде так работал Но это уже не точно, за давностью лет.
Спасибо вам за объяснение.

Отредактировано Lоya (Пн, 26 Ноя 2018 21:40:42)

0

692

Lоya
Спросил у пятка зрителей, вроде с хрома работает, мон добавить старую строку в новый код:

Код:
<!-- Универсальный скрипт замены © Alex_63 -->
<script type="text/javascript">
function Change(sc,ch,st){$(sc).each(function(){$(this).html($(this).html().replace(ch,st));});}


Change('#pun-viewtopic .post-links li.pl-email a[href*="/profile.php?id="]','Профиль','&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="http://forumstatic.ru/files/0019/a0/b4/82867.png" title="Посмотреть Профиль">');
Change('#pun-viewtopic .post-links li.pl-email a[href*="/messages.php?"]','ЛС','&nbsp;&nbsp;<img src="http://forumstatic.ru/files/0019/a0/b4/41553.png"  title="Отправить Личное Сообщение">');
Change('#pun-viewtopic .post-links li.pl-email a[href*="/misc.php?email="]','E-mail','&nbsp;&nbsp;<img src="http://forumstatic.ru/files/0019/a0/b4/86743.png"  title="Послать E-Mail">');
Change('#pun-viewtopic .post-links li.pl-email a[href*="mailto:"]','E-mail','&nbsp;&nbsp;<img src="http://forumstatic.ru/files/0019/a0/b4/86743.png"  title="Послать E-Mail">');/*Под Админом*/
$('#pun-viewtopic img[title]').tipsy({gravity: 's'});
</script>
 

Отредактировано Deff (Пн, 26 Ноя 2018 23:07:43)

0

693

Lоya
Вродь поправил последнее

+1

694

Последний вариант работает идеально, во всех браузерах и подо всеми пользователями!
*расцеловала и заобнимала*
Спасибо Вам огромное!!!!!

0

695

Lоya
Суть оказалась в том, что под Админом и юзером разные ссылки

+1

696

Deff написал(а):

Суть оказалась в том, что под Админом и юзером разные ссылки

У меня под PR тоже всё показывалось, а под админом только текст.
Уже и куки почистила, и кеш, и всеми способами попрыгать вокруг успела.
Спасибо вам больше! Помогаете сбыче моих маленьких мечт.

+1

697

..

Отредактировано kolobdur74 (Вт, 27 Ноя 2018 16:22:40)

0

698

Доброго!
Наверняка задам глупый и супер-очевидный вопрос.. но.. Скажите, как правильно сделать невидимыми слова "форум", "тем", "сообщений"?

https://i.imgur.com/35QCi8Im.png

0

699

Привет, как дела?
Я хотел бы добавить панель управления с информацией о пользователе в html, поверх фотографии, которая является заголовком форума, но я понятия не имею, как это сделать.
Я знаю, что у меня есть сценарий для добавления таблицы с информацией поверх категорий на главной странице. Но этот сценарий создает контейнер, и это затрудняет переход к вершине.
Какой код следует использовать для создания этого макета (панель информации пользователя)?
Идея:
https://i.imgur.com/Jk46Zwkm.jpg

Я буду вечно благодарен.
Спасибо за внимание ... Желаю вам замечательной недели! :)

0

700

Vulmera,

Vulmera написал(а):

Доброго!
Наверняка задам глупый и супер-очевидный вопрос.. но.. Скажите, как правильно сделать невидимыми слова "форум", "тем", "сообщений"?

Если вы используете стиль по умолчанию, поместите его в верхнюю часть HTML:

Код:
<style>
.punbb .main th {display:none;}
</style>

если вы используете свой собственный дизайн, вы должны поместить этот код в конец первого окна стиля CSS (без тегов <style>, </ style>).
Надеюсь, это сработает для вас.

+1


Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (64)