• Новые сообщения
  • Участники
  • Правила форума
  • Поиск
  • RSS
  • Страница 2 из 3
  • «
  • 1
  • 2
  • 3
  • »
Форум » Веб-разработка » HTML + CSS — коды » Скрипт последних комментариев для сайта ucoz (Вывод крайних комментариев по клику для сайта ucoz)
Скрипт последних комментариев для сайта ucoz
First-1
 		Понедельник, 11 Декабря 2017, 00:38 | Сообщение 16
Оффлайн
Пользователи
Сообщений:716
Награды: 22
« 6 »
Если ты делаешь информер для определенного модуля, к примеру
[ Каталог файлов · Материалы · Комментарии к материалу D · ..............]
тогда второй вариант должен работать

Ну а если общие комментарии
[ Комментарии · Материалы · Дата добавления материала D · .............. ]
тогда увы....как то я над этим ещё не думал и не искал решения

Сообщение отредактировал
First - Понедельник, 11 Декабря 2017, 00:40
Страна: (UA)
elaim
 		Суббота, 16 Декабря 2017, 12:34 | Сообщение 17
Оффлайн
Пользователи
Сообщений:21
Награды: 0
« 0 »
Друзья, столкнулся с такой проблемой. Если пользователь добавляет очень длинное слово, то окно информера увеличивается и залезает на центральный блок. Вот скриншот:



Как решить проблему?
Страна: (UA)
Kosten
 		Суббота, 16 Декабря 2017, 23:30 | Сообщение 18
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
« 557 »
elaim, стиль есть, найти не могу, сам ранее ставил, чтоб из каркаса не вылазили обозначение, где много знаков.

Вот тему нашел!
Страна: (RU)
elaim
 		Понедельник, 18 Декабря 2017, 16:50 | Сообщение 19
Оффлайн
Пользователи
Сообщений:21
Награды: 0
« 0 »
По данной теме вопрос решил так:
В шаблоне информера заменил width:100%; на width:240px;
и стало нормально, каркас остается таким же, длинные ссылки просто обрезаются.
А по поводу страницы с комментариями - тоже есть такая проблема. Перехожу в другую тему по вашей ссылке. Спасибо!

Добавлено (18.12.2017, 16:50)
---------------------------------------------
Друзья! Столкнулся с такой проблемой. Если в сообщении присутствует кликабельная ссылка, то в информере нельзя нажать на сообщение (в материал не перекидывает)
Как решить? Подскажите!

Страна: (UA)
-SAM-
 		Понедельник, 18 Декабря 2017, 19:07 | Сообщение 20
Оффлайн
Друзья сайта
Сообщений:896
Награды: 40
« 597 »
elaim, самый простой способ - это не делать ссылкой область комментария вообще (на сайтах, к которым имел отношения, и где эти информеры ставили, а именно на diz-cs и на all-cspro - так и делал), что просто вывод внизу заглавия материала, к которому оставлен комментарий. Можно еще как-то вывести не заглавием, а иконкой, которую сместить вправо в той строке, что идёт вывод автора комментария и дата добавления, чтобы на эту иконку нажимали.


Помог? Скажи спасибо в виде "+" - вам мелочь, а мне приятно.
Бесплатное оказание помощи в ответах на "Вопросы про uCoz".
Страна: (UA)
elaim
 		Понедельник, 18 Декабря 2017, 23:43 | Сообщение 21
Оффлайн
Пользователи
Сообщений:21
Награды: 0
« 0 »
-SAM-, это понятно, но удобней кликнуть на окно комментария, чем тыкать на какую-то отдельную кнопочку.

Странно почему так происходит, ведь весь блок с комментом обернут ссылкой на коммент. Что интересно, если кликабельная ссылка идет первой - то окно с комментом становится некликабельным. Если перед ссылкой есть какие-нибудь слова - то по ним можно кликнуть и перейти в материал. Черт его знает что ))
Страна: (UA)
-SAM-
 		Среда, 20 Декабря 2017, 06:46 | Сообщение 22
