Очень симпатичный фон у форума. Вопрос.

Есть любые вопросы, связанные со стилями/темами для phpBB 3.0.x? Задайте их здесь!
Правила форума
Местная Конституция | Шаблон запроса | Документация (phpBB3) | Переход на 3.0.6 и выше | FAQ-3 (phpbb3) | Как задавать вопросы | Как устанавливать моды

Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение ;) ).
Аватара пользователя
FladeX
Former team member
Сообщения: 1935
Стаж: 19 лет 3 месяца
Откуда: Саранск
Благодарил (а): 7 раз
Поблагодарили: 59 раз

Re: Очень симпатичный фон у форума. Вопрос.

Сообщение FladeX »

Thanx писал(а):Спасибо. Всё прекрасно заработало.
На здоровье, был рад помочь :)
Rayden писал(а):Зачем вообще новый нужен?
Я точно не помнил, используется ли этот класс где-либо еще, поэтому и посоветовал сделать именно так. "Железный" метод так сказать :)
//
// Okay, let's do the loop, yeah come on baby let's do the loop
// and it goes like this ...
| phpBB Adept ] | Каталог форумов | генератор sitemap для форумов | форум про форумы
Аватара пользователя
Rayden
Former team member
Сообщения: 3739
Стаж: 21 год 2 месяца
Поблагодарили: 44 раза

Re: Очень симпатичный фон у форума. Вопрос.

Сообщение Rayden »

Абсолютно тупой метод!
Я же не предлагаю убрать этот класс из css, я предлагаю выкинуть спаны из html
А в css класс пусть остается.
Ты же создаешь новый класс, который вообще нигде не будет использоваться.

Добавлено спустя 3 минуты 50 секунд:
nissin писал(а):
Thanx писал(а):блок <div class="navbar"> наезжает на блок <div class="headerbar">.
поставьте после окончания блока <div class="headerbar">

Код: Выделить всё

<div style="clear:both"></div>
и будет Вам счастье :)
Не так. Зачем лишний див, да еще с прописанным в коде стилем?
Достаточно в стиль навбара добавить тот же самый клер:

Код: Выделить всё

.navbar {
...
clear:both;
}
Так изящнее, согласись.
phpBB2 FAQ
phpBB3 FAQ
Аватара пользователя
FladeX
Former team member
Сообщения: 1935
Стаж: 19 лет 3 месяца
Откуда: Саранск
Благодарил (а): 7 раз
Поблагодарили: 59 раз

Re: Очень симпатичный фон у форума. Вопрос.

Сообщение FladeX »

Согласен.
Можно было бы вообще сделать эти картинки углов прозрачными, и не мучаться ни с html, ни с css :) Но я почему-то думал что они еще и в списке форумов используются, потому написал так как написал.
//
// Okay, let's do the loop, yeah come on baby let's do the loop
// and it goes like this ...
| phpBB Adept ] | Каталог форумов | генератор sitemap для форумов | форум про форумы
Аватара пользователя
Rayden
Former team member
Сообщения: 3739
Стаж: 21 год 2 месяца
Поблагодарили: 44 раза

Re: Очень симпатичный фон у форума. Вопрос.

Сообщение Rayden »

В том то и дело, что ты прав. Они используются.
Посмотри, как я тут навигацию делал:
Задача была наложить навигацию на два рисунка. И серый фон навигации и тем более уголки будут мешать. Вот исходный код просилвера, чуть урезанный для компактности:

Код: Выделить всё

<div class="navbar">
			<div class="inner"><span class="corners-top"><span></span></span>

			<ul class="linklist navlinks">
				<li class="icon-home"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li>
... тут остальные пункты
			</ul>
... тут остальные пункты
					<span class="corners-bottom"><span></span></span></div>
		</div>
 
А вот то, что я оставил:

Код: Выделить всё

<div class="navbar2">
			<div class="inner">

			<ul class="linklist navlinks">
				<li class="icon-home"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li>
... тут остальные пункты
			</ul>
... тут остальные пункты
			</div>
		</div>
Т е выкинул спаны - убрались уголки. А вот внешний див уже сделал примерно как ты и говорил - переименовал в navbar2 и задал ему background: none
Т е в хедере навбар получился с прозрачным фоном, через который видно и градиент и глобус. Хотя в других местах, на других страницах можно использовать стандартный навбар. Внизу главной страницы он и используется.

PS: когда выкидываются спаны с уголками, надо быть очень аккуратным и не выкинуть закрывающий див, иначе все поплывет. #inner должен остаться неприкосновенным.
phpBB2 FAQ
phpBB3 FAQ
Thanx
phpBB 2.0.2
Сообщения: 334
Стаж: 20 лет 8 месяцев
Благодарил (а): 16 раз

Re: Очень симпатичный фон у форума. Вопрос.

Сообщение Thanx »

Rayden писал(а):Thanx
А объясни, нахрена делать новый блок без картинок, если оригинальный для того и сделан, чтоб только картинки вставлять? Зачем вообще новый нужен?
Это так, просто, спасибо nissin, показал конструкцию:

Код: Выделить всё

<div style="clear:both"></div>
Теперь, конечно, можно было обойтись и без нового блока. Просто я в CSS не очень силён. :)
Rayden писал(а):...Так изящнее, согласись.
И я соглашусь. Думаю, как только появится свободная минутка, перепишу на этот вариант:

Код: Выделить всё

    .navbar {
    ...
    clear:both;
    }
vigors
phpBB 1.2.1
Сообщения: 20
Стаж: 18 лет 3 месяца

Re: Очень симпатичный фон у форума. Вопрос.

Сообщение vigors »

Rayden писал(а):В разных - в хедере, футере и в стилях.
Точных инструкций давать не буду.
А если очень попросить? :roll: Ну сильно. сильно. больно уж нравится! А я полный чайник в этих вопросах :shock:
Аватара пользователя
FladeX
Former team member
Сообщения: 1935
Стаж: 19 лет 3 месяца
Откуда: Саранск
Благодарил (а): 7 раз
Поблагодарили: 59 раз

Re: Очень симпатичный фон у форума. Вопрос.

Сообщение FladeX »

vigors
посмотрите пока что в исходном коде страницы + посмотрите файлы css. Если все равно не понятно будет, то пишите, но желательно с конкретными вопросами, так как на абстрактные трудно отвечать :)
//
// Okay, let's do the loop, yeah come on baby let's do the loop
// and it goes like this ...
| phpBB Adept ] | Каталог форумов | генератор sitemap для форумов | форум про форумы
vigors
phpBB 1.2.1
Сообщения: 20
Стаж: 18 лет 3 месяца

Re: Очень симпатичный фон у форума. Вопрос.

Сообщение vigors »

FladeX писал(а):vigors
посмотрите пока что в исходном коде страницы + посмотрите файлы css. Если все равно не понятно будет, то пишите, но желательно с конкретными вопросами, так как на абстрактные трудно отвечать :)
Да я вроде все делал, как описывалось в этой теме, но получилась такая кака, что не нашел ничего лучшего. как заново вернуть все на свои места. Если это не сильно затруднит, можно пошагово: где, что и в какой последовательности, а то я, как Вы уже поняли. в этом ноль :( , а хочется. что бы посимпатичней было!
Аватара пользователя
Rayden
Former team member
Сообщения: 3739
Стаж: 21 год 2 месяца
Поблагодарили: 44 раза

Re: Очень симпатичный фон у форума. Вопрос.

Сообщение Rayden »

Если ноль, то тебе на htmlbook.ru
phpBB2 FAQ
phpBB3 FAQ
vigors
phpBB 1.2.1
Сообщения: 20
Стаж: 18 лет 3 месяца

Re: Очень симпатичный фон у форума. Вопрос.

Сообщение vigors »

Rayden писал(а):Если ноль, то тебе на htmlbook.ru
Обязательно воспользуюсь Вашим советом, но на это потребуется некоторое время, а пока, если не сильно трудно, можно небольшую пошаговую инструкцию?
vigors
phpBB 1.2.1
Сообщения: 20
Стаж: 18 лет 3 месяца

Re: Очень симпатичный фон у форума. Вопрос.

Сообщение vigors »

FladeX писал(а):vigors
посмотрите пока что в исходном коде страницы + посмотрите файлы css. Если все равно не понятно будет, то пишите, но желательно с конкретными вопросами, так как на абстрактные трудно отвечать :)
Вот, что я сделал:

