Помощь админам бесплатных форумов на PHPBB3
http://admins.bestforums.org/

Салют поверх шапки в стиле AeroBlueX.
http://admins.bestforums.org/viewtopic.php?f=6&t=391
Страница 1 из 1

Автор:  Nataly [ 11 июл 2014, 16:39 ]
Заголовок сообщения:  Салют поверх шапки в стиле AeroBlueX.

Нужно поверх шапки в стиле AeroBlueX установить гифку салюта. Желательно, чтобы гифка никуда не сдвигалась при прокрутке форума.

Находится она, в идеале, должна рядом с названием форума. (Отмечено красным кружком на скрине)

Изображение

Вот сама гифка:

Изображение

(Есть ещё код: <a target="_blank" href="http://smayliki.ru/smilie-850128903.html"><img src="http://s13.rimg.info/530568e1e667421dbb64a5669910e335.gif" ></a>)

Подскажите, как это осуществить. Если можно, на пальцах, ибо в HTML я почти не разбираюсь.

Автор:  vikweb [ 11 июл 2014, 18:14 ]
Заголовок сообщения:  Re: Салют поверх шапки в стиле AeroBlueX.

Nataly писал(а):поверх шапки в стиле AeroBlueX установить гифку салюта

в теме вашего стиля, найдите
#wrapheader {

и выше найденного с новой строки вставьте этот код
Код:
.salut {
   padding: 1px;
   left: 270px;
   float: right;
   position: absolute;
   top: 25px;
}


затем, в шаблоне overall_header.html
найдите строку
<body class="{S_CONTENT_DIRECTION}">
и ниже найденного, с новой строки, вставьте эту строку

Код:
<div class="salut"><img src="ТУТ ССЫЛКА НА ВАШУ ГИФКУ"></div>

у меня эта строка вместе с ссылкой, выглядит так
Код:
<div class="salut"><img src="http://s13.rimg.info/530568e1e667421dbb64a5669910e335.gif"></div>

пример тут http://okna.hobbyfm.ru/index.php?style=25


: если вам нужно передвинуть ваш салют, тогда в этом коде
Код:
.salut {
   padding: 1px;
   left: 270px;
   float: right;
   position: absolute;
   top: 25px;
}


найдите строки
left: 270px;
top: 25px;


меня значение 270 вы можете перемещать ваш салют левее или правее
а меняя значение 25 вы можете перемещать салют выше или ниже


надеюсь я не сильно путано написал?

Автор:  Nataly [ 11 июл 2014, 22:42 ]
Заголовок сообщения:  Re: Салют поверх шапки в стиле AeroBlueX.

Нет, всё понятно. Спасибо вам огромное.

Автор:  Nataly [ 12 июл 2014, 09:01 ]
Заголовок сообщения:  Re: Салют поверх шапки в стиле AeroBlueX.

Где-то я, очевидно, ступила. Старалась выполнить всё правильно, и даже трижды сделала, чтобы исключить невнимательное выполнение, но результат один - салют оказывает вверху, над названием. На скрине это выглядит так:

Изображение
(Скрин сделан в Хроме. Хоть я и сомневаюсь, что есть разница)

Менять значения в теме пробовала, в шаблоне, методом научного тыка, двигала. Результата никакого.


Кому не лень возиться с новичком, скажите, где ошиблась?

Автор:  vikweb [ 12 июл 2014, 09:04 ]
Заголовок сообщения:  Re: Салют поверх шапки в стиле AeroBlueX.

Nataly писал(а):Где-то я, очевидно, ступила. Старалась выполнить всё правильно, и даже трижды сделала, чтобы исключить невнимательное выполнение, но результат один - салют оказывает вверху, над названием. На скрине это выглядит так:

Изображение
(Скрин сделан в Хроме. Хоть я и сомневаюсь, что есть разница)

Менять значения в теме пробовала, в шаблоне, методом научного тыка, двигала. Результата никакого.


Кому не лень возиться с новичком, скажите, где ошиблась?

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

Автор:  Nataly [ 12 июл 2014, 09:12 ]
Заголовок сообщения:  Re: Салют поверх шапки в стиле AeroBlueX.

Благодарю ещё раз. Теперь работает.
Праздник на форуме спасён.

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