Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Запросы по скриптам[4]
Сообщений 381 страница 400 из 1000
Поделиться1Вс, 3 Май 2015 16:18:44
- Модератор 😈
- Зарегистрирован: Вс, 29 Май 2011
- Сообщений: 637
- Уважение: +640
- Позитив: +373
- Пол: Мужской
- Последний визит:
Сегодня 07:35:55
Поделиться381Вт, 11 Авг 2015 18:32:31
- Заслуженный
- Зарегистрирован: Вс, 11 Мар 2012
- Сообщений: 1349
- Уважение: +88
- Позитив: +398
- Пол: Женский
- Последний визит:
Сб, 19 Фев 2022 20:00:56
Alex_63
у меня выходит вот так 
Поделиться382Вт, 11 Авг 2015 18:36:56
- Администратор
- Зарегистрирован: Чт, 11 Дек 2014
- Сообщений: 11219
- Уважение: +7624
- Позитив: +5461
- Пол: Мужской
- Последний визит:
Сегодня 20:25:19
Deff написал(а):
А текст написал(а) была возможность переменной для замены Админом форума:
var quoteText = 'цитирую:'; //написал(а);
Это будет ток для цитат с аватаркой, а если без - будет стандартное "Написал(а)"..
Deff написал(а):
Зы мон занчительно сократить длину ссылки на авик, оставив лишь 32995,1418309727.jpg
Остальное мон найти функцией
Что-то не очень представляю, как это использовать..
Поделиться383Вт, 11 Авг 2015 18:37:32
- Администратор
- Зарегистрирован: Чт, 11 Дек 2014
- Сообщений: 11219
- Уважение: +7624
- Позитив: +5461
- Пол: Мужской
- Последний визит:
Сегодня 20:25:19
Lusiya
Дайте ссылку на пост с такой цитатой
====================
Попробуйте добавить синим:
<style>
.quote-box .author-avatar{
width:36px;
max-width:36px;
max-height:30px;
margin-right:3px;
border-radius:3px;
vertical-align:middle !important;
position:absolute;
margin-left:-38px;
margin-top:25px;
z-index:9999;
}
</style>
Поделиться384Вт, 11 Авг 2015 18:38:56
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51422
- Уважение: +15369
- Позитив: +11882
- Последний визит:
Сегодня 20:39:23
Lusiya
.quote-box{
position:relative;
}
.quote-box .author-avatar{
width:36px;
max-width:36px;
max-height:30px;
margin:3px;
border-radius:3px;
position:absolute;
left:20px;bottom:20px;
}
Поделиться385Вт, 11 Авг 2015 18:41:30
- Заслуженный
- Зарегистрирован: Вс, 11 Мар 2012
- Сообщений: 1349
- Уважение: +88
- Позитив: +398
- Пол: Женский
- Последний визит:
Сб, 19 Фев 2022 20:00:56
Alex_63
Deff
Что-то у меня не получается
http://ver-v-sebya.ru/viewtopic.php?id=392#p12719
Поделиться386Вт, 11 Авг 2015 18:44:55
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51422
- Уважение: +15369
- Позитив: +11882
- Последний визит:
Сегодня 20:39:23
Lusiya
Я не вижу стиля для Авика
Тестовые скрипты не засовывайте в файл подгрузки, мну говорил Вам - месяц пусть висят вне файла, пока не оттестируются и траблы не поправятся
Поделиться387Вт, 11 Авг 2015 18:45:58
- Заслуженный
- Зарегистрирован: Вс, 11 Мар 2012
- Сообщений: 1349
- Уважение: +88
- Позитив: +398
- Пол: Женский
- Последний визит:
Сб, 19 Фев 2022 20:00:56
Deff написал(а):
Lusiya
Я не вижу стиля для Авикака
Тестовые скрипты не засовывайте в файл подгрузки, мну говорил Вам - месяц пусть висят вне файла, пока не оттестируются и траблы не поправятся
Deff
Я их туда даже не засовывала. Все тестовые только в HTML
Поделиться388Вт, 11 Авг 2015 18:52:39
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51422
- Уважение: +15369
- Позитив: +11882
- Последний визит:
Сегодня 20:39:23
Lusiya
Поставьте перед скриптом:
<style type="text/css">
.quote-box.with-avatar{
position:relative;
padding-bottom:23px;
}
.quote-box.with-avatar .author-avatar{
width:36px;
max-width:36px;
max-height:30px;
margin:3px;
border-radius:3px;
position:absolute;
left:-7px;bottom:-8px;
}
</style>
По идее нун добавить паддинг к цитате снизу, если не спойлер, не без quote=, и не скрытый текст
Поправил под новый в Скриптах
Поделиться389Вт, 11 Авг 2015 18:54:17
- Заслуженный
- Зарегистрирован: Вс, 11 Мар 2012
- Сообщений: 1349
- Уважение: +88
- Позитив: +398
- Пол: Женский
- Последний визит:
Сб, 19 Фев 2022 20:00:56
Deff
Поставила...
Поделиться390Вт, 11 Авг 2015 18:54:58
- Администратор
- Зарегистрирован: Чт, 11 Дек 2014
- Сообщений: 11219
- Уважение: +7624
- Позитив: +5461
- Пол: Мужской
- Последний визит:
Сегодня 20:25:19
Lusiya
Пробуйте так =>
<style>
.quote-box .author-avatar {
width: 36px;
max-width: 30px;
max-height: 30px;
margin: 3px;
border-radius: 3px;
position: absolute;
margin-left: -16px;
margin-top: 45px;
z-index: 9999;
}
</style>
<script type="text/javascript">
$('.post').each(function (){
var avImg=$(this).find('.pa-avatar > img').attr('src').split('/img/avatars/')[1];
$(this).find('.pl-quote > a').each(function (){
var qlnk=$(this).attr('href').replace('\'\,','|'+avImg+'\'\,');
$(this).attr('href',qlnk);
});
});
$('.quote-box cite:contains("|")').each(function (){
var imgS=$(this).html().split('|')[1].split(' написал(а)')[0];
if(imgS!==null){
var L='<img src="/img/avatars/'+imgS+'" class="author-avatar" />';
var quote_a=$(this).html().split('|')[0];
$(this).parent().prepend(L).addClass('with-avatar');
$(this).replaceWith('<cite><span class="quote-author">'+quote_a+'</span> написал(а):</cite>');
};
});
</script>
Поделиться391Вт, 11 Авг 2015 18:55:35
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51422
- Уважение: +15369
- Позитив: +11882
- Последний визит:
Сегодня 20:39:23
Alex_63
Добавь класс для цитаты с авиком: . with-avatar
Поделиться392Вт, 11 Авг 2015 18:57:03
- Администратор
- Зарегистрирован: Чт, 11 Дек 2014
- Сообщений: 11219
- Уважение: +7624
- Позитив: +5461
- Пол: Мужской
- Последний визит:
Сегодня 20:25:19
Deff
Прямо в теме со скриптами ?
== =>Добавил
Поделиться393Вт, 11 Авг 2015 19:06:37
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51422
- Уважение: +15369
- Позитив: +11882
- Последний визит:
Сегодня 20:39:23
Подправил под с классом
Поделиться394Вт, 11 Авг 2015 19:08:11
- Администратор
- Зарегистрирован: Чт, 11 Дек 2014
- Сообщений: 11219
- Уважение: +7624
- Позитив: +5461
- Пол: Мужской
- Последний визит:
Сегодня 20:25:19
Lusiya
Свернутый текст
Поправьте значение margin:
.quote-box .author-avatar {
width: 34px;
max-width: 30px;
max-height: 30px;
margin: 3px;
border-radius: 5px;
position: absolute;
margin-left: -18px;
margin-top: 45px;
z-index: 9999;
}(Чтобы не срезало аватарку слева
==============
Замените Код полностью :
<style>
.quote-box.with-avatar .author-avatar {
width: 36px;
max-width: 30px;
max-height: 30px;
margin: 3px;
border-radius: 3px;
position: absolute;
margin-left: -18px;
margin-top: 45px;
z-index: 9999;
}
</style>
<script type="text/javascript">
$('.post').each(function (){
var avImg=$(this).find('.pa-avatar > img').attr('src').split('/img/avatars/')[1];
$(this).find('.pl-quote > a').each(function (){
var qlnk=$(this).attr('href').replace('\'\,','|'+avImg+'\'\,');
$(this).attr('href',qlnk);
});
});
$('.quote-box cite:contains("|")').each(function (){
var imgS=$(this).html().split('|')[1].split(' написал(а)')[0];
if(imgS!==null){
var L='<img src="/img/avatars/'+imgS+'" class="author-avatar" />';
var quote_a=$(this).html().split('|')[0];
$(this).parent().prepend(L).addClass('with-avatar');
$(this).replaceWith('<cite><span class="quote-author">'+quote_a+'</span> написал(а):</cite>');
};
});
</script>
Поделиться395Вт, 11 Авг 2015 19:10:47
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51422
- Уважение: +15369
- Позитив: +11882
- Последний визит:
Сегодня 20:39:23
Lusiya
Не ассоциируется Авик при таком расположении с ником при высокой цитате
Нун менять стиль cite для .quote-box.with-avatar - делать выше(расширять) и всовывать Аватар всё таки перед ником (или ник под аватар другим шрифтом)
Или ник с Аватаром делать без текущих наворотов с рыжим балкончиком
========================
Или делать типо как Минипрофиль в топике,
Т.е авик по центру цитаты слево, а у blockquote делать отступ слево на ширину авика + паддинги
Поделиться396Вт, 11 Авг 2015 19:16:37
- Заслуженный
- Зарегистрирован: Вс, 11 Мар 2012
- Сообщений: 1349
- Уважение: +88
- Позитив: +398
- Пол: Женский
- Последний визит:
Сб, 19 Фев 2022 20:00:56
Alex_63
Заменила.
Deff написал(а):
Не ассоциируется Авик при таком расположении с ником при высокой цитате
да, я уже вижу(((
Deff написал(а):
Нун менять стиль cite для .quote-box.with-avatar - делать выше(расширять) и всовывать Аватар всё таки перед ником (или ник под аватар другим шрифтом)
Или ник с Аватаром делать без текущих наворотов с рыжим балкончиком
Я так и поняла. Спасибо!
Оформление цитаты не хотелось бы менять.
Поделиться397Вт, 11 Авг 2015 19:17:17
- Заслуженный
- Зарегистрирован: Сб, 28 Дек 2013
- Сообщений: 347
- Уважение: +1428
- Позитив: +944
- Пол: Женский
- Последний визит:
Чт, 21 Ноя 2024 12:33:04
Alex_63 написал(а):
Аватарка автора цитируемого сообщения в заголовке цитаты
Очень понравилось. Работает! Спасибо!
Поделиться398Вт, 11 Авг 2015 19:21:34
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51422
- Уважение: +15369
- Позитив: +11882
- Последний визит:
Сегодня 20:39:23
Lusiya
Deff написал(а):
========================
Или делать типо как Минипрофиль в топике,Т.е авик по центру цитаты слево(и достаточно большой 70-100пиксел), а у blockquote делать отступ слево на ширину авика + паддинги
Ну последний Вариант выглядел бы как цитата со смайликом + балкончик
Поделиться399Вт, 11 Авг 2015 19:22:11
- Заслуженный
- Зарегистрирован: Вс, 11 Мар 2012
- Сообщений: 1349
- Уважение: +88
- Позитив: +398
- Пол: Женский
- Последний визит:
Сб, 19 Фев 2022 20:00:56
Deff написал(а):
Lusiya
Ну последний Вариант выглядел бы как цитата со смайликом + балкончик
Deff
А как это можно сделать?
Поделиться400Вт, 11 Авг 2015 19:45:58
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51422
- Уважение: +15369
- Позитив: +11882
- Последний визит:
Сегодня 20:39:23
Lusiya написал(а):
Deff
А как это можно сделать?
Пробуйте заменить перед скриптом:
<style type="text/css">
.punbb .post-content .quote-box.with-avatar{
min-height:98px!important;
position:relative;
}.quote-box.with-avatar>blockquote{
margin-left:90px!important;
max-width:85%!important;
}
.quote-box.with-avatar .author-avatar{
width:70px;
max-width:70px;
height:auto;
margin:3px;
border-radius:3px;
position:absolute; z-index:100;
left:12px;top:30%;
}
</style>