Изменил файл шаблона overall_header.html: убрал <span class="corners-top"><span></span></span> и <span class="corners-bottom"><span></span></span>, вставил в CSS-navbar clear:both и изменил на background: none, в шаблон между body и wrap добавил блок: <div id="kremlin">, в CSS перед wrap вставил #kremlin { background-image:url(/styles/prosilver/theme/images/russia2_map.png);background-position:0pt; background-repeat:no-repeat;}, загрузил на сервер эту картинку (пока эксперимент, потом вставлю другую), после окончания блока <div class="headerbar"> вставил <div style="clear:both"></div> (перед <!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->).

В итоге в что получил http://forum.interbiz.su/index.php. Подскажите пожалуйста что и где еще нужно сделать.
Аватара пользователя
FladeX
Former team member
Сообщения: 1935
Стаж: 19 лет 3 месяца
Откуда: Саранск
Благодарил (а): 7 раз
Поблагодарили: 59 раз

Re: Очень симпатичный фон у форума. Вопрос.

Сообщение FladeX »

vigors писал(а):background-image:url(/styles/prosilver/theme/images/russia2_map.png);
первый слэш мне кажется лишний.
vigors писал(а):добавил блок: <div id="kremlin">
вы его кстати закрыли </div> ? Я не нашел закрывающий тэг.
//
// Okay, let's do the loop, yeah come on baby let's do the loop
// and it goes like this ...
| phpBB Adept ] | Каталог форумов | генератор sitemap для форумов | форум про форумы
vigors
phpBB 1.2.1
Сообщения: 20
Стаж: 18 лет 3 месяца

Re: Очень симпатичный фон у форума. Вопрос.

Сообщение vigors »

Сразу закрыть, так? <div id="kremlin"></div>. Сейчас закрыл, слэш убрал, кеш очистил, результат преждний. :(
Аватара пользователя
FladeX
Former team member
Сообщения: 1935
Стаж: 19 лет 3 месяца
Откуда: Саранск
Благодарил (а): 7 раз
Поблагодарили: 59 раз

Re: Очень симпатичный фон у форума. Вопрос.

Сообщение FladeX »

Не сразу. Он у вас после <body> открывается, поэтому закрыть можете перед </body>
А если как сейчас делаете - вам придется прописать высоту, а для нижеследующего слоя еще и абсолютное позиционирование от начала странички, что вам скорее всего будет проблематично.
//
// Okay, let's do the loop, yeah come on baby let's do the loop
// and it goes like this ...
| phpBB Adept ] | Каталог форумов | генератор sitemap для форумов | форум про форумы
vigors
phpBB 1.2.1
Сообщения: 20
Стаж: 18 лет 3 месяца

Re: Очень симпатичный фон у форума. Вопрос.

Сообщение vigors »

FladeX писал(а):Не сразу. Он у вас после <body> открывается, поэтому закрыть можете перед </body>
А если как сейчас делаете - вам придется прописать высоту, а для нижеследующего слоя еще и абсолютное позиционирование от начала странички, что вам скорее всего будет проблематично.
То есть тег </div> нужно ставить уже в коде шаблона overall_footer.html? Рисунок уже появился, только он не сверху, а в середине форума

Вернуться в «Стили для phpBB 3.0.x»