Техническая поддержка SpyBB |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Техническая поддержка SpyBB » Архив » Вопросы по "Оформлению" - 2
и ещё вопрос:как можно сделать,чтобы баннеры стали более прозрачными,а при наведении - обычными?Как тут:
Просто: http://s46.radikal.ru/i113/1007/05/ccc3f0f009cd.jpg
При наведении: http://i077.radikal.ru/1007/d1/aeb4e42ff81c.jpg http://s57.radikal.ru/i156/1007/3b/ccccc31022ca.jpg
Или это не скрипт?Я знаю что можно поставить такую штуку - При наведении на картинку она меняется;и в этом случае просто переделывали все баннеры с таким полупрозрачным персиковым оттенком?
ClawyPaw
1) Используйте код
<style type="text/css">
#pun,.punbb .main .container,.punbb td.tc3, .punbb td.tcl, .punbb .section .container,.punbb .section .formal .container,.punbb .formal fieldset,#viewprofile li strong,#viewprofile li div,#setmods dd,.punbb .post-body,.post-box,.punbb .post-links,.punbb-admin #pun-admain .adcontainer,.punbb .info-box,.punbb #pun-main .info-box .legend,#pun-ulinks .container,.punbb .post .container,.punbb .post h3,.punbb .post h3 span,.punbb td.tc2,.punbb td.tcr,#pun-stats h2,.punbb .main h1,.punbb .main h2,#pun-debug h2,.punbb-admin #pun-admain h2,.punbb .modmenu .container,.punbb select,.punbb input,.punbb th,#pun-stats div.statscon,#pun-crumbs2 .container,#pun-about .container,#pun-main fieldset legend span, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background:transparent !important;
}
</style>
<style type="text/css">
*{border-style: none !important;}
</style>В предыдущем варианте отсутствовал селектор для первых ячеек
2) Обычно это делается подменой картинок(одна обычная, другая черно-белая/полупрозрачная/размытая) с помощью стилей.
Можно попытаться задать прозрачность свойством opacity, НО это свойство из спецификации CSS3(еще разрабатывается) и может некорректно работать в некоторых браузерах + в ИЕ работает только в 9 версии.
В HTML-верх
<style type="text/css">
.banner {
opacity: 0.1;
}
.banner:hover {
opacity: 1;
}
</style>и к каждому банеру в тег img добавьте
class="banner"
P.S. Хорошо, что вы сразу дали ссылку на форум, но она потеряла смысл когда вы убрали код прозрачности. Вы должны показать ваш форум с ошибкой.
Lisae написал(а):Вместо текста-заголовка ставьте картинку.
И усё? *О*Ну, попробуем, спасибо...
А как ставить-то? Диз прозрачный, делаешь прозрачную картинку видно ету иконку... А как сделать что бы бы была надпись и она сливалась с фоном? http://7773.spybb.ru/ -черновик.
Отредактировано -.Eluare (25 Сен 2010 18:46:15)
-.Eluare
Рисуете картинку и вместо текста ставите изображение в html.
<img src="адрес картинки" / >
-.Eluare, ваша главная проблема сейчас в том, что вы не можете правильно объяснить чего хотите и используете не те слова.
попробуйте код в HTML-верх
<style type="text/css">
.splLink {
background: transparent url("http://savepic.ru/1709941.png") no-repat !important;
border: none !important;
}
</style>Уберите картинку из первой ячейки и верните текст который там был
Если я правильно понял, вы хотите этого
Lisae
zloy.MH
Ладно, к зиме разберусь и сделаю xD
Спасибо.
Прошу прощения, если данные вопросы уже звучали в этой или любой другой теме.
1. Как можно уменьшить ширину форума через CSS - (Свой стиль)
2. Как можно сделать, что бы шапка выходила за границы форума.
Заранее большое спасибо
Скажите, пожалуйста, как сделать что бы форум был в центре страницы, но при этом текст и изображения в темах и на гл. странице не меняли своего местоположения (т.е. не отображалисть по центру) ?
А как это сделать посередине?
-----
и ещё:
как сделать название картинкой? :
1) Не оверпостите! Используйте ссылку Редактировать!
2) Заливайте картинки на бесплатные хостинги и вставляйте на форум код превью (две последних картинки потерялись из-за этого), а не прекрепляйте их к сообщению.
zloy.MH
-.Eluare
как только вы правильно сформулируете чего хотите, и вам сразу помогут. Мы не телепаты, ваши желания не прочитаем.
Настя
1) Вы пишите о CSS, но что вам мешает пройти по ссылке FAQ по дизайну форума в CSS в верху страницы?Почитайте, найдете много ответов.
2) Вам придется поэкспериментировать с кодом
<style type="text/css">
#pun-title {
position: absolute;
width: WWWpx; /*замените на необходимую ширину*/
left: -LLLpx; /*замените на необходимый сдвиг влево(минус указывает на сдвиг влево)*/
}
</style>Carrie
Почитайте FAQ по дизайну форума в CSS, а так же четко сформулируйте вопрос, желательно со скринами и ссылкой на форум.
мой форум о ненси дрю!!!!
Вместо текста вставьте код
<img src="ссылка на картинку" alt="" />
и почитайте основы HTML
Доброго времени суток, это снова я.
На этот раз вопрос такой: как сделать иконки рядом с текстом в меню навигации? Причем иконки, изменяющиеся при наведении, как здесь:
http://warriorsstarsgocrazy.mybb.ru/
Ametista, есть вариант, но его придется подгонять под конкретно ваш случай
<style type="text/css">
#pun-navlinks, #pun-navlinks .container {
height: 60px; /*(подбирать)задается высота меню навигации*/
background: none;
margin: 0px;
}
#pun-navlinks .container {
padding: 0px 0px 0px 95px; /*(подбирать)задается сдвиг влево от края форума. после следующего кода центровка сбивается*/
}
#pun-navlinks li {
padding: 45px 0px 0px 0px; /*(подбирать)сдвигает текст пункта меняю вниз*/
margin: 0px 8px; /*(подбирать)между пунктами*/
display: block;
float: left;
background: transparent url("ссылка_на_картинку_неактивного_пункта_меню") 50% 0% no-repeat;
}
#pun-navlinks li:hover {
background: transparent url("ссылка_на_картинку_активного_пункта_меню") 50% 0% no-repeat;
}Результат можно увидеть по ссылке в профиле.
1. Подскажите, пожалуйста, как убрать Новые сообщения Активные темы Темы без ответов Мои сообщения Подписка Все прочитано?
2. А также, каким образом изменить стиль названия категории?
3. Как убрать название форума внизу?
4. Как прописать рамку для аватара?
Elliar
Как нажать на ссылку FAQ по дизайну форума в CSS в верху форума?
Допустим, у меня на форуме стоит фиксированный фон (обои), у меня максимальное разрешение экрана 1280х1024 и фон соотвественно тоже, если у пользователя разрешение экрана больше, то будет ли смещаться фоновая картинка? (от неё ещё зависит и таблица форума где отображаются темы и т.д.)
Проверить и посмотреть я не могу, поэтому спрашиваю.
Wassabi
Нет.
Единственное что может случиться - на широкоэкранных мониторах по бокам белый фон.
Lisae
Ну, хорошо.
Спасибо большое.
http://lovesims2.ru/
Собственно, некоторые пользователи пишут, что у них шапка съезжает? А у некоторых (у меня в том числе) все нормально. Как исправить?
Проверить и посмотреть я не могу, поэтому спрашиваю.
1)На самом деле все просто, можно увеличивать/уменьшать масштаб страницы, при просмотре в браузере.
В большинстве программ(в том числе Opera, Firefox, Google Chrome, IE, Safari) сочетание Ctrl+ScrollUp/Ctrl+ScrollDown это увеличение/уменьшение масштаба. Просто уменьшаете масштаб и видите, примерно как реагирует фон на большие разрешения.
2) позиционировать фон(если форум отцентрирован)
background: #RRGGBB url("...") 50% 0% repeat(-x, -y, no-repeat);(50% - центр по горизонтали, 0% - по вертикали)
Kitti
Не могли бы вы сказать, какие браузеры используют пользователи, а также скрин, как съезжает, чтобы мы могли правильно определить причину?
| вопрос по оформлению | Архив | 31 Окт 2008 |
| Вопросы по "Оформлению" - 3 | Оформление форума | 10 Мар 2015 |
| Вопросы по оформлению через "Свой стиль" | Корзина | 1 Апр 2009 |
| Вопросы по "Оформлению" | Архив | 31 Янв 2010 |
| Вопросы по оформлению)))) | Архив | 5 Янв 2009 |
Вы здесь » Техническая поддержка SpyBB » Архив » Вопросы по "Оформлению" - 2