Оффлайн
Друзья сайта
Сообщений:896
Награды: 40
« 597 »
Цитата elaim ()
Что интересно, если кликабельная ссылка идет первой - то окно с комментом становится некликабельным.
Нет там такого, всё зависит просто от того, куда именно вы кликаете в этой области (именно на кусок блока или на текст с анкором в нём)... сама ссылка на материал никуда не девается, поскольку она окружает ту, которая находится в тексте материала (не совсем удобно, как и с точки зрения валидности кода и разбором браузером - неправильно, в исходном коде потом такой участок зачастую метится красным). Я выше еще дал ссылку на альтернативный способ, что делать можно не анкором, что вокруг блока оборачивается, а по событию onclick, присваиваемому самому блоку. Ну и когда ссылка по какой-то причине не в фокусе, то на нее всё равно нажать можно, в таком случае выделить текст даты добавления коммента и Tab на клавиатуре нажать - вот и ссылка уже подсвечена... еще нажать - будет переход на следующий элемент (что, если в тексте коммента, ранее говорите, шла ссылка, что нельзя нажать, то всё равно потом нажать можно). Посему проблем не вижу с этим. Если, допустим, коммент полностью заключен в спойлер, то этот спойлер уже читать будете на странице материала, к которому коммент добавили... открыть по клику в информере - откроет, если точно попасть по этому спойлеру, но в это же время и переход на страницу произойдёт (если не задан target="_blank" - переход будет в текущей вкладке браузера).


Помог? Скажи спасибо в виде "+" - вам мелочь, а мне приятно.
Бесплатное оказание помощи в ответах на "Вопросы про uCoz".

Сообщение отредактировал
-SAM- - Среда, 20 Декабря 2017, 07:01
Страна: (UA)
elaim
 		Среда, 20 Декабря 2017, 14:05 | Сообщение 23
Оффлайн
Пользователи
Сообщений:21
Награды: 0
« 0 »
Цитата
Нет там такого, всё зависит просто от того, куда именно вы кликаете в этой области (именно на кусок блока или на текст с анкором в нём)...


посмотрите на сайте vsthouse.ru
Пролистайте блок с комментами вниз примерно на 1/3 до сообщения от "depeche1976"


Там все что до кликабельной ссылки "EPOC" нажать можно (но только текст)
Все что после ссылки "EPOC" - нажать уже нельзя и даже текст перестает быть кликабельным.
Страна: (UA)
waak
 		Среда, 20 Декабря 2017, 15:33 | Сообщение 24
Оффлайн
Проверенные
Сообщений:588
Награды: 14
« 166 »
Цитата elaim ()
Там все что до кликабельной ссылки "EPOC" нажать можно (но только текст)
Все что после ссылки "EPOC" - нажать уже нельзя и даже текст перестает быть кликабельным.


Не вижу проблемы просто измените структуру вида уберите главную ссылку что ведёт на комментарий и разместите её в самый верх затем просто задайте позицию абсолют z-index и растягивайте на весь блок комментария тем самым получите одну ссылку на стр комментария
Страна: (RU)
elaim
 		Четверг, 21 Декабря 2017, 11:23 | Сообщение 25
Оффлайн
Пользователи
Сообщений:21
Награды: 0
« 0 »
waak, спасибо за ответ, но для меня это пока темный лес. Если не трудно, напишите, что нужно дописать, что удалить.
Сейчас у меня такой код:
Страна: (UA)
First-1
 		Четверг, 21 Декабря 2017, 13:07 | Сообщение 26
Оффлайн
Пользователи
Сообщений:716
Награды: 22
« 6 »
elaim, так не пробовал?
Код
<a href="$ENTRY_URL$" title="$ENTRY_TITLE$">
<div class="lastComms">
<div class="lastCommsUser">
<div class="lastCommsAvatar" ><?if($USER_AVATAR_URL$)?><img title="$USERNAME$" src="$USER_AVATAR_URL$" border="0"><?else?><img title="Аватарка не выбрана" src="http://vsthouse.ru/FOTO/noavatar.gif"><?endif?> </div>
<?if($USERNAME$)?><b style="color: #2a72cc;">$USERNAME$</b><?else?><b style="color: #2a72cc;">$NAME$</b><?endif?></br>написал $DATE$ в <span title="$DATE$">$TIME$</span>
</div>
<div class="lastCommsMessage"><font color="646464">$MESSAGE$</font></div></div></a><hr>

