• Страница 4 из 5
  • «
  • 1
  • 2
  • 3
  • 4
  • 5
  • »
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Как сделать ссылку на цитирование в комментариях? (Ссылка «Цитировать» в комментариях к материалу. JavaScript)
Как сделать ссылку на цитирование в комментариях?
Дата: Понедельник, 20.01.2014, 04:05 |
limush
Admina
Группа: Модераторы
Сообщений: 64
Награды: 7
Репутация: 8
Статус: Offline


Вы скажите, какой скрипт и откуда вам скопировать

 
Дата: Понедельник, 20.01.2014, 04:07 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


ФрекенБок,
Цитата ФрекенБок, Пн, 20.01.2014, 04:05:12
Вы скажите, какой скрипт и откуда вам скопировать

Мне дать ссылку на ваш комментарий с которого сделан скриншот

Но если ваш сайт - большой-большой секрет, то шаблон вид комментариев и стили.


 
Дата: Понедельник, 20.01.2014, 04:11 |
limush
Admina
Группа: Модераторы
Сообщений: 64
Награды: 7
Репутация: 8
Статус: Offline


Цитата ФрекенБок, Пн, 20.01.2014, 03:58:02
likbezz, вот на этом сайте http://kraii.ucoz.ru/news/aollllllll/2013-12-14-6#comments, я провожу все свои пробы, а потом переношу на действующий сайт


