Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы от новичков (59)
Продолжение темы Общие вопросы от новичков (58)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
Enrico Abandato
Ну вместо этой картинки
<img src="http://storage5.static.itmages.ru/i/17/0401/h_1491028929_1326023_421c7bb1aa.jpg">
Прописываете
<span style="width:434px;height:167px;display:inline-block" class=hover_IMg>
<img src="http://storage5.static.itmages.ru/i/17/0401/h_1491028929_1326023_421c7bb1aa.jpg" class=a />
<img src="ссылка на картинку при наведении" class=b />
</span>
<style type="text/css">
.hover_IMg>img {position:absolute;}
.hover_IMg>img.b {visibility:hidden;opacity:0;transition:.8s ease}
.hover_IMg:hover>img.b{visibility:visible!important;opacity:1!important}
</style>
//Не тестил, попробуйте - отпишитесь(*если не сработает - поправим
Alex_63
Здавствуйте.
Поставил смену картинки при наведении.
Подскажите как отцентровать шапку, немного в лево прижата к краю?
<!-- Логотип -->
<span style="width:1300px;height:200px;display:inline-block" class=hover_IMg>
<img src="http://forumstatic.ru/files/0014/74/cb/31505.png" class=a />
<img src="http://forumstatic.ru/files/0014/74/cb/62807.png" class=b />
</span>
<style type="text/css">
.hover_IMg>img {position:absolute;}
.hover_IMg>img.b {visibility:hidden;opacity:0;transition:.8s ease}
.hover_IMg:hover>img.b{visibility:visible!important;opacity:1!important}
</style>добра) почти на всех форумах при наведении на клавишу "отправить" всплывает "accesskey:s "
с телефона или планшета это очень неудобно, ведь приходиться нажимать дважды.
скажите, это можно убрать? и как?
заранее спасибо
bad wolf
Надо подумать как это реализовать.... (Это ведь не на одном форуме)
Подскажите как отцентровать шапку, немного в лево прижата к краю?
Сделайте скриншот, укажите стрелками куда и насколько сдвинуть
Надо подумать как это реализовать.... (Это ведь не на одном форуме)
я скорее неправильно сформулировала вопрос...
могу ли я отключить эту штуку у себя на форуме?)
Deff
Сделайте скриншот, укажите стрелками куда и насколько сдвинуть
Сама шапка png на прозрачном фоне, сейчас она стоит вплотную к левому краю (справа видно свободное пространство)
Перед "Пленкой" нет, а после "Видеокамеры" есть,
надо посередине.
Когда ставил просто картинкой центровал <сenter>,
тут так не прокатывает.
Спасибо, уже не надо, убрал данное творение ибо много чего поехало )))
Прошу прощения за беспокойство.
Отредактировано ACT3255 (Вс, 2 Апр 2017 07:28:07)
добра) почти на всех форумах при наведении на клавишу "отправить" всплывает "accesskey:s "
с телефона или планшета это очень неудобно, ведь приходиться нажимать дважды.
скажите, это можно убрать? и как?
заранее спасибо
Передал Админу сервиса, будем тестировать, разбираться
Пока что на своем форуме можете поставить в HTML низ
<script>$('input[title="Accesskey:s"]').removeAttr('title')</script>
В ходе работы обнаружил что ссылки которые я кладу в форумные статьи не индексируются поисковиками. Правообладатели просят сделать индексацию.
стоит rel="nofollow" убери, такие ссылки не считаются поисковыми системами.
Форум:http://zxdemo.ru/
Пример проблемы:
http://zxdemo.ru/viewtopic.php?id=10618
http://zxpress.ru/article.php?id=8518 - должна индексироваться поиском, а она нет.
Подскажите пожалуйста как быть возможно ли как то сделать индексацию поисковыми системами?
3ASOFT
Пробуйте Ставить статьи(или только ссылки к статьям) через HTML в сообщениях, гугол такие ссылки индексирует
2-е, типично статьи ставятся в разделы скрытые от гостя, а поисковик может индексировать только в темах открытых гостю
3. Можно статьи вписывать HTML в Администрирование - страницы, тогда ccылки идут без атрибута rel="nofollow".
HTML
То есть вот так надо:
http://zxpress.ru/article.php?id=8518
Правильно?
Я пишу название ссылки и вставляю в нее ссылку тегом вставить ссылку.
Отредактировано 3ASOFT (Вс, 2 Апр 2017 15:31:40)
Deff или Alex_63
Все-таки я решился поставить смену картинки при наведении но возникло следующее:
Пропадает полупрозрачный (синий) фон на скринах стрелочками помечен
Так без этого кода:
А так с оным:
Вот сам код:
<!-- Логотип -->
<style>
.image.UP,
.image.Down {
border:2px solid transparent;
margin:0;
padding:0;
}
.image.UP{
opacity:1.0;
display:block;
position:absolute;z-index:100;
transition-duration: 0.96s;
-webkit-transition-duration: 0.96s;
-moz-transition-duration: 0.96s;
-o-transition-duration: 0.96s;
-ms-transition-duration: 0.96s; /* IE9+ */
}
.image.UP:hover {
opacity:0.00;
}
div.ImgWrap{
display:inline-block;
padding:0;margin:0;
background-position:center center;
background-repeat:no-repeat;
}
</style>
<center>
<div class=ImgWrap>
<img class="image UP" src="http://forumstatic.ru/files/0014/74/cb/31505.png"/>
<img class="image Down" src="http://forumstatic.ru/files/0014/74/cb/62807.png"/>
</div>
</center>можно как то избавиться от пропадания?
Заранее спасибо.
Насколько я понял пропадает "background-color: rgba(43,55,83,0.8)!important;"
Отредактировано ACT3255 (Вс, 2 Апр 2017 15:55:19)
ACT3255
Какой код стоит без смены картинки по наведению... очевидно вы этот полупрозрачный в новом коде удалили
Deff
<!-- Логотип -->
<center style="width:100%;margin-top:-210px;position:absolute">
<img src="http://forumstatic.ru/files/0014/74/cb/31505.png"></center>
<style type="text/css">
.punbb {
margin-top: 200px;
background-color: rgba(43,55,83,0.8)!important;
}
</style>Ну вот это наверно нун добавить к коду со сменой (до оного)
<style type="text/css">
.punbb {
margin-top: 200px;
background-color: rgba(43,55,83,0.8)!important;
}
</style>
Deff
Если поставить:
<!-- Логотип -->
<style>
.image.UP,
.image.Down {
border:2px solid transparent;
margin:0;
padding:0;
}
.image.UP{
opacity:1.0;
display:block;
position:absolute;z-index:100;
transition-duration: 0.96s;
-webkit-transition-duration: 0.96s;
-moz-transition-duration: 0.96s;
-o-transition-duration: 0.96s;
-ms-transition-duration: 0.96s; /* IE9+ */
}
.image.UP:hover {
opacity:0.00;
}
div.ImgWrap{
display:inline-block;
padding:0;margin:0;
background-position:center center;
background-repeat:no-repeat;
}
</style>
<center>
<div class=ImgWrap>
<img class="image UP" src="http://forumstatic.ru/files/0014/74/cb/31505.png"/>
<img class="image Down" src="http://forumstatic.ru/files/0014/74/cb/62807.png"/>
</div>
</center>плюс
<style type="text/css">
.punbb {
background-color: rgba(43,55,83,0.8)!important;
}
</style>то все нормально, но тогда и на самой шапке прозрачка теряется и заполняется полупрозрачным синим.
Добавлено спустя 4 минуты 53 секунды:
может не заморачиваться и сменить просто фон... на какой нибудь однотонный.
Отредактировано ACT3255 (Вс, 2 Апр 2017 16:34:53)
ACT3255
1. Сделайте полный скриншот страницы и укажите красным нужные границы полупрозрачки сверху и снизу, поставить специальным дивом и сместим как надо
(Мне убежать надо на пару часов)
Передал Админу сервиса, будем тестировать, разбираться
Пока что на своем форуме можете поставить в HTML низ
спасибо большое! помогло)
Отредактировано bad wolf (Вс, 2 Апр 2017 16:40:28)
Deff
Должно быть вот так:
а то что отмечено стрелками (логотип) должно быть прозрачным.
Не получится - так не получится )) Не критично.
Отредактировано ACT3255 (Вс, 2 Апр 2017 17:00:08)
ACT3255
Пробуйте заменить так:
<!-- Логотип -->
<center style="width:100%;margin-top:-210px;position:absolute">
<div class=ImgWrap>
<img class="image UP" src="http://forumstatic.ru/files/0014/74/cb/31505.png"/>
<img class="image Down" src="http://forumstatic.ru/files/0014/74/cb/62807.png"/>
</div>
</center>
<style type="text/css">
.punbb {
margin-top: 200px;
background-color: rgba(43,55,83,0.8)!important;
}
</style>
<!-- Логотип -->
<style>
.image.UP,
.image.Down {
border:2px solid transparent;
margin:0;
padding:0;
}
.image.UP{
opacity:1.0;
display:block;
position:absolute;z-index:100;
transition-duration: 0.96s;
-webkit-transition-duration: 0.96s;
-moz-transition-duration: 0.96s;
-o-transition-duration: 0.96s;
-ms-transition-duration: 0.96s; /* IE9+ */
}
.image.UP:hover {
opacity:0.00;
}
div.ImgWrap{
display:inline-block;
padding:0;margin:0;
background-position:center center;
background-repeat:no-repeat;
}
</style>Вы здесь » Единый форум поддержки » Архив » Общие вопросы от новичков (59)