Новогодняя шапочка для аватарав

Общие вопросы по HТМЛ, CSS и phpbb3 от пользователей форума
Аватара пользователя

Автор темы
Merlin
Администратор
Сообщения: 119
Зарегистрирован: 29 май 2012, 12:23
Репутация: 8
Откуда: Россия
Благодарил (а): 5 раз
Поблагодарили: 1 раз
Контактная информация:

Новогодняя шапочка для аватарав

Сообщение Merlin » 01 дек 2015, 22:44

1. Изображение

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

http://phpbb3.x-tk.ru/store/phpbb3_kabb_ru/images/nov-god-shapka_left.png

2. Изображение

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

http://phpbb3.x-tk.ru/store/phpbb3_kabb_ru/images/nov-god-shapka_right.png



Установка для хостинга гетбб 3.1.х - добавить в overall_header_head_append.html.

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

<link href="http://phpbb3.x-tk.ru/store/phpbb3_kabb_ru/images/nov-god-shapka_left.css" rel="stylesheet" type="text/css" media="screen, projection" />


Установка - добавить в CSS

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

/*  Новогодняя шапочка для аватарав
http://phpbb3.x-tk.ru/viewtopic.php?f=12&t=1142
------------------------------------------------------------------------------*/
.postprofile .avatar {
   position: relative;
   z-index: 1;
   margin: 10px 14px 0;
}

.postprofile .avatar:before {
   background: url("http://phpbb3.x-tk.ru/store/phpbb3_kabb_ru/images/nov-god-shapka_left.png") no-repeat;
   content: "";
   height: 100px;
   margin-top: -10px;
   position: absolute;
   width: 73px;
   z-index: 2;
   left: -12px;
   top: 12px;
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
   .postprofile .avatar:before {
      background: none;
      left: 0;
      top: 0;   
   }
}
/*  Новогодняя шапочка для аватарав - конец*/


Шапочка для стиля AllanStyle-SUBSILVER

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

<link href="http://phpbb3.x-tk.ru/store/phpbb3_kabb_ru/images/nov-god-shapka_left-allanstyle-subsilver.css" rel="stylesheet" type="text/css" media="screen, projection" />



Новогодняя шапочка для аватарав phpbb3
Новогодняя гирлянда для сайта или форума
Новогоднее поздравление от деда мороза для сайта
Новый год! Веселые снеговики со звуком и анимацией
Новый год! Веселый снеговик пускает салют, жонглирует снежками


рыжая

Новогодняя шапочка для аватарав

Сообщение рыжая » 08 дек 2015, 10:17

Добрый день простите,не поняла куда именно мне на моем форуме вставить шапку. http://edem.tforums.ws/
CSS, добавить в overall_header_head_append.html. этого у меня нету.

Аватара пользователя

Admin
Администратор
Сообщения: 1312
Зарегистрирован: 09 авг 2011, 00:22
Репутация: 14
Пол: Мужской
Благодарил (а): 2 раза
Поблагодарили: 9 раз

Новогодняя шапочка для аватарав

Сообщение Admin » 11 дек 2015, 12:35

Beholder вам уже ответил http://support.getbb.ru/viewtopic.php?f=13&t=10497
рыжая писал(а):Добрый день простите,не поняла куда именно мне на моем форуме вставить шапку. http://edem.tforums.ws/
CSS, добавить в overall_header_head_append.html. этого у меня нету.

Beholder писал(а):На вашем стиле etech (и на многих других) - можно как-то так:
(обязательно сделайте резервную копию файлов стиля, чтобы потом вернуть всё обратно)

(Взято с незначительными правками в основном у Merlin'a отсюда: viewtopic.php?f=12&t=1142 )


в шаблоне viewtopic_body.html
найти

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

<!-- IF postrow.POSTER_AVATAR --><div class="postavatar">{postrow.POSTER_AVATAR}</div><!-- ENDIF -->

и заменить это на:

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

<!-- IF postrow.POSTER_AVATAR --><div class="postavatar"><div class="avatar">{postrow.POSTER_AVATAR}</div></div><!-- ENDIF -->



если в ТЕМУ стиля добавить:

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

.avatar {
   position: relative;
   z-index: 1;
   margin: 10px 14px 0;
display:inline-block;
}

.avatar:before {
   background: url("http://phpbb3.x-tk.ru/store/phpbb3_kabb_ru/images/nov-god-shapka_left.png") no-repeat;
   content: "";
   height: 100px;
   margin-top: -10px;
   position: absolute;
   width: 73px;
   z-index: 2;
   left: -12px;
   top: 12px;
}

то получится так:
Изображение

если-же вместо этого добавить:

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

.avatar {
   position: relative;
   z-index: 1;
   margin: 10px 14px 0;
display:inline-block;
}

.avatar:before {
   background: url("http://support.iboards.ru/images/ranks/support_iboards_ru/small_sh.png") no-repeat;
   content: "";
    height: 55px;
    position: absolute;
    display: block;
    width: 55px;
    z-index: 2;
    right: -25px;
    top: -18px;
}


то получится так:
Изображение
Изображение


Sylenth
Сообщения: 4
Зарегистрирован: 10 авг 2015, 14:47
Репутация: 0
Пол: Мужской

Новогодняя шапочка для аватарав

Сообщение Sylenth » 20 дек 2015, 11:56

Криво почему то?)))

Изображение

Аватара пользователя

Admin
Администратор
Сообщения: 1312
Зарегистрирован: 09 авг 2011, 00:22
Репутация: 14
Пол: Мужской
Благодарил (а): 2 раза
Поблагодарили: 9 раз

Новогодняя шапочка для аватарав

Сообщение Admin » 20 дек 2015, 17:39

Sylenth писал(а):Источник цитаты Криво почему то?)))

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


Sylenth
Сообщения: 4
Зарегистрирован: 10 авг 2015, 14:47
Репутация: 0
Пол: Мужской

Новогодняя шапочка для аватарав

Сообщение Sylenth » 20 дек 2015, 21:18

Admin писал(а):
Sylenth писал(а):Источник цитаты Криво почему то?)))

Значит ваш стиль очень сильно отличается от оригинальной версии, дайте ссылку на проблемную страницу форума.


Хорошо спасибо я решил не добавлять туда шапочки! а вот после того как я вставил гирлянды у меня расширилась шапка http://interrobot.rx22.ru и убрал их но все так и осталось!

Аватара пользователя

Admin
Администратор
Сообщения: 1312
Зарегистрирован: 09 авг 2011, 00:22
Репутация: 14
Пол: Мужской
Благодарил (а): 2 раза
Поблагодарили: 9 раз

Новогодняя шапочка для аватарав

Сообщение Admin » 21 дек 2015, 07:08

Sylenth писал(а):Источник цитаты
Admin писал(а):
Sylenth писал(а):Источник цитаты Криво почему то?)))

Значит ваш стиль очень сильно отличается от оригинальной версии, дайте ссылку на проблемную страницу форума.


Хорошо спасибо я решил не добавлять туда шапочки! а вот после того как я вставил гирлянды у меня расширилась шапка http://interrobot.rx22.ru и убрал их но все так и осталось!

Где?
Снимок.JPG
Изображение

  • Поделитесь ссылкой

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «Вопросы от пользователей»