Сообщение отредактировал
First - Четверг, 21 Декабря 2017, 13:25
Страна: (UA)
elaim
 		Четверг, 21 Декабря 2017, 13:49 | Сообщение 27
Оффлайн
Пользователи
Сообщений:21
Награды: 0
« 0 »
First, тоже самое. Только теперь при нажатии на ник пользователя перекидывает в материал, а раньше перекидывало на страницу пользователя.
Страна: (UA)
waak
 		Четверг, 21 Декабря 2017, 16:42 | Сообщение 28
Оффлайн
Проверенные
Сообщений:588
Награды: 14
« 166 »
Цитата elaim ()
waak, спасибо за ответ, но для меня это пока темный лес. Если не трудно, напишите, что нужно дописать, что удалить.


шаблон информера
Код
<div class="lastComms">
<div class="lastCommsUser">
<div class="lastCommsAvatar" ><?if($USER_AVATAR_URL$)?><img title="$USERNAME$" src="$USER_AVATAR_URL$" border="0"><?else?><img title="Аватарка не выбрана" src="http://vsthouse.ru/FOTO/noavatar.gif"><?endif?> </div>
<?if($USERNAME$)?><a href="$PROFILE_URL$" ><b>$USERNAME$</b></a><?else?><a href="$PROFILE_URL$" ><b>$NAME$</b></a><?endif?></br>написал $DATE$ в <span title="$DATE$">$TIME$</span>
</div>
<div class="lastCommsMessage">
<a href="$ENTRY_URL$" title="$ENTRY_TITLE$" class="ss_inf"></a>
<font color="646464">$MESSAGE$</font></div></div><hr>


в таблицу стилей добавить пару строк

Код
.ss_inf {position: absolute;z-index: 5;top: 0;bottom: 0;left: 0;right: 0;}
.lastCommsMessage {position: relative;}


Сообщение отредактировал
waak - Четверг, 21 Декабря 2017, 16:50
Страна: (RU)
elaim
 		Пятница, 22 Декабря 2017, 01:56 | Сообщение 29
Оффлайн
Пользователи
Сообщений:21
Награды: 0
« 0 »
waak, теперь все отлично! Отправил благодарность на wm ;)
Вы не в курсе, как этот информер подогнать под мобильный формат?
Раньше стояло так:
Код

<style>.scroll {
width:100%;
height:400px;
overflow:auto;
}


и было более менее нормально. Но из-за того, что длинные непрерывные слова ломали шаблон и он вылазил за границы, пришлось прописать так:

Код

<style>.scroll {
width:240px;  
height:400px;
overflow:auto;
}


и теперь в мобилном приложении этот информер по размерам меньше чем окно блока.
Страна: (UA)
waak
 		Пятница, 22 Декабря 2017, 05:11 | Сообщение 30
Оффлайн
Проверенные
Сообщений:588
Награды: 14
« 166 »
Цитата elaim ()
Вы не в курсе, как этот информер подогнать под мобильный формат?


В курсе!

Первое ширину главного блока можно оставить 100%

второе для корректного отображение текста картинок плеера по размеру нужно стили писать для блока в котором они есть

Код
.lastCommsMessage {
    max-width: 100%;
    min-width: 100%;
    height: auto;
    overflow: hidden;
}
.lastCommsMessage img {
    max-width: 100%;/*Картинки*/
    height: auto;
}
.lastCommsMessage iframe {
    width: 100%!important;/*Плеер*/
    min-width: 100%!important;
    max-width: 100%!important;
}

Сообщение отредактировал
waak - Пятница, 22 Декабря 2017, 05:25
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Скрипт последних комментариев для сайта ucoz (Вывод крайних комментариев по клику для сайта ucoz)
  • Страница 2 из 3
  • «
  • 1
  • 2
  • 3
  • »
Поиск: