Перейти к содержимому
Открыть в приложении

Удобный способ просмотра. Узнать больше.

Дизайн и модификация Invision Community

Полноэкранное приложение на главном экране с push-уведомлениями, медалями и многим другим.

Чтобы установить это приложение на iOS и iPadOS
  1. Нажмите иконку «Поделиться» в Safari
  2. Прокрутите меню и нажмите На экран «Домой».
  3. Нажмите Добавить в правом верхнем углу.
Чтобы установить это приложение на Android
  1. Нажмите меню из трёх точек (⋮) в правом верхнем углу браузера.
  2. Нажмите Добавить на главный экран или Установить приложение.
  3. Подтвердите, нажав Установить.
Русский язык для Invision Community 5

IPB 3.1 Skins – IPB 3.1 Nature

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

Имя файла: IPB 3.1 Nature

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

Файл размещен: 29 авг 2010

Файл обновлен: 08 мар 2011

Категория файла: IPB 3.1 Skins

 

Версии:

3.1.2: For IP.Board 3.1.2 + IP.Downloads 2.2.2 + IP.Gallery 3.2.2 + IP.Blog 2.2.2 + IP.Links 3.2.2 + IP.Tracker 1.3.4

3.1.3: For IP.Board 3.1.3/3.1.4 + IP.Downloads 2.2.2 + IP.Gallery 3.2.2 + IP.Blog 2.2.2 + IP.Links 3.2.2 + IP.Tracker 1.3.4

3.1.4: for IP.Board 3.1.4 + IP.Downloads 2.3.1 + IP.Gallery 3.2.2 + IP.Blog 2.3.1 + IP.Links 3.2.2 + IP.Tracker 2.0.0 + IP.Content 2.1.2

3.1.4_with_Gal4: for IP.Board 3.1.4 + IP.Downloads 2.3.1 + IP.Gallery 4.0.0 + IP.Blog 2.3.2 + IP.Links 3.2.2 + IP.Tracker 2.0.3 + IP.Content 2.1.2

 

Качайте нужную версию!

Шкурка для 3.1.3 или 3.1.4 не сможет работать с 3.1.2!!! Шаблоны для галереи 3.2.2 не подойдут для IP.Gallery 4.0!

 

Замечательный скин, выполнен в стиле блога.

Смотреть больше скриншотов в галерее с осенним оформлением. Сейчас фон изменен.

 

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

 

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 на нужные.

 

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

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

Надеяться на законодательство нет смысла. Наши депутаты воспринимают интернет как песочницу для детей. Прождать можно вечно :)

  • 3 недели спустя...

Здравствуйте, уважаемые. Вопрос такой по скину. Как в шапке сменить названия я разобрался. Скажите, а каким образом загрузить и применить свой шрифт? Возможно ли это?

  • Автор

В css для классов шапки можете прописать другой системный шрифт.

Arial сменить на Verdana, например.

 

Шрифты допустимы только такие, которые загружены в систему на компьютерах Ваших посетителей.

Число допустимых шрифтов ограничено. Все нестандартное делается картинкой.

Еще один вопросик. Опишите подробно (если Вас не затруднит) где выставляются цвета панелек, фона самого форума (где темы написаны)

  • Автор

Затруднит, потому что там сотни классов и их сочетаний.

По Вашим определениям невозможно понять, что имеется ввиду.

 

Либо задавайте четкие конкретные вопросы, либо разбирайтесь сами, так как скин бесплатный. Его кастомизация – головная боль пользователей, а не разработчика.

Хорошо. Цветовую схему поменять. Скажем, я заменил фонофое изображение (на заднем плане которое), оно преимущественно синее. Форум сам больше оранжево-желтый. Можно ли сменить цветовую гамму форума? Да, хорошо, нет, будем разбираться. Я понимаю что скин бесплатный и огромнейшее спасибо за такой замечательный скин. Просто интересует данный вопрос. B)

  • Автор

Открываете css файлы в редакторе админки, копируйте код в текстовый редактор.

Начните с ipb_styles.css

И меняйте скопом бежевые цвета на голубые, а коричневые на синие.

Ну и картинки по необходимости тоже меняйте.

Если сделаете все аккуратно, получите то, что хотите.

Но менять придется много и возиться долго.

B) спасибою будем разбираться. Сохранить потом стиль можно? ) чтоб с народом поделиться если все получится.

  • Автор

Можете экспортировать и поделиться с народом в нашем архиве.

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

как изменить фон бг?

  • Автор
как изменить фон бг?

 

ipb_styles.css

Находим body

Меняем там картинку на свою.

Вы об этом?

Если нет, изъясняйтесь по-человечески. Что такое бг, я не знаю. В моих скинах нет ничего на русском.

background* сорри за примитивные речи. Разобрался. Спасибо за потдержку.

Как опустить строку поиска на одну линию с остальным меню ("Пользователи", "Календарь", "Галерея", "Быстрые сообщения" и т.п.)?

 

post-39527-0-90359200-1289598539_thumb.jpg

 

То есть вот так -

 

post-39527-0-18831000-1289600238_thumb.jpg

 

Спасибо.

Изменено пользователем Minnow

  • Автор

Найти в ipb_styles.css #search

Параметры этого класса и тех, что ниже (до #secondary_nav) привести в соответствие с дефолтными (кроме некоторых цветов)

Классов там много.

Не забудьте сбэкапить весь кусок кода прежде, чем станете что-то менять.

Как вариант, можно использовать этот кусок из скина Paradox (там близкие цвета)

#search {
color: #ddd0c2;
font-size: 0.85em;
margin: 0px 4px auto auto;	
position: relative;
right: 0px;
float: right;
  z-index: 5000;
}

#search .submit_input {
background: #000 url({style_images_url}/search_icon.png) no-repeat 50%;
text-indent: -3000em;
	        width: 25px;
	        height: 24px;
	border: 1px solid #444;
		color: #ddd0c2;
	padding: 0;
 float: left;
border-radius:  0 4px 4px 0;
   -moz-border-radius: 0 4px 4px 0;
   -webkit-border-bottom-right-radius: 4px;
   -webkit-border-top-right-radius: 4px;
}
#search input#main_search {
padding: 0;
	        border: 0;
	        width: 165px;
	        background-color: #333;
}

#search input#main_search.inactive {
	            color: #a9a9a9;
	            font-style: italic;
	        }
#search_wrap {
	        background: #333;
       border: 1px solid #444;
padding: 3px;
   		float: left;
white-space: nowrap;
border-radius:  4px 0 0 4px;
   -moz-border-radius:  4px 0 0 4px;
   -webkit-border-bottom-left-radius: 4px;
   -webkit-border-top-lrft-radius: 4px;
}

#search .choice {
background: url({style_images_url}/search_expand.png) no-repeat 3% 50%;
                       border-left: 1px solid #afafaf;
                       padding: 0 3px 0 12px;
	            color: #888888;
height: 11px;
	            min-width: 60px;
	            display: inline-block;

	        }

	        #search_options_menucontent {
	            background: #222;
	            font-size: 13px;
	            border: 1px solid #666;
	            margin-top: 9px;
	            min-width: 150px;
	            display: inline-block;
z-index: 1000;
box-shadow: #000 0px 3px 10px;  
-moz-box-shadow: #000 0px 3px 10px; 
-webkit-box-shadow: #000 0px 3px 10px; 
 	        }

	            #search_options_menucontent li {
background-image: none !important;
	                color: #aaa !important;
	                margin: 0 !important;
	                padding: 9px 5px 9px 10px !important;
	            }

	                #search_options_menucontent li.special {
	                    background: #20400b !important;
	                }

	                #search_options_menucontent li.special + li.app,
	                #search_options_menucontent li.title + li.special {
	                    border-top: 1px solid #444;
	                }

	                #search_options_menucontent li input {
	                    margin-right: 5px;
	                }

	    #adv_search {
	        width: 25px;
	        height: 20px;
	        margin: 1px;
	        background: url({style_images_url}/advanced_search.png) no-repeat 50%;
	        text-indent: -3000em;
	        float: left;
	        display: inline-block;
	    }

	        #adv_search:hover {
	            background-color: #e99310;
 }

Некоторые цвета придется поправить....

Еще вопросик:

 

расстояние между "шапкой" и "телом" как регулируется?

 

post-39527-0-96393800-1289647614_thumb.jpg

 

Спасибо.

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

Аккаунт

Навигация

Поиск

Поиск

Настроить push-уведомления браузера

Chrome (Android)
  1. Нажмите на иконку замка рядом с адресной строкой.
  2. Нажмите Права доступа -> Уведомления.
  3. Измените свои настройки.
Chrome (компьютер)
  1. Нажмите на иконку замка в адресной строке.
  2. Выберите Настройки сайта.
  3. Найдите Уведомления и измените свои настройки.