Единая поддержка сервиса
http://support.getbb.ru/

Прозрачность шапки
http://support.getbb.ru/viewtopic.php?f=27&t=8422
Страница 1 из 1

Автор:  eska [ 04 сен 2012, 12:49 ]
Заголовок сообщения:  Прозрачность шапки

Подскажите, можно ли сделать эту шапку прозрачной?
Может есть какие другие пути решения этой проблемы!
Поставил фон на форум, шапка выделяется и смотриться не красиво :(
Изображение

Автор:  urban [ 04 сен 2012, 13:43 ]
Заголовок сообщения:  Re: Прозрачность шапки

в теме поищи:
Код:
#logodesc {
background: #D9DFE4;
border-bottom: 1px solid #4787A7;
margin-bottom: 5px;
padding: 5px 25px;
}

цвет: background: #D9DFE4;
смени его или пропиши картинку
В принципе данный фон - не для данного стиля :--:
ЗЫ. попа в галерее под названием "моя*" :good: :D

Автор:  eska [ 04 сен 2012, 15:01 ]
Заголовок сообщения:  Re: Прозрачность шапки

urban
Дак что сделать-то? ставлю:
Код:
background: #D9DFE4;

ни чего не изменяется

А какой фон мне подойдёт?

Автор:  urban [ 04 сен 2012, 15:39 ]
Заголовок сообщения:  Re: Прозрачность шапки

снеси весь кусок - лого будет висеть на фоне. как тут:
а текст: (Фотобатл
Зарегистрируйся и получай подарки, общение и позитив) - добавь к лого.

Автор:  Neogotlic [ 04 сен 2012, 17:05 ]
Заголовок сообщения:  Re: Прозрачность шапки

Гениально. :good:

Добавлено спустя 6 минут 14 секунд

Действительно это так, пример ниже уже свой. Админка->Стили->Темы->(файл stylesheet.css для subsilver2)
Код:
#logodesc {
        width: 100%;
   margin-bottom: 5px; /* 5px */
   padding: 0; /* 5px 25px; */
   background: #FFFFFF; /* #D9DFE4; */
   border-bottom: 1px solid #4787A7;
/*      background-image: url('http://forum.iboards.ru/images/ranks/yagotin_1bbs_info/FON001.jpg'); */
/*      background-image: url('http://forum.iboards.ru/images/ranks/yagotin_1bbs_info/MLGY3.gif'); */


Напомню даже тут работают Спереди "/*" и "*/" без кавычек естественно - это заремлить строку. Тоесть она будет работать как текст - комментарий.

Если поставить:
Код:
/* border-bottom: 1px solid #4787A7; */

и убрать /* ... */ тут, тоесть выйдет так:
Код:
background-image: url('http://forum.iboards.ru/images/ranks/yagotin_1bbs_info/FON001.jpg');
пиксель экрана как бы фона будет как рисунок превратится в фон. Ну как то так.

Добавлено спустя 27 минут 57 секунд

Оснавная особенность. Чтобы фон был действительно прозрачным, как убедиться в том, что он реально прозрачный. Как проверить? Я проверяю по старинке. Смотрим скриншеты:
Изображение Изображение Изображение

Автор:  vikweb [ 04 сен 2012, 18:35 ]
Заголовок сообщения:  Re: Прозрачность шапки

Ммммда, чего тут только не насоветовали :D
а самый простой вариант, это, в теме стиля найти код
Код:
#logodesc {
   margin-bottom: 5px;
   padding: 5px 25px;
   background: #D9DFE4;
   border-bottom: 1px solid #4787A7;
}

и в него дописать
Код:
    opacity: 0.8;


получится так
Код:
#logodesc {
   margin-bottom: 5px;
   padding: 5px 25px;
   background: #D9DFE4;
   border-bottom: 1px solid #4787A7;
    opacity: 0.8;
}

и значение 0.8 меняем на своё, число ниже 0.8 усиливает прозрачность, ну и естественно, число выше 0.8 уменьшает прозрачность, если поставить 1 то прозрачности не будет

Автор:  Neogotlic [ 04 сен 2012, 18:39 ]
Заголовок сообщения:  Re: Прозрачность шапки

vikweb писал(а):
и значение 0.8 меняем на своё, число ниже 0.8 усиливает прозрачность,

Спасибо не знал. :good:

Автор:  urban [ 04 сен 2012, 18:48 ]
Заголовок сообщения:  Re: Прозрачность шапки

"vikweb" писал(а):
а самый простой вариант, это, в теме стиля найти код
- вариант хорош, если на "0" прозрачность ставить, а если на ноль - идентично сносу куска кода.
даже при самой маленькой прозрачности - лого будет также висеть белой вороной на фоне.
хозяин барин... пусть думает сам как лучше.

Автор:  eska [ 04 сен 2012, 21:00 ]
Заголовок сообщения:  Re: Прозрачность шапки

urban
А если снести этот кусок кода, не повлияет ли это на поисковики гугл или яндекс?

Автор:  Neogotlic [ 04 сен 2012, 21:02 ]
Заголовок сообщения:  Re: Прозрачность шапки

Думаю что нет.

Автор:  urban [ 04 сен 2012, 21:04 ]
Заголовок сообщения:  Re: Прозрачность шапки

"eska" писал(а):
не повлияет ли это на поисковики гугл или яндекс
- не боись, поисковики за цветом фона под логотипом не охотятся :--:

Автор:  eska [ 04 сен 2012, 21:04 ]
Заголовок сообщения:  Re: Прозрачность шапки

urban писал(а):
снеси весь кусок - лого будет висеть на фоне. как тут:
а текст: (Фотобатл
Зарегистрируйся и получай подарки, общение и позитив) - добавь к лого.

То есть отредактировать лого и добавить эту надпись к картинке?

Автор:  Neogotlic [ 04 сен 2012, 21:06 ]
Заголовок сообщения:  Re: Прозрачность шапки

Если реально без прозачного кода страница сможет ли в теме
Код:
opacity: 0.8;
сделать фон непрозрачным - прозрачним, вот о чем я думаю чисто интуитивно? Если там непрозрачный фон с самого начала... :twisted: Думаю - это нереально!!!

Автор:  vikweb [ 04 сен 2012, 21:09 ]
Заголовок сообщения:  Re: Прозрачность шапки

"Neogotlic" писал(а):
Думаю - это нереально!!!

а вы попробуйте :D

Автор:  eska [ 04 сен 2012, 21:09 ]
Заголовок сообщения:  Re: Прозрачность шапки

Код:
#logodesc {
   margin-bottom: 5px;
   padding: 5px 25px;
   background: #D9DFE4;
   border-bottom: 1px solid #4787A7;
}


Если я этот код снесу останется только лого? правильно я понял :Bravo:
Потому как, если добавить:
Код:
opacity: 0....;

Верхняя шапка исчезает полностью, а мне нужно что бы и лого и надпись "Фотобатлы - Молодёжный развлекательный портал" остались!

Автор:  vikweb [ 04 сен 2012, 21:15 ]
Заголовок сообщения:  Re: Прозрачность шапки

"eska" писал(а):
opacity: 0....;Верхняя шапка исчезает полностью

а вы попробуйте поставить
[code][/code]
я же писал
"vikweb" писал(а):
и значение 0.8 меняем на своё, число ниже 0.8 усиливает прозрачность, ну и естественно, число выше 0.8 уменьшает прозрачность, если поставить 1 то прозрачности не будет

Автор:  Neogotlic [ 04 сен 2012, 21:17 ]
Заголовок сообщения:  Re: Прозрачность шапки

Работает. оГОО :%) Супер. :oops: Смотрим на мой портал применил:

Код:

body {
     font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
      color: #323D4F;
      opacity: 0.1;
      background-image: url('images/ranks/yagotin_1bbs_info/Fonyagotin.jpg'); /* - изменение фона вокруг */
   background-color: #FFFFFF;
   font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
   margin: 0;
}


Добавлено спустя 2 минуты 14 секунд

В таком состаянии портал будет держатся еще 5 минут. Что все увидели :) Чесно я не верил. Класс. Хотя стоп там фон прозрачный. Да точно фон прозрачный.

Автор:  eska [ 04 сен 2012, 21:19 ]
Заголовок сообщения:  Re: Прозрачность шапки

"vikweb" писал(а):
и значение 0.8 меняем на своё, число ниже 0.8 усиливает прозрачность, ну и естественно, число выше 0.8 уменьшает прозрачность, если поставить 1 то прозрачности не будет

именно этим я воспользоался сейчас, но прозрачность меня не устранивает,да, смотрится красиво, но плохо видно(( а я бы хотел:
"eska" писал(а):
Верхняя шапка исчезает полностью, а мне нужно что бы и лого и надпись "Фотобатлы - Молодёжный развлекательный портал" остались!


Добавлено спустя 1 минуту 50 секунд

Neogotlic
"Какашка" получилось чесслово :lol:

Автор:  Neogotlic [ 04 сен 2012, 21:22 ]
Заголовок сообщения:  Re: Прозрачность шапки

Код валиден. :)

Добавлено спустя 1 минуту 47 секунд

eska
у меня значение 0,2 потом 0,3 я думаю как скрипт сделать переход с opacity: 0.1; на 0,8 и выше а потом ниже и период во времени задать :twisted: Это будет круто Вот такое вот. Но со цветами куонечто не так резко но изменить на 2 кункта в одну дргую сторону постепенно будет класно - неожиданно :o :brrr:

Автор:  urban [ 04 сен 2012, 21:26 ]
Заголовок сообщения:  Re: Прозрачность шапки

"eska" писал(а):
"Какашка" получилось чесслово
- согласен :ROFL:
eska, кстати у тебя тоже "Какашка" получилась :ROFL:
Neogotlic, возвращай назад все
eska - сноси кусок кода:
Код:
#logodesc {
background: #D9DFE4;
border-bottom: 1px solid #4787A7;
margin-bottom: 5px;
padding: 5px 25px;
}

Автор:  vikweb [ 04 сен 2012, 21:36 ]
Заголовок сообщения:  Re: Прозрачность шапки

"eska" писал(а):
прозрачность меня не устранивает

ещё можно сделать так
в коде
Код:
#logodesc {
   margin-bottom: 5px;
   padding: 5px 25px;
   background: #D9DFE4;
   border-bottom: 1px solid #4787A7;
}


строку
Код:
   background: #D9DFE4;

замените на
Код:
   background: transparent;

Автор:  eska [ 04 сен 2012, 21:37 ]
Заголовок сообщения:  Re: Прозрачность шапки

urban
отлично, то что я хотел, но фон явно не мой :(
Может кто посоветует фон, что бы он подошёл к моему форуму?

Автор:  urban [ 04 сен 2012, 21:41 ]
Заголовок сообщения:  Re: Прозрачность шапки

"eska" писал(а):
Может кто посоветует фон
- собери свои фотобатлы, обработайте их, сделай фон себе свой - должно получиться четко :good:
только не строго слева направо и все в ряд - включи воображение...

Автор:  Neogotlic [ 04 сен 2012, 21:44 ]
Заголовок сообщения:  Re: Прозрачность шапки

А opacity: 0.75; интересно работает?

Автор:  eska [ 04 сен 2012, 21:45 ]
Заголовок сообщения:  Re: Прозрачность шапки

urban vikweb Neogotlic спасибо вам огромное, вот вам няшечку Изображение
А ещё посоветуйте пожалуйста фон, сегодня десяток опробывал, всё безуспешно :(
P.s. Обязуюсь раздать всем +1 к репутации:)

Автор:  vikweb [ 04 сен 2012, 21:47 ]
Заголовок сообщения:  Re: Прозрачность шапки

eska

Автор:  eska [ 04 сен 2012, 21:48 ]
Заголовок сообщения:  Re: Прозрачность шапки

"urban" писал(а):
- собери свои фотобатлы, обработайте их, сделай фон себе свой - должно получиться четко
только не строго слева направо и все в ряд - включи воображение...

Понял только эти фразы:
"urban" писал(а):
сделай фон себе свой - должно получиться четко

"urban" писал(а):
включи воображение...


P.s. простите за сверх тупизм, вчера ребёнку годик исполнилось, вот только сейчас более-менее отошёл :brrr:

Автор:  Neogotlic [ 04 сен 2012, 21:55 ]
Заголовок сообщения:  Re: Прозрачность шапки

urban писал(а):
Neogotlic, возвращай назад все

согласен - уже вернул. Я токо попробовал :--:

Добавлено спустя 4 минуты 14 секунд

eska
у здорово Фон классный. А мне нравится. Но есть одно но - Яркий слишком. Яркие цвета. Ну детям да понравится подростак не зная мне 35-летнему мужику нее. Спасую. Но фон на первый взгляд супер. Зачетный. Чесно.

Страница 1 из 1 Часовой пояс: UTC + 3 часа [ Летнее время ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/