Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Запросы по скриптам[3]
Сообщений 521 страница 540 из 992
Поделиться1Чт, 14 Авг 2014 12:23:18
Поделиться521Пн, 15 Дек 2014 23:53:20
SKEE
Через стили подойдет? Ставить в HTML-верх:
<style type="text/css"> #pun-profile #profile5 .fs-box p.infofield:after { content: "[b][color=blue]Привет[/color][/b]"; display: block; margin-top: 12px; } </style>
Не проверял, но вроде все классы и идентификаторы указал, привязав к соответствующему месту. Если вдруг где вылезет, дам скрипт на замену.
Отредактировано Reysler (Пн, 15 Дек 2014 23:54:15)
Поделиться522Пн, 15 Дек 2014 23:57:58
Reysler
оо то что надо спасибо !
Поделиться523Вт, 16 Дек 2014 00:14:41
для kus
Всплывающая информации доп. поля профиля на аватаре
(при наведении курсора)
<style type="text/css">
.pa-avatar>div{
position:relative;
z-index:20;
display:inline-block;
margin: auto;
padding:0;
}
.pa-avatar>div img{
position:absolute;
top:0;left:0;
z-index:-2;
}
.pa-avatar>div>span{
margin:0;
padding:3px 12px;
display:block;
border:10px rgba(121,103,21,0.3); /*Цвет верхнего бордера*/
border-style:solid none none none;
background:rgba(229,222,179,0.8); /*Цвет перекрывающего фона*/
opacity:0;
transition: opacity 0.6s;
}
.pa-avatar:hover>div>span{
opacity:1.0;
}
.pa-avatar>div>span a{
color:#0817F2!important; /*Цвет ccылок*/
}
.pa-avatar>div>span a:hover{
color:#FF0000!important; /*Цвет ccылок при наведении*/
text-decoration:underline!important;
}
</style>
<script type="text/javascript">
$('.pa-avatar').each(function(){
var that =$(this).parents('.post-author').find('.ava-wrp::first'),
a = $(this).find('img:first');
if(a.length&&that.length){
b = that.parents('li[class^="pa-fld"]'),
h = a.height(),w=a.width(),
c = a.wrap('<div style="width:'+w+'px;height:'+h+'px;"></div>').parent();
c.prepend('<span style="max-width:100%;height:'+(h-3*2-10)+'px;">'+b.remove().html()+'</span>');
}
});
</script>Красным - идентичные цифры ширины верхнего бордюра;
Установка
1. В доп. поле профиля с необходимостью всплывающей ин-фы на аватаре суем такой код:
<a class=ava-wrp></a>
Данное поле должно допускать HTML, т.е. в настройках поля должен быть выставлен запрет на редактирование юзером.
2. Внутри доп. поля должны отсутствовать теги <li>;
3. Желательно выставлять одинаковые размеры аватаров у всех пользователей со вставленным тегом <a class=ava-wrp></a>, иначе ин-фа смотрится несимпатично и может вылезать за край, - редактируем в ФШ или контролируем пользователя.
Наводим курсор на аватар Ника: Софи, Участник
DEMO
Тестируем - отписываемся
Поделиться524Вт, 16 Дек 2014 17:11:00
Здравствуйте. Есть вопрос по этому скрипту: Скрипты от пользователей 3
По какой-то причине вместе с названием темы в сообщении почему-то дублируются слова "Опустить репутациюГраффити[x]"
Вот в таком виде: Скрин 1, скрин 2
Код скрипта я слегка откорректировал, чтобы убрать ненужную маркировку и переименовать слова, но проблема была и в оригинале.
Также, помимо этого: можно ли сделать так, чтобы в строке, которое автоматически заполняется в поле ответа, был перенос на новую строку?
И... Есть ли возможность сделать все на автоматику? То-есть, чтобы перед юзером не открывалось поле с записью жалобы, а чтобы оно сразу записывалось ( с соответствующим уведомлением), не давая юзеру возможность откорректировать сообщение?
Поделиться525Вт, 16 Дек 2014 17:14:30
И... Есть ли возможность сделать все на автоматику? То-есть, чтобы перед юзером не открывалось поле с записью жалобы, а чтобы оно сразу записывалось ( с соответствующим уведомлением), не давая юзеру возможность откорректировать сообщение?
1. Кидайте тестовый ник пароль в личку и ссылку на тему с проблемой
Поделиться526Вт, 16 Дек 2014 17:21:53
Deff
Сделано.
Поделиться527Вт, 16 Дек 2014 17:59:15
LostKei
Тестируйте
Поделиться528Вт, 16 Дек 2014 18:28:22
Deff
Благодарю, это очень кстати.
Наверное, необходимый минимум для работы со скриптом теперь есть.
Думаю, при желании я смогу откорректировать код, добавив оформление тегов или еще чего? Или без вашего ведома лучше не стоит?
Поделиться529Вт, 16 Дек 2014 18:40:03
LostKei
Да сохраните исходник и тренируйтесь, он ксать Ваш, - правленный
Поделиться530Ср, 17 Дек 2014 18:09:40
Deff. Все отлично работает. Круть.
Вопрос новый к скрипту "Простой Слайдер картинок и контента" (первый вариант)
Можно ли сделать так, чтобы левая и правая кнопка были видны всегда?
Также нужно отцентрировать сам слайдер по центру таблицы. Лазал лазал, но так и не смог сделать. Только лишь через отступ или же добавление слайдера в див, который и будет центрировать все внутри. Можно ли сделать это проще?
Ну и последнее: я хотел бы вставить выше слайдера кнопки к каждому контейнеру (чтобы при нажатии сразу прокручивалось к нему). Есть возможность это сделать?
Поделиться531Ср, 17 Дек 2014 18:25:39
Deff
Спасибо огромное!
Только можете сказать, как убрать подчеркивание ссылок, и почему у меня обычный текст считается ссылкой? о_о
Потому что именно он меняется при наведении. Хотя ничего не применяла другого.
Поделиться532Ср, 17 Дек 2014 18:30:42
как убрать подчеркивание ссылок
kus
Просто уберите вот это в коде (сразу после строки с цветом ссылки при навдении):
text-decoration:underline!important;
Или же замените на:
text-decoration:none;
Отредактировано LostKei (Ср, 17 Дек 2014 18:35:35)
Поделиться533Ср, 17 Дек 2014 18:33:34
kus
Вообще, можете почитать вот это: http://htmlbook.ru/css/text-decoration
С помощью этой строчки вы можете сильно откорректировать вид текста при наведении на него мышкой. Очень полезно, если вам нужно оформить текст.
Поделиться534Ср, 17 Дек 2014 18:49:17
Deff. Все отлично работает. Круть.
Ну я вообще поправил исходный скрипт Жалоб вчера(см в скриптах). Правдо вы первый и единственный с русфф, кто попросил скрипт жалоб, не пользуя дефолтный от партнёрки(собственно потому были и начальные траблы - ибо на их партнёрке и не тестил)
Вопрос новый к скрипту "Простой Слайдер картинок и контента" (первый вариант)
Cтавьте второй вариант(кольцевой), они абсолютно идентичны по виду, - доп менюшку там можно скрыть css.
В текущем, при случайном клике по проявившейся кнопке, - скрипт просто наглухо зависнет
Поделиться535Ср, 17 Дек 2014 18:51:06
Только можете сказать, как убрать подчеркивание ссылок, и почему у меня обычный текст считается ссылкой? о_о
Потому что именно он меняется при наведении. Хотя ничего не применяла другого.
Ссылку на пост с проблемой, видный гостю - клик по дате в сообщении.
Поделиться536Ср, 17 Дек 2014 18:53:47
Правдо вы первый и единственный с русфф, кто попросил скрипт жалоб, не пользуя дефолтный от партнёрки(собственно потому были и начальные траблы - ибо на их партнёрке и не тестил)
А я всегда обращаюсь сюда - там почти мертво, как на кладбище. ДА и я не вижу особой разницы между вашим и ихним сервисом. Тем более, как вы уже должны были понять, мне скрипт жалоб сам по себе нужен для других целей.
Cтавьте второй вариант(кольцевой), они абсолютно идентичны по виду, - доп менюшку там можно скрыть css.
В текущем при случайном клике по проявившейся кнопке - скрипт просто наглухо зависнет
Хорошо, завтра гляну, что и как со вторым вариантом.
Поделиться537Ср, 17 Дек 2014 19:06:26
Ну и последнее: я хотел бы вставить выше слайдера кнопки к каждому контейнеру (чтобы при нажатии сразу прокручивалось к нему). Есть возможность это сделать?
Дык в кольцевом они уже есть в доп меню, единственное возможно сss(ом) изменить их вид,
посмотрите там внизу вторая демка
Поделиться538Чт, 18 Дек 2014 16:54:39
Встал вопрос от юзера.
Хочется шоб на форуме бб-теги картинок воспиринимали атрибуты height и width
как-то так:
[img height=100px width=200px]сцылко[/img]
есть нечто подобное?
Отредактировано Герда (Чт, 18 Дек 2014 16:55:39)
Поделиться539Чт, 18 Дек 2014 17:16:52
Встал вопрос от юзера.
Хочется шоб на форуме бб-теги картинок воспиринимали атрибуты height и width
как-то так:
есть нечто подобное?
Делаю скрытый BB-тег вставки стиля к предыдущему элементу, посколь часто просят сменить стиль произвольного элемента в произвольном сообщении,(хотя есть для продвинутых Безопасный HTML в постах для произвольного юзера! )
Пример:
style: img{border:red solid 1px;float:left;height:100px},
Пока постоянные траблы с сервисом мешают добить.
Сейчас работаю над сворачиванием длинноконтентов HTML верх и низ в пару строк, тем самым сокращая длину всех страниц форума. Актуально при длином контенте этих полей, к примеру более 50 строк.
Поделиться540Чт, 18 Дек 2014 23:23:07
style: img{border:red solid 1px;float:left;height:100px},
это ужмет все картинки
а если б можно было в бб-теги вставлять ширину/высоту, то это решило бы проблему доступным для юзеров методом
в таблицах же можно прописывать такой параметр:
[table layout=fixed width=100%] [tr] [td width=100px][/td] [td][/td] [/tr] [/table]
Похожие темы
Запросы по скриптам #11 | Новые возможности форумов | Пт, 21 Фев 2025 |
Запросы по скриптам[2] | Архив | Пн, 25 Авг 2014 |
Запросы по скриптам[5] | Архив | Пт, 25 Мар 2016 |
Запросы по скриптам[10] | Архив | Сб, 12 Сен 2020 |
Запросы по скриптам[7] | Архив | Вт, 6 Дек 2016 |