Перейти к публикации
View in the app

A better way to browse. Learn more.

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

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

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

 

Спасибо.

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

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

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

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.