так я же вам дала ссылку на сайт, откуда сделан скрин (((


Сообщение отредактировал ФрекенБок - Понедельник, 20.01.2014, 04:40
 
Дата: Понедельник, 20.01.2014, 04:28 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


ФрекенБок,
Цитата ФрекенБок, Пн, 20.01.2014, 04:11:58
так я же вам дала ссылку на сайт, откуда сделан скрин (

Я не смог найти)

ФрекенБок, Шаблон дайте Вид комментариев - у вас там косяк небольшой, из-за него появляется лишний отступ


 
Дата: Понедельник, 20.01.2014, 04:30 |
limush
Admina
Группа: Модераторы
Сообщений: 64
Награды: 7
Репутация: 8
Статус: Offline


likbezz, вот на этом сайте http://kraii.ucoz.ru/news/aollllllll/2013-12-14-6#comments, я провожу все свои пробы, а потом переношу на действующий сайт

Цитата likbezz, Пн, 20.01.2014, 04:28:27
ФрекенБок, Шаблон дайте Вид комментариев - у вас там косяк небольшой, из-за него появляется лишний отступ


Код
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="$CLASS$"><tbody><tr><td style="padding:3px;"><div style="float:right;font-size:11px;font-family:Arial,sans-serif;"><?if($COMMENT_RATING$<0)?><span class="myWinError"><b>$COMMENT_RATING$</b></span><?else?><?if($COMMENT_RATING$=0)?><span style="color:gray;"><b>$COMMENT_RATING$</b></span><?else?><span class="myWinSuccess"><b>+$COMMENT_RATING$</b></span><?endif?><?endif?>  <?if($GOOD_COMMENT_URL$)?><a href="$GOOD_COMMENT_URL$"><img alt="" src="http://s83.ucoz.net/img/icon/thumbu.png" width="13" align="absmiddle" border="0" title="Хороший пост"></a> <a href="$BAD_COMMENT_URL$"><img alt="" src="http://s83.ucoz.net/img/icon/thumbd.png" width="13" border="0" align="absmiddle" title="Плохой пост"></a><?else?><img alt="" src="http://s83.ucoz.net/img/icon/thumbu_.png" align="absmiddle" width="13" border="0" title="Хороший пост"> <img alt="" src="http://s83.ucoz.net/img/icon/thumbd_.png" width="13" align="absmiddle" border="0" title="Плохой пост"><?endif?> $MODER_PANEL$</div><div class="cTop" style="text-align: left;"><font style="font-size: 12pt; color: rgb(0, 0, 205);" face="Comic Sans MS">Написал:</font><b style="font-size: 12pt;"> </b><font size="3" style="color: rgb(255, 105, 180);"> </font><?if($USERNAME$)?><a href="$PROFILE_URL$"><b style="color: rgb(255, 99, 71);">$USERNAME$</b></a><?else?><b>$NAME$</b><?endif?> <b>$NAME$</b>  <span style="color: rgb(0, 0, 205); font-size: 10pt; font-family: 'Comic Sans MS'; unicode-bidi: embed; font-weight: bold;">($DATE$ $TIME$)</span><font size="2" style="font-size: 10pt;">
<?if($ENTRY_URL$)?><font face="Arial Black">[<a href="$ENTRY_URL$" target="_blank" title="Перейти на страницу материала">Материал</a>]</font></font><?endif?> </div><div class="cTop" style="text-align: left;"><br><a href="$PROFILE_URL$" title="$USERNAME$" style="padding-right:4px;"><span class="user_avatar"><img alt="" align="left" src="$USER_AVATAR_URL$" width="100" border="1"></span></a><!--?endif?-->   $MESSAGE$</div><div style="text-align: right; clear: both; padding: 4px 0px;"><a href="javascript:Insert('<?if($USERNAME$)?>$USERNAME$<?else?>$NAME$<?endif?>',selection);" onmouseover="get_selection()"><b>Цитировать</b></a></div></td></tr></tbody></table><!--ENDIF--><br>


Сообщение отредактировал ФрекенБок - Понедельник, 20.01.2014, 04:39
 
Дата: Понедельник, 20.01.2014, 04:42 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


ФрекенБок,
Цитата ФрекенБок, Пн, 20.01.2014, 04:30:13
вот на этом сайте http://kraii.ucoz.ru/news/aollllllll/2013-12-14-6#comments, я провожу все свои пробы, а потом переношу на действующий сайт

Вот и правильно)

Короче, смотрите:
Код
</span><font size="2" style="font-size: 10pt;">
    </div><div class="cTop" style="text-align: left;"><br>

Код
<font size="2" style="font-size: 10pt;">

У вас не закрыт и вообще лишний.
Из-за него образуется пустой элемент после аватар который и задает отступ.

Кроме того:
Вот это:
Код
<div class="cTop" style="text-align: left;"><br><a href="javascript://" rel="nofollow" onclick="window.open('http://kraii.ucoz.ru/index/8-1','up1','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;" title="ФрекенБок" style="padding-right:4px;"><span class="user_avatar"><img alt="" align="left" src="http://kraii.ucoz.ru/avatar/68/533229.jpg" width="100" border="1"></span></a>

Должно быть вот так:
Код
<div class="cTop" style="text-align: left;"><span class="user_avatar"><a href="javascript://" rel="nofollow" onclick="window.open('http://kraii.ucoz.ru/index/8-1','up1','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;" title="ФрекенБок" style="padding-right:4px;"><img alt="" align="left" src="http://kraii.ucoz.ru/avatar/68/533229.jpg" width="100" border="1"></a></span>

и задано обтекание слева:
Код
.user_avatar{
     float:left;
}

Тогда будет на одном уровне.
А что бы не прилипало сверху, задается отступ:
Код
<div class="cTop" style="text-align: left; padding-top:15px;"><span class="user_avatar" style="float:left;">

---

Вот шаблон того как должно быть:

Прикрепления: comm_tpl.txt (2.3 Kb)

 
Дата: Понедельник, 20.01.2014, 18:04 |
limush
Admina
Группа: Модераторы
Сообщений: 64
Награды: 7
Репутация: 8
Статус: Offline


likbezz, на сегодня хватит учёбы :book:, надо ложиться спать :yes:, не знаю, как у вас, а у меня доходит 5 часов утра, а я всё за компом. До вечера hello и вы от меня отдохните, а то закружила вам голову цитатой biggrin

Добавлено (20.01.2014, 18:04)
---------------------------------------------
Всем привет!
Антон, сейчас вставила исправленный вами скрипт и результат ооочень порадовал, вы молодец и большой талантище!!! respect
Посмотрите результат ваших стараний , последние 4 коммента снизу.
Антон, есть ещё одно пожелание, но это уже на ваше усмотрение, если есть желание и время уделить моей персоне.
Теперь в комменте текст прилип к аве, можно ли сделать так, чтобы текст так же обтекал аватар, но в тоже время был отступ от авы.
Это размер отступа полосочки цитаты left:125px; /* Отступ слева */

Немного пофотошопила и сделала образец



 
Дата: Понедельник, 20.01.2014, 21:19 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


ФрекенБок,
Цитата ФрекенБок, Пн, 20.01.2014, 18:04:11
есть ещё одно пожелание, но это уже на ваше усмотрение, если есть желание и время уделить моей персоне.
Теперь в комменте текст прилип к аве, можно ли сделать так, чтобы текст так же обтекал аватар, но в тоже время был отступ от авы.

..можно.
Добавить:
Код
.user_avatar{
  margin-right:15px;
}

а стили для .bbQuoteBlock изменить - убрать отступ слева - всю строчку..


 
Дата: Понедельник, 20.01.2014, 21:54 |
limush
Admina
Группа: Модераторы
Сообщений: 64
Награды: 7
Репутация: 8
Статус: Offline


Добавила код, посмотрите результат на пробном сайте http://kraii.ucoz.ru/news/aollllllll/2013-12-14-6#comments
и посмотрите последний коммент на действующем сайте http://nashideto4ki.ru/news/papka_peredvizhka_olimpiada_2014_sochi/2013-12-07-3293-0-3

почему-то на действующем сайте не могу в цитате сделать шрифт больше размером, вернее, я его делаю font-size:14px; /* Размер....., но он не увеличивается, возможно, я вставила код не в то место в стилях (CSS)? А может это, как-то зависит от пользователей, на пробном юид, а на другом локальные )))) и вообще, как можно в комментах увеличить шрифт, искала, но так и не поняла где он находится.

Цитата likbezz, Пн, 20.01.2014, 21:19:13
для .bbQuoteBlock изменить - убрать отступ слева - всю строчку..

убрала, так пожалуй лучше


Сообщение отредактировал ФрекенБок - Понедельник, 20.01.2014, 21:59
 
Дата: Понедельник, 20.01.2014, 22:06 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


ФрекенБок,
Цитата ФрекенБок, Пн, 20.01.2014, 21:54:21
почему-то на действующем сайте не могу в цитате сделать шрифт больше размером, вернее, я его делаю font-size:14px; /* Размер....., но он не увеличивается, возможно, я вставила код не в то место в стилях (CSS)?

Потому что у вас уже есть правило для этого класса:



и в нем установлен размер 9 px;
То, что перечёркнуто - ну учитывается. Как вы видите, правило с 9 px приоритетнее, и перебивает ваше.

Найдите его и измените на нужное и добавьте:
Код
padding: 10px;

А ваше - удалите. Не нужно плодить дубликаты - потом сами запутаетесь.
Один класс - один блок правил.
Во всяком случае, пока не будете свободно ориентироваться в стилях.

Искать очень просто: Ctrl + F и вводите запрос: .quoteMessage
---

Прикрепления: 0712779.png (3.6 Kb)

 
Дата: Понедельник, 20.01.2014, 22:10 |
limush
Admina
Группа: Модераторы
Сообщений: 64
Награды: 7
Репутация: 8
Статус: Offline


блин, как всё сложно ))), сейчас попробую найти и исправить, потом отпишусь

 
Дата: Понедельник, 20.01.2014, 22:12 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


ФрекенБок,
Цитата ФрекенБок, Пн, 20.01.2014, 22:10:38
блин, как всё сложно )

Это вам только кажется)
На самом деле все не так уж и сложно, нужно просто привыкнуть к этим строчкам..


 
Дата: Понедельник, 20.01.2014, 23:06 |
limush
Admina
Группа: Модераторы
Сообщений: 64
Награды: 7
Репутация: 8
Статус: Offline


Антон, только не смейтесь, искала в стилях и не нашла ))))), за то нашла, как в новостях шрифт увеличить ))

Цитата likbezz, Пн, 20.01.2014, 22:06:09
Искать очень просто: Ctrl + F и вводите запрос: .quoteMessage

я не знаю, как это сделать ))), надо на пальцах объяснять


 
Дата: Понедельник, 20.01.2014, 23:25 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


ФрекенБок,
Цитата ФрекенБок, Пн, 20.01.2014, 23:06:33
искала в стилях и не нашла )

Да, не может быть )) Как минимум одно вхождение должно быть ))

Цитата ФрекенБок, Пн, 20.01.2014, 23:06:33
я не знаю, как это сделать ))), надо на пальцах объяснять

Открываете таблицу стилей в ПУ управление.. таблица стилей css
Нажимаете одновременно клавиши Ctrl и F - это на клавиатуре.
Появляется окошечко, в мозилее снизу, в хроме - сверху
В него вводите искомый фрагмент



и вуаля..

Ваш класс почти в самом низу, вот ориентиры:


---

Прикрепления: 7686480.png (9.5 Kb) · 5112563.png (13.9 Kb)

 
Дата: Понедельник, 20.01.2014, 23:44 |
limush
Admina
Группа: Модераторы
Сообщений: 64
Награды: 7
Репутация: 8
Статус: Offline


а в самом низу и не особо разглядывала ))), вижу там написано forum - подумала, что это уже к форуму относится )))), пойду чай попью и после этого займусь поиском по вашей инструкции. Кстати, мазила, мне что-то не очень, возможно просто не работала в ней в плотную, хром последнее время работает очень плохо, поставила юкозовский uran - даже очень хорошо работает.

 
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Как сделать ссылку на цитирование в комментариях? (Ссылка «Цитировать» в комментариях к материалу. JavaScript)
  • Страница 4 из 5
  • «
  • 1
  • 2
  • 3
  • 4
  • 5
  • »
Поиск:


Мобильная версия