Просмотр файла

Uniform 4.x

---

Стиль Uniform от IPSFocus для IPS Community Suite 4

---

• Добавил
  Respected
• Добавлено
  25.06.2015
• Категория
  Темы и дизайн
• Язык
  Не имеет значения

Edited 25 июня, 20159 yr by Respected

Классный! Подергать бы из него некоторые вещи  

Залить свои баграунды и дать право пользователю самому выбирать.... 

А еще это меню бы с иконками:

Edited 25 июня, 20159 yr by AUS

в custom.css нашел оформление меню их 

/* BASIC MENU */

.ipsMenu {
	background: {theme="ipsf_popupMenu"};
	box-shadow: 0px 10px 70px rgba(0,0,0,0.3);
	/* Prevent menu from inheriting from parent */
	text-shadow: none;
}

.ipsMenu_item > a {
	color: {theme="ipsf_popupText"};
	border-radius: 3px;
}

/* Hover */
.ipsMenu_item:not( .ipsMenu_itemClicked ):not( .ipsMenu_itemDisabled ) a:hover, .ipsMenu_item[data-selected] a {
	background-color: rgba(0,0,0,0.05);
	box-shadow: inset rgba(0,0,0,0.03) 0px 0px 0px 1px;
}

/* Titles */
.ipsMenu_title {
	/* Color required otherwise it inherits from parent container such as ipsType_pageTitle */
	color: {theme="text_color"};
	background: rgba(0,0,0,0.05);
	border: 1px solid rgba(0,0,0,0.07);
	border-width: 1px 0px;
	margin: 5px -5px;
	padding: 12px 15px;
	text-transform: uppercase;
}
.ipsMenu .ipsMenu_title:first-of-type{ margin-top: 0; }

.ipsMenu_sep { border-top-color: rgba(0,0,0,0.1); }

/* Other */
ul.ipsMenu, div.ipsMenu > ul{ padding: 5px; }
.ipsMenu_itemDisabled > a { color: inherit; opacity: 0.5; }

/* MENU STEMS */
.ipsMenu.ipsMenu_topLeft:after, .ipsMenu.ipsMenu_topRight:after, .ipsMenu.ipsMenu_topCenter:after { border-top-color: {theme="ipsf_popupMenu"}; }
.ipsMenu.ipsMenu_bottomRight:after, .ipsMenu.ipsMenu_bottomLeft:after, .ipsMenu.ipsMenu_bottomCenter:after { border-bottom-color: {theme="ipsf_popupMenu"}; }



/* OTHER MENU */

.ipsMenu_headerBar, .ipsMenu_footerBar {
	background: {theme="ipsf_popupMenu"};
	background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.05) 100%);
}

	.ipsMenu_headerBar {
		border-bottom: 1px solid rgba(0,0,0,0.15);
		box-shadow: 0px 1px 3px rgba(0,0,0,0.07);		
	}

	.ipsMenu_footerBar {
		border-top: 1px solid rgba(0,0,0,0.1);
		box-shadow: 0px -1px 3px rgba(0,0,0,0.07);
	}



/* Counts for menu items */

.ipsMenu_itemCount, .ipsSideMenu_itemCount {
	background: rgba(0,0,0,0.05);
	color: inherit;
}
	
	.ipsMenu_item:not( .ipsMenu_itemClicked ) a:hover .ipsMenu_itemCount,
	.ipsMenu_item:not( .ipsMenu_itemClicked ) button:hover .ipsMenu_itemCount {
		background: rgba(0,0,0,0.1);
	}

	/* .ipsSideMenu_itemActive .ipsSideMenu_itemCount {
		background: rgba(255,255,255,0.2);
		color: #fff;
	} */



/* AUTOCOMPLETE MENUS */

.ipsAutocompleteMenu {
	background: {theme="ipsf_popupMenu"};
	box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
}

	.ipsAutocompleteMenu_item[data-selected] {
		/* background: rgba(0,0,0,0.1); subtle highlight */
	}

 

но так и не понял где сами иконки зарыты 

слева было - справа стало 

 

 

 

Edited 25 июня, 20159 yr by AUS

Залить свои баграунды и дать право пользователю самому выбирать.... 

А еще это меню бы с иконками:

/* User link menu icons */
#elUserLink_menu a:before{
	content: "\f02b";
	font-family: "FontAwesome";
	font-size: 14px;
	font-weight: normal;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	{prefix="transform" value="translate(0,0)"}
}

#elUserLink_menu a:before{ display: inline-block; width: 22px; opacity: 0.7; }
#elUserLink_menu a:hover:before{ opacity: 1; }

#elUserLink_menu a[href*="/profile/"]:before{ content: "\f007" }
#elUserLink_menu a[href='{url="app=core&module=messaging&controller=messenger" seoTemplate="messaging"}']:before{ content: "\f01c" }
#elUserLink_menu a[href*="/content/"]:before{ content: "\f03a" }
#elUserLink_menu a[href*="/followed/"]:before{ content: "\f1d8" }
#elUserLink_menu a[href*="/attachments/"]:before{ content: "\f0c6" }
#elUserLink_menu a[href*="/settings/"]:before{ content: "\f013" }
#elUserLink_menu a[href*="/clients/"]:before{ content: "\f07a" }
#elUserLink_menu a[href*="edit"]:before{ content: "\f040" }
#elUserLink_menu a[href*="/ignore/"]:before{ content: "\f05e" }
#elUserLink_menu a[href*="/notifications/options/"]:before{ content: "\f0ac" }
#elUserLink_menu a[href*="/modcp/"]:before{ content: "\f046" }
#elUserLink_menu a[href*="/admin"]:before{ content: "\f023" }
#elUserLink_menu a[href*="/logout/"]:before{ content: "\f08b" }

 

Залить свои баграунды и дать право пользователю самому выбирать.... 

Эта функция в первую очередь для пользователей сделана.

 

@Fateswhisper это всё в custom.css или куда ?

Для удобства - да, в кастом.

Упс, забыл скрыть стандартную иконку входа в админку:

#elUserLink_menu a[href*="/admin"] i{ display: none; }

Это туда же, в кастом.

p.s. очень не удобно, что нет возможности редактировать свой последний пост.

Похоже, что стиль пришел из ипб 3.4.x

Упс, забыл скрыть стандартную иконку входа в админку:

#elUserLink_menu a[href*="/admin"] i{ display: none; }

Это туда же, в кастом.

p.s. очень не удобно, что нет возможности редактировать свой последний пост.

форум упал....  совпадение?  
p.s. трогаю мозг хостеру.... 

Упасть из-за наших манипуляций он точно не мог, это нужно постараться чтобы убить форум с помощью css  Да и у меня всё норм, после этих вставок:

С механизмом смены баграундов всё тяжелее на сколько я понимаю. 
@Fateswhisper сможете разобраться? 

С механизмом смены баграундов всё тяжелее на сколько я понимаю. 
@Fateswhisper сможете разобраться? 

Возможность смены фонов или изменить текущие на свои?

Если первое, то эта возможность идут в комплекте к теме.

Если второе, то первое что пришло в голову, это простая замена текущих фонов на свои:

Ищем директорию /uploads/set_resources_2/

Там кучка изображений, среди них есть 4 фона в формате jpg, берёте куда нибудь их вырезаете(на всякий случай), а вместо них вставляете свои изображения с тем же названием и расширением. Всё.

Возможность смены фонов или изменить текущие на свои?

Если первое, то эта возможность идут в комплекте к теме.

Вы ставили этот стиль? 

Первое - там просто есть кнопка для юзеров - сменить фон и набор из нескольких на выбор. Сделано симпатично.

 

 

 

 

 

 

Edited 25 июня, 20159 yr by AUS

Я так и не понял чего Вы хотите, но:

- Там есть кнопочка смены фонов, доступна всем

- И да, возможность залить свои фоны тоже имеется

upd: если Вы о том, чтобы пользователь мог сам залить СВОЙ фон и поставить его, то нет, этой возможности в скине нет.

Я так и не понял чего Вы хотите, но:

- Там есть кнопочка смены фонов, доступна всем

- И да, возможность залить свои фоны тоже имеется

Скрытый контент

я именно про это и говорил. 
вопрос как вытащить эту часть кода и вставить в свой шаблон.... 

Как убрать кнопки "Facebook" и "Twitter"?

Edited 26 июня, 20159 yr by Jacksons

Как убрать кнопки "Facebook" и "Twitter"?

Шаблоны -> core -> front -> global -> ipsfocus_socialButtons

    <li><a href="#" class='ipsfocus_sFacebook' target='_blank'>Facebook</a></li>
    <li><a href="#" class='ipsfocus_sTwitter' target='_blank'>Twitter</a></li>

Удалить или закомментировать.

В настройках стиля черт знает что творится с переводом. 

Стиль отличный, будем надеяться, что скоро кто-нибудь сольет и в темных тонах.

_http://www.ipsfocus.com/themes/villain/

:З

Я получаю, вопреки неоднократным попыткам, архив не полностью сгруженный. Всегда только 25,87 КБт. Соглашается ли это там в другом решении?

Сам жду villain с нетерпением так как стандартный стиль надоел а этот еще с тройки помню ужасно =) Кто знает как убрать иконку пункта в меню?

Edited 28 июня, 20159 yr by DebuggeR94

В настройках стиля черт знает что творится с переводом. 

Либо кто-то целенаправленно вырезал перевод, либо разработчикам скина было пофиг на перевод и их сил хватило лишь на один ключ, который они зачем то продублировали:

 <language>
  <word key="ipsf_borderColor">ipsBox border color</word>
  <word key="ipsf_borderColor">ipsBox border color</word>
 </language>

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