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

Общие вопросы по 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
Администратор
Сообщения: 1316
Зарегистрирован: 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
Администратор
Сообщения: 1316
Зарегистрирован: 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
Администратор
Сообщения: 1316
Зарегистрирован: 09 авг 2011, 00:22
Репутация: 14
Пол: Мужской
Благодарил (а): 2 раза
Поблагодарили: 9 раз

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

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

Sylenth писал(а):
Admin писал(а):
Sylenth писал(а): Криво почему то?)))
Значит ваш стиль очень сильно отличается от оригинальной версии, дайте ссылку на проблемную страницу форума.
Хорошо спасибо я решил не добавлять туда шапочки! а вот после того как я вставил гирлянды у меня расширилась шапка http://interrobot.rx22.ru и убрал их но все так и осталось!
Где?
Снимок.JPG
Изображение

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

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