Техническая поддержка SpyBB

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Техническая поддержка SpyBB » Архив » Вопросы по "Оформлению" - 2


Вопросы по "Оформлению" - 2

Сообщений 981 страница 1000 из 1000

981

и ещё вопрос:как можно сделать,чтобы баннеры стали более прозрачными,а при наведении - обычными?Как тут:
Просто: 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

Или это не скрипт?Я знаю что можно поставить такую штуку - При наведении на картинку она меняется;и в этом случае просто переделывали все баннеры с таким полупрозрачным персиковым оттенком?

0

982

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. Хорошо, что вы сразу дали ссылку на форум, но она потеряла смысл когда вы убрали код прозрачности. Вы должны показать ваш форум с ошибкой.

+1

983

-.Eluare написал(а):

Lisae написал(а):Вместо текста-заголовка ставьте картинку.
И усё? *О*Ну, попробуем, спасибо...

А как ставить-то? Диз прозрачный, делаешь прозрачную картинку видно ету иконку... А как сделать что бы бы была надпись и она сливалась с фоном? http://7773.spybb.ru/ -черновик.

Отредактировано -.Eluare (25 Сен 2010 18:46:15)

0

984

-.Eluare
Рисуете картинку и вместо текста ставите изображение в html.

Код:
<img src="адрес картинки" / >

0

985

-.Eluare, ваша главная проблема сейчас в том, что вы не можете правильно объяснить чего хотите и используете не те слова.
попробуйте код в HTML-верх

Код:
<style type="text/css">
.splLink {
background: transparent url("http://savepic.ru/1709941.png") no-repat !important;
border: none !important;
}
</style>

Уберите картинку из первой ячейки и верните текст который там был
Если я правильно понял, вы хотите этого

0

986

Lisae
zloy.MH

Ладно, к зиме разберусь и сделаю xD
Спасибо.

0

987

Прошу прощения, если данные вопросы уже звучали в этой или любой другой теме.

1. Как можно уменьшить ширину форума через CSS - (Свой стиль)
2. Как можно сделать, что бы шапка выходила за границы форума.

Заранее большое спасибо

0

988

Скажите, пожалуйста, как сделать что бы форум был в центре страницы, но при этом текст и изображения в темах и на гл. странице не меняли своего местоположения (т.е. не отображалисть по центру) ?

0

989

А как это сделать посередине?
-----
и ещё:

как сделать название картинкой? :

1) Не оверпостите! Используйте ссылку Редактировать!
2) Заливайте картинки на бесплатные хостинги и вставляйте на форум код превью (две последних картинки потерялись из-за этого), а не прекрепляйте их к сообщению.
zloy.MH

увеличить

0

990

-.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

0

991

Доброго времени суток, это снова я.
На этот раз вопрос такой: как сделать иконки рядом с текстом в меню навигации? Причем иконки, изменяющиеся при наведении, как здесь:
http://warriorsstarsgocrazy.mybb.ru/

0

992

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;
}

Результат можно увидеть по ссылке в профиле.

0

993

1. Подскажите, пожалуйста, как убрать Новые сообщения Активные темы Темы без ответов Мои сообщения Подписка Все прочитано?
2. А также, каким образом изменить стиль названия категории?
3. Как убрать название форума внизу?
4. Как прописать рамку для аватара?

0

994

Elliar
Как нажать на ссылку FAQ по дизайну форума в CSS в верху форума?

0

995

Допустим, у меня на форуме стоит фиксированный фон (обои), у меня максимальное разрешение экрана 1280х1024 и фон соотвественно тоже, если у пользователя разрешение экрана больше, то будет ли смещаться фоновая картинка? (от неё ещё зависит и таблица форума где отображаются темы и т.д.)
http://s003.radikal.ru/i204/1009/9e/8c999c4fcc02t.jpg
Проверить и посмотреть я не могу, поэтому спрашиваю.

0

996

Wassabi
Нет.
Единственное что может случиться - на широкоэкранных мониторах по бокам белый фон.

+1

997

Lisae
Ну, хорошо.
Спасибо большое.

0

998

http://lovesims2.ru/
Собственно, некоторые пользователи пишут, что у них шапка съезжает? А у некоторых (у меня в том числе) все нормально. Как исправить?

0

999

Wassabi написал(а):

Проверить и посмотреть я не могу, поэтому спрашиваю.

1)На самом деле все просто, можно увеличивать/уменьшать масштаб страницы, при просмотре в браузере.
В большинстве программ(в том числе Opera, Firefox, Google Chrome, IE, Safari) сочетание Ctrl+ScrollUp/Ctrl+ScrollDown это увеличение/уменьшение масштаба. Просто уменьшаете масштаб и видите, примерно как реагирует фон на большие разрешения.
2) позиционировать фон(если форум отцентрирован)

Код:
background: #RRGGBB url("...") 50% 0% repeat(-x, -y, no-repeat);

(50% - центр по горизонтали, 0% - по вертикали)

+1

1000

Kitti
Не могли бы вы сказать, какие браузеры используют пользователи, а также скрин, как съезжает, чтобы мы могли правильно определить причину?

0


Вы здесь » Техническая поддержка SpyBB » Архив » Вопросы по "Оформлению" - 2