3.2-3.4 Nature

Подписчики

Опубликовано: 4 сентября 201114 г

index.php?app=downloads&module=display&section=screenshot&id=237

Имя файла: 3.2-3.4 Nature

Владелец файла: Fisana

Файл размещен: 05 Сен 2011

Файл обновлен: 05 Ноя 2013

Категория файла: IPB 3.2-3.4 Skins

Свежая версия работает с

IP.Board 3.4.6

IP.Blog 2.6.3

IP.Calendar 3.3.4

IP.Content 2.3.6

IP.Downloads 2.5.4

IP.Gallery 5.0.5

Версии для ipb 3.2-3.3 ищите в предыдущих справа внизу на странице скачивания...

В этом скине нет графического логотипа. В шапке нужно просто заменить текст.

Инструкция по смене логотипа

Look & Feel > Manage Skin Sets & Templates > Manage Templates in nature

Открыть Global Templates > defaultHeader

<a class='logo' href='{$this->settings['board_url']}' title='{$this->lang->words['go_home']}' 
rel="home" accesskey='1'>NATURE</a><br />
<span class='logo'>Designed by IPBSkins.ru Team</span>

Заменить текст ('NATURE' и 'Designed by IPBSkins.ru Team') названием и описанием вашего форума.

Если не хватит места (в случае длинного названия форума) нужно просто уменьшить размер шрифта

Откройте ipb_styles.css

Найдите (почти в конце)

a.logo {
font-size:65px; 
color:#ededc5; 
text-decoration: none;
}

span.logo {
font-size:19px; 
color:#fff; 
text-decoration: none;
}

Замените значения 65 и 19 на нужные.

Инструкция по правке "подвала" форума.

1. Войдите в АЦ

2. Внешний вид > Редактирование шаблонов в Comfy

3. Откройте Глобальные > globalTemplate

4. Найдите

Your Company Name

Замените текст на свой

5. Если хотите вставить счетчики, найдите выше

<img src='{$this->settings['img_url']}/pic.png' alt='' />

Замените кодом счетчиков (можно несколько подряд)

====================English============

Changing the logo.

Look & Feel > Manage Skin Sets & Templates > Manage Templates in nature

Open Global Templates > defaultHeader

NATURE

Replace the text ('NATURE' and 'Designed by IPBSkins.ru Team') with your Board Name and Descriptions

If you want to change the font size

Open ipb_styles.css

find

a.logo {
font-size:65px; 
color:#ededc5; 
text-decoration: none;
}

span.logo {
font-size:19px; 
color:#fff; 
text-decoration: none;
}

Edit font size

For editing footer:

1. Go to ACP

2. Look & Feel > Manage Skin Sets & Templates > Manage Templates in nature

2. Open Global Templates > globalTemplate

3. Find

<div class='foot'><span class='left'><img 

src='{$this->settings['img_url']}/pic.png' alt='' 

/></span><span class='right'>Copyright © {parse expression="strftime('%Y')"} Your Company Name</span></div>

4. Edit

Your Company Name

Нажмите сюда, чтобы скачать этот файл

Опубликовано: 27 июня 201213 г

Добрый день.

Нашел небольшой косяк в отображении кнопки закрыть окно:

Опубликовано: 27 июня 201213 г

Автор

Спасибо, посмотрю...

1 месяц спустя...

Опубликовано: 24 августа 201213 г

Добрый день.

С выходом IP.Gallery 5.0 слетел шаблон. Главная страница галереи отображается очень криво, страницы с фотками просто криво.

======

Очень бы знаете хотелось, получить поправленный стиль. Знайте, моя граница не будет иметь никаких благодарностей :rolleyes: :D

Опубликовано: 25 августа 201213 г

Добрый день.

С выходом IP.Gallery 5.0 слетел шаблон. Главная страница галереи отображается очень криво, страницы с фотками просто криво.

======
Очень бы знаете хотелось, получить поправленный стиль. Знайте, моя граница не будет иметь никаких благодарностей :rolleyes: :D

Я позволил себе покапаться в стиле и исправил отображение главной страницы галереи.

В файле ipgallery.css:

В самом начале после:

/* NOTE: This CSS is currently *unoptimized* */

Вставить следующие строки:

/* Вставка Podvorie */
/* Image styles */
.gallery_box {
text-align: center;
z-index: 1;
position: relative;
}




.ipsBox.gallery_box {
	padding: 20px 15px;
	box-shadow: 0px 5px 25px rgba(0,0,0,0.1) inset;
	border-radius: 0 0 6px 6px;
}

.gallery_image {
display: inline-block;
margin: 8px !important;
padding: 4px 6px !important;
box-shadow: 0px 3px 4px rgba(0,0,0,0.1);
background: #fff;
min-width: 108px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
position: relative;
}

#featured_images {
height: 600px;
position: relative;
}

.featured_image {
	box-shadow: 0px 3px 4px rgba(0,0,0,0.1);
	background: #fff;
}

.featured_image > div {
	position: absolute;
	top: 4px;
	left: 4px;
	right: 4px;
	bottom: 4px;
}
/* Album selection */
.albumSelected {
padding: 4px 10px;
border: 1px solid #d5d5d5;
background: #fff;
-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
display: inline-block;
border-radius: 3px;
margin: 0 3px;
cursor: default;
}


.carousel_nav {
background: #fff;
color: #444444;
position: absolute;
width: 40px;
height: 40px;
line-height: 36px;
top: 50%; 
margin-top: -25px; 
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
text-align: center;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
font-size: 32px;
font-weight: bold;
display: block;
z-index: 10;
}

.carousel_nav:hover {
	background: #FF7530;
	color: #fff;
}

.carousel_left { left: -5px; }
.carousel_right { right: -5px; }

.galleryCarousel
{
width: 100%;
height: 500px;
position: relative;
}

.galleryCarousel .carousel_img 
{
	position: absolute;
	width: 100%;
	padding: 0px;
	height: 500px;
	box-shadow: 0px 5px 5px rgba(0,0,0,0.2);
	background-color: #282828;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
}

.galleryCarousel .carousel_img_link
{
	display: block;
	width: 100%;
	height: 100%;
}

.galleryCarousel .imageDescription
{
	position: absolute;
	padding-right: 20px;
	bottom: 0;
	background-color: #000;
	background-image: none;
	opacity: 0.8;
	border-top: 1px solid #282828;
}
.imageDescription {
background: url({style_images_url}/gallery/trans_bg2.png );
color: #e2e2e2;
position: absolute;
padding: 10px 0px 10px 10px;
bottom: 0;
left: 0;
width: 100%;
}

.gallery_category {
position: relative;
display: inline-block;
margin: 15px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
width: 275px;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
}

.gallery_category > div, .gallery_category:before, .gallery_category:after {
	padding: 8px;
	background: rgb(255,255,255);
	box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
	border-radius: 3px;
}

	/* Sets up the stack effect */
	.gallery_category:before, .gallery_category:after {
		content: " ";
		display: inline-block;
		width: 275px;
		height: 298px;
		position: absolute;
		top: 0;
		left: 0;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
		z-index: -1;
		-webkit-transform: rotate(-3deg);
		-moz-transform: rotate(-3deg);
		box-shadow: 0px 3px 10px rgba(0,0,0,0.2);
	}

		.gallery_category:after {
			-webkit-transform: rotate(3deg);
			-moz-transform: rotate(3deg);
		}

	.gallery_category h2 {
		position: absolute;
		top: 8px;
		left: 8px;
		right: 8px;
		background: rgba(0,0,0,0.7);
		color: #fff;
		font-size: 15px;
		padding: 12px 12px;
		text-align: left;
	}

		.gallery_category a {
			color: #fff;
		}

	.gallery_category .gallery_item_info {
		margin-top: 10px;
	}

.gallery_category_image {
background-color: #494949;
background-repeat: no-repeat;
background-position: center center;
height: 250px;
box-shadow: 0px 0px 5px rgba(0,0,0,0.4) inset;
border-radius: 2px;
}

.gallery_item_info {
text-align: right;
line-height: 22px;
font-size: 11px;
color: #7b7b7b;
font-weight: bold;
}

.gallery_item_info li.faded { opacity: 0.3; }
.gallery_item_info img { vertical-align: middle; margin: -2px 2px 0 0;}

.gallery_image_info {
padding: 20px;
text-align: left;
}

.gallery_image_info .desc { 
	line-height: 1.6;
}

/* Конец вставки Podvorie */

Внимание! Код не оптимизирован, цветовая гамма не всегда совпадает со стилем. Сделано только для корректного отображения главной страницы галереи.

... Надеюсь, уважаемая Fisana, я хоть немного сократил Вам время для поправления шаблона.

С уважением. Дмитрий.

Опубликовано: 28 августа 201213 г

Почему-то для 3.2.0. не отображается стиль и не только этот, если качать архив меньшим объемом, то пропадают кнопки с шапки форума и при условии настройки в админке все равно не отображаются. Как быть?

Опубликовано: 29 августа 201213 г

Автор

Добрый день.

С выходом IP.Gallery 5.0 слетел шаблон. Главная страница галереи отображается очень криво, страницы с фотками просто криво.

======
Очень бы знаете хотелось, получить поправленный стиль. Знайте, моя граница не будет иметь никаких благодарностей :rolleyes: :D

Я только что приехала.

Постараюсь обновить скины. Сейчас только обновлю лицензии на модули, а то нету у меня галереи 5.0

Опубликовано: 29 августа 201213 г

Я только что приехала.
Постараюсь обновить скины. Сейчас только обновлю лицензии на модули, а то нету у меня галереи 5.0

!!! У меня после установки 5.0 перестал работать флеш загрузчик файлов в галерее. Вполне вероятно версия чуть сырая, поэтому наверное есть смысл не ставить его сразу на форум, а поставить на локалку.

2 недели спустя...

Опубликовано: 9 сентября 201213 г

Автор

Скин обновлен для работы с новой галереей и блогами

2 месяца спустя...

Опубликовано: 16 ноября 201213 г

У меня тоже редактор голубой, как в посте 11 , скин же 2 раза переустанавливал

АААА нашел причину после прочтения ставтьи о правильной установке скинов. Ошибка была в том, что я не синхронизировал папку изображения в настройках скина. Как указал правильный путь к картинкам, так сразу скин изменился до неузнаваемости в лучшую сторону, - спасибо вам, а ведь перед этим матерился, хотя в голове и сидело что виноват где то сам, а вот где не понимал. Думал что автоматом все выставляется.

Изменено 16 ноября 201213 г пользователем masterroma

1 месяц спустя...

Опубликовано: 31 декабря 201213 г

Автор

Обновлен до 3.4.1

Опубликовано: 31 декабря 201213 г

Всем подаркам - подарок. СПАСИБОЧКИ !!!

2 недели спустя...

Опубликовано: 11 января 201312 г

Добрый день. Прошу помощи ибо сам не справился и танцы с бубном к результату желаемому не привели. :(

Приторочил к форуму счетчики и глобус. Чтобы никому не мешали сунул их в самый низ. Но встали они по правому краю и никакими моими ухищрениями в центр вставать не хотят. Фисана, подскажи пожалуйста, как мне поправить шаблон, чтобы все стало красиво. Адрес форума чтобы посмотреть кидаю в ЛС дабы не рекламить.

P.S. И еще боюсь, что счетчики встав в центр перекроют твой копирайт, не хотелось бы...

PPS. Насколько я понял по логам доступа, у меня три дня назад украли скин сайта... Я в шоке.

Изменено 11 января 201312 г пользователем podvorie

Опубликовано: 11 января 201312 г

Автор

У Вас там проблемы и с логин формой, которую пытаетесь центрировать.

Это бесполезно, так как там

#stickymsg{
position: fixed;
top: 10px;
line-height: 16px;
left: 10px;
z-index: 30000;

Пока там

position: fixed;
left: 10px;

Центрировать не получится. Исправьте вначале это.

Зы.

По поводу счетчиков. Читайте внимательно инструкцию к скину (в первом посте) и вставьте счетчики правильно.

А глобус ужасен.

Опубликовано: 11 января 201312 г

У Вас там проблемы и с логин формой, которую пытаетесь центрировать.
Зы.
По поводу счетчиков. Читайте внимательно инструкцию к скину (в первом посте) и вставьте счетчики правильно.
А глобус ужасен.

Не трогал логин форму, и мыслей не было :blink: :blink:

Счетчики сделал СПАСИБО!

Глобус какой есть. Там есть разные виды, но сначала надо отцентровать.

9 месяцев спустя...

Опубликовано: 4 ноября 201312 г

Автор

Обновлен до 3.4.5/6

Создайте аккаунт или войдите в него для комментирования

Зарегистрировать аккаунт

Войти сейчас

Подписчики

Перейти к списку тем

Нет пользователей, просматривающих эту страницу.

Войти

3.2-3.4 Nature

Рекомендованные сообщения

Создайте аккаунт или войдите в него для комментирования

Сейчас на странице 0

Account

Navigation

Поиск

Configure browser push notifications

Chrome (Android)

Chrome (Desktop)

Safari (iOS 16.4+)

Safari (macOS)

Edge (Android)

Edge (Desktop)

Firefox (Android)

Firefox (Desktop)