Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (61)
Предыдущая тема: Общие вопросы по оформлению (60)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
Доброго времени!
И я к вам снова за помощью. Осваиваю вот этот вот способ создания таблицы в объявлении. Распутала клубок до момента, когда мне стало нужно сделать возможным, чтобы при наведении на вкладку в меню менялась кнопка-картинка.
Вот с такой:
на подсвеченную, такую:
Помогите, пожалуйста.
Ссылка на форум вот: http://probnytest.mybb.ru/
Отредактировано Рейна (Вт, 15 Ноя 2016 18:32:07)
Рейна
Если кнопки ставятся тегом <img src="... - то пробуйте так
<img src="картинка1" onmouseover="this.src='картинка2';" onmouseout="this.src='картинка1';" />
картинка1 - адрес картинки по умолчанию
картинка2 - адрес при наведении
Здравствуйте. Не подскажете, в чем может быть проблема? После установления кода автоматического подсчета денег, бывают такие косяки, как регистрируется человек, и мало того, что у него (по каким-то причинам), не насчитывается автоматически валюта так плюс у остальных в теме, после его сообщения, сбивается внешний вид валюты в профиле (вообще-то, она просто больше не работает. а в профиле светится только то, что стоит (если стоит) в поле "дополнительно" в настройках). Иллюстрирую:
Отображение валюты в профиле ДО того, как человек с пустого профиля пишет что-то в теме: http://funkyimg.com/i/2jGZM.png
Далее, отображение после сообщения: http://funkyimg.com/i/2jGZP.png как видно, пропадает полоса, которая является фоном для валюты, а также система попросту отключается.
В чем может быть проблема? Порою, это попросту профиль (правок в ник не вносилось. в прошлый раз был ник Кайн), а порою так происходит после коррекции ника.
Сам форум http://thenemesis.rusff.ru/
..Boleyn
Дайте конкретную ссылку на пост с такого "пустого профиля", который вызвал ошибку
Alex_63
Большое спасибо за ответ. )
Кнопки я пытаю через hover -_- Они должны быть не вместо текста "вкладка", а фоном в "ушке" и стилем в них.Вы не могли бы подсказать, как сделать, чтобы они менялись при наведении курсора, и чтобы это было плавно? -_- В пятом часу утра я поняла, что забыла в код добавить "span:" к hoveru, и добилась эффекта смены фона при наведения. Но мне бы хотелось понять, как это возможно делать плавно и через сдвоенную картинку.
Вот, я даже в html-буки всякие зарыться не поленилась, чтобы грамотнее выразить, что именно хочу. Это называется "подсветка кнопки". Вычитала умное слово - ксс-спрайт, смутно поняла, что это такое и сделала под свои нужды примерное.
Но я гуманитарий, мне не понять, как именно и под какие элементы вписывать эти свойства кнопки в текущем кодике. Помогите, пожалуйста.
Отредактировано Рейна (Ср, 16 Ноя 2016 14:02:46)
..Boleyn
Ващет я писал, что поле денег ставим прямо за Аватаром!!! В Администрировании - поля профиля, а потом скриптом(есть скрипт перемещения полей), переносим поле в нужное место,
Вы повторили вопрос два раза, я два раза ответил... Вы не удосужились посмотреть
У Новичка поле не прописано! Скрипт не знает в каком месте оно должно находиться, если нет в топике и оно не за Аватаром
Но мне бы хотелось понять, как это возможно деать плавно и через сдвоенную картинку.
Плавно можно сделать, но только если фон отдельными картинками, иначе получится совсем не тот эффект, что Вы ожидаете.
С текущим кодом - добавьте к стилю .s-tabs>span
transition:background-image .7s ease;
Рейна,
кстати да, если взят спрайт, то при наведении будет видно как картинка перемещается на протяжении времени, что Вы укажете в transition. Не красиво будет. На себе испробовано)
можете взять одну картинку и просто подсвечивать яркостью: wwww3schools.com/cssref/css3_pr_filter.asp
Отредактировано Lidia-Lada (Ср, 16 Ноя 2016 13:52:43)
Alex_63
Какой крутой эффект получается! То, что нужно, спасибо огромное!
И за сам скрипт и инструкцию к нему - отдельное спасибо форуму и автору, все так подробно расписано, что даже такие идиотики как я сообразили в итоге, что за что отвечает. )
Lidia-Lada
И Вам спасибо за совет. Учту. )
Привет.
Подскажите, как заменить все линки на один с сохранением контента.
Вместо четырех должен быть один "Расширенная статистика", ну а по клику все как сейчас.
toxygen
Вам свернуть линки под спойлер? Или просто по клику на новую ссыль "Расширенная статистика" ставить текущие (а саму ссыль удалять)?
Под второй вариант - будет так: (в HTML низ)
<script>if($(".punbb").attr("id")=="pun-index"){$(".statscon div").each(function(){
if($(this).find("a[href*='statistic']").length){var s='<a href="#" class=MyLnkShow>Расширенная статистика</a>';
var s0=$(this),s1=s0.html();s0.html(s);$(".MyLnkShow").click(function(){s0.html(s1);return false});};});};
</script>
Помогите решить проблемы с выпадающим меню. Не появляются при наведении подпункты меню. Что не так с кодом? Сайт http://wwwigraprestolov2014.build2.ru/
<style>
#nav8, #nav8 ul, #nav8 li {
margin: 0;
padding: 0;
border: 0;
}
#nav8, #nav8 ul {
background: rgb(46,95,122);
}
#nav8 {
border-spacing: 0 0;
position: relative;
z-index: 50;
width: 100%;
}
#nav8 ul {
position: absolute;
display: none;
}
#nav8 td:hover ul {
display: block;
}
#nav8 ul li {
list-style: none;
}
#nav8 .right {
direction: rtl;
}
#nav8 .right ul {
right: 0;
}
#nav8 .right li {
direction: ltr;
}
#nav8 a {
display: block;
padding: 3px 0;
color: #fff;
text-align: center;
text-decoration: none;
}
#nav8 ul a {
padding: 3px 15px;
text-align: left;
}
#nav8 td:hover, #nav8 li:hover {
background: rgb(96,145,172);
}
</style>
<table id="nav8" cellspacing="0"><tr>
<td><a href="http://wwwigraprestolov2014.build2.ru/viewtopic.php?
id=11">ПРАВИЛА САЙТА</a></td>
<td><a href="http://wwwigraprestolov2014.build2.ru/viewforum.php?id=17">ИГРА ПРЕСТОЛОВ (GAME of THRONES)</a>
<ul>
<li><a href="http://wwwigraprestolov2014.build2.ru/viewtopic.php?id=12&p=7#p63561">Новости
сериала</a>
<li><a href="http://wwwigraprestolov2014.build2.ru/viewtopic.php?
id=54&p=27#p52636">Обсуждение</a>
<li><a href="http://wwwigraprestolov2014.build2.ru/viewtopic.php?id=21&p=3#p60530">Промо, трейлеры</a>
<li><a href="http://wwwigraprestolov2014.build2.ru/viewtopic.php?id=43&p=5#p62870">Видео-приколы</a>
</ul>
</td>
<td><a href="#3">Пункт меню 3</a>
<ul>
<li><a href="#3-1">Пункт подменю 1</a>
<li><a href="#3-2">Пункт подменю 2</a>
</ul>
</td>
<td class="right"><a href="#4">Пункт меню 4</a>
<ul>
<li><a href="#4-1">Пункт подменю 1</a>
<li><a href="#4-2">Пункт подменю 2</a>
<li><a href="#4-3">Пункт подменю 3</a>
</ul>
</td>
</tr></table>Спасибо
sansa
Добавьте красным (В Объявлении
<div class="post-content2">
<p><span style="display: block; text-align: center"><strong><span style="color:
sansa
Добавьте красным (В Объявлении
Отлично! Получилось. Спасибо большое!
toxygen
Вам свернуть линки под спойлер? Или просто по клику на новую ссыль "Расширенная статистика" ставить текущие (а саму ссыль удалять)?
Под второй вариант - будет так: (в HTML низ)
Хороший варинт тоже, но хочется немного другого. То есть внизу будет "Расширенная статистика":
Но по клику на нее был бы сразу переброс в детальную статистику:
То есть наверное то, что имелось в виду под первым вариантом про спойлер. И заодно сразу скрыть Приглашающих, потому что у меня их нет.
И еще один вопрос, из-за переделки Объявления, у нас правая колонка Новостей сдвинулась. И названия блоков заезжают на содержимое блоков. Подскажите, как это исправить? http://wwwigraprestolov2014.build2.ru/
Упс. Выпила кофе, включила мозги и вроде бы все сложилось, так что вопрос снимается. ) Сообщение можно в архив, простите за беспокойство.
Отредактировано Рейна (Ср, 16 Ноя 2016 19:02:48)
Здравствуйте. У меня несколько вопросов по поводу панели навигации, которая прикреплена к верху страницы и не исчезает при прокрутке.
1. Можно ли сделать так, чтобы когда ползунок прокрутки был на самом верху, боковая панель исчезала?
2. Как добавить дополнительные ссылки в скрипт панели навигации?
3. Можно ли сделать так, чтобы у пользователей и гостей, не имеющих аватаров, в панели навигации отображался аватар по умолчанию?
И еще один вопрос, из-за переделки Объявления, у нас правая колонка Новостей сдвинулась. И названия блоков заезжают на содержимое блоков.
Попробуйте убрать красное =>
<p><span style="display: block; text-align: center"><strong><span style="color:
Если это не поможет - тогда дополнительно в Конец Объявления вставить: </div>
toxygen
Тогда так:
<script>if($(".punbb").attr("id")=="pun-index"){$(".statscon div").each(function(){
if($(this).find("a[href*='statistic']").length){$(this).html('<a href="/statistic.php#active_users">Расширенная статистика</a>');};});};
</script>
Поправил 18.11.2016
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (61)