Прошу дизйнеров написать отличия скина 2.1.3 от 2.0.4

[-=MIF=-]

Можно?

Возникло мнение практика-тупаря (меня), что отличие идет в .css, т.к. картинки можно скопировать из 2.0.4, затем добавть недостающие из дефолтного скина 2.1.3 и обойтись, а вто с .css для меня (тупаря-одиночки в графике) посложней. Думаю, что надо классы добавлять, но тупо не умею сравнивать .css 2.0.4 и 2.1.4.

Прошу всех дизайнеров, кому не жалко идей и времени написать для нас, пользователей такую темку или тут ответить и закрепить, чтобы народ меньше мучался (и вас мучал своими вопросами).

 

Итак: Прошу дизйнеров написать отличия скина 2.1.3 от 2.0.4

[Fisana]

Не только в css.

В шаблонах много отличий.

Но скины вторых версий (2.0 - 2.1) экспортируются не полностью. Экспортируются, и, следовательно, затем импортируются только их отличия от базовой template - как в css, так в макросах и шаблонах.

Идеальный случай - установка дефолтного скина от 2.0 на 2.1. Здесь можно ограничиться только добавлением графики и скриптов в папку имиджей. Потому что все остальное достроится уже из стандарта 2.1.

 

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

Писать faq по правке css для 100% стандартного шаблона не имеет смысла (сравнить 2 текстовых файла - чего может быть проще?), так как только имбицил или ребенок не сможет понять, что добавить. А имбицилам и детям незачем разрешать администрировать форумы. Кроме того, отличия в css давно выложены на буржуйских сайтах (ссылки не помню, ибо не пригодились). Кстати, как можно css написать на русском? Это же код и пишется на латинице + цифры и символы.

 

Если html шаблоны изменены (будь то например шапка) , то экспортируются все изменения, и чем их больше, тем больше вес архивного файла с шаблонами. Здесь уже эти измененные шаблоны (вернее все их нестандартные фрагменты) устанавливаются на новую версию как есть. И тогда в большинстве случаев придется (кроме добавления графики и изменения css) их править. Иногда достаточно обратить шаблоны. Но при таком обращении к дефолту они могут потерять все декоративные элементы.

Я свои сложные скины делаю заново для новой версии именно по этой причине.

Макросы и враппер обычно совместимы при любых изменениях.

 

Писать FAQ в таком случае нужно для каждого скина, что, согласитесь, невозможно. Поэтому Вы либо разбираетесь сами с измененными фрагментами в сложных скинах, если можете, либо устанавливаете скины только от версии 2.1.

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

Изменено 27 Декабря 2005 пользователем Fisana

[-=MIF=-]

Хорошо, мудрая. Но для имбицила можно конкретно назвать классы, которые менялись в .css? Остальное мы асилим.

[Fisana]

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

Задача тривиальная. Я конечно понимаю, что Вы просите faq, чтобы сэкономить свое время. Но почему думаете, что у других оно лишнее?

Предлагаю все-таки проделать операцию сравнения текстов css инициатору темы, а результаты опубликовать тут.

Ошибки проверим и поправим.

Изменено 27 Декабря 2005 пользователем Fisana

[Fisana]

Голосующих "Да" просьба внимательнее прочесть мой пост, идущий вторым в теме.

Особенно в части, где речь идет о html фрагментах шаблонов.

Для слабовидящих повторю:

УНИВЕРСАЛЬНЫЙ FAQ сравнения СКИНОВ невозможен.

[Чёртос-2]

Используйте программы для сравнивания файлов! Мне нравится Compare It!...

[Fisana]

Это да. Но сравнивать придется в некоторых скинах десятки, а то и сотни фрагментов шаблонов.

Вообще-то, отличающиеся (после установки на 2.1.x) помечены красным. Проблема их обновить, не убив всю красоту при этом.

[Чёртос-2]

Вообще-то я хотел это сказать в ответ на данную фразу:

Предлагаю все-таки проделать операцию сравнения текстов css инициатору темы, а результаты опубликовать тут.

Ну да ладно...

[Fisana]

Около 620 фрагментов всего..

Сравнить можно средствами форума.

Но если в скине унаследованы десятки - сотни устаревших....

В общем, если это какой-нить экстримпикселовский или с подобными наворотами, дешевле купить нужный у авторов, чем перестраивать скин от двухи.

[nickostyle]

Чё, сложно прокрутить редактор ксс в админке вниз и посмотреть, что там добавлены новые классы в конце? Для этого надо быть гением?

[Fisana]

Дык не про css уже речь.

Хотя их и css править ломает в самых простых случаях.

Клювики раскрыли и дружно нажимают на "да".

[nickostyle]

В шаблонах я ничего нового не увидел, да и зачем оно вам надо, спрашивается? Если ты и делаешь скин или модификацию, то смотришь в шаблон 2.0.х и настраиваешь под 2.0.х, смотришь в 2.1 и настраивашь под него. Зачем знать разницу в шаблонах - непонятно...

 

В 2.1 Менюшки выпадающие добавились. Других существенных изменений я не замечал.

[Fisana]

Как это не увидел? Классы разные.

Сравни тот же мембер-бар от двухи и от 2.1.

Менюшки - это мелочи..

[Zhbanito]

А где хранятся файлы скинов???

[Fisana]

2.x - в базе данных. Просмотр и изменение только средствами админпанели.

[Sarmano]

-=MIF=-

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

 

Наивно ждать описания, где будет две-три волшебных строчки, исправляющие совместимости вышеупомянутых версий.

 

По сути было бы неплохо вообще в целом написать ФАК как делается скин. Сколько этапов и труда, не говоря о времени, все это дело занимает. Может быть такие вопросы просто отпадут сами по себе.

 

Удачи !!

[Zhbanito]

Fisana

Этот скин можно переделать пд 2.1.4 или нет?

[Fisana]

Можно, но это займет очень много времени. Там все перестроено, я его изучала...

Большинство модов на этот скин безболезненно не ставится.

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

 

Любой скин можно переделать, только дешевле другой подобрать.

[Zhbanito]

Там бред какой-то, такое впечатление что он картинку найти не может... хотя все как и в IPB 2.1 Default:

"url(<#IMG_DIR#>/tile_cat.gif);" - работает....

"url(<#IMG_DIR#>/tile_back.gif);" - не работает....

 

А так я готов переделать и отпостить

 

Я даже кнопки сам переводил к этому скину.. Так что бросить не могу..

[Fisana]

Конечно он их не видит, там другие классы + графика привязана к html и макросам (точно не помню, но у других из этой серии так).

Очень отличается от стандарта.

Перестроить под 2.1 сможет либо автор, либо профессионал.

Новичку - нереально.

[Zhbanito]

А вы кто?

Лично у меня есть и время и силы перекопать все...

что за вечные проблемы с совместимостью... а если не кешировать стиль, как они во время обновления предлогали?

 

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

[Fisana]

Я человек )

В общем копайте.

Получится, станете профессионалом.

А у меня, к сожалению, времени нет даже на советы

[Zhbanito]

Эм, а для этого диза нет такой раскладочки? А то я не помню как и где правильно картинки должны стоять.

 

http://www.helpru.net/index.php?showtopic=9

[Aiwan]

Не претендую на точность 100% но работает. Опробовал сегодня. Претензии не принимаются Пособие для "кто не шмог"

 

 
/*
=============================================================================
//
//  Если делать очень быстро. Находим эти строки, заккоментируем их...
//
=============================================================================
*/

/*
input,
textarea,
select{
	background: #FFF;
	border: 1px solid #9D9D9D;
	color: #666666;
	font-family: Tahoma, verdana, helvetica, sans-serif;
	font-size: 11px;
	margin: 5px;
	padding: 2px;
	vertical-align: middle;
}

select{
	border: 0;
	font-family: Tahoma, verdana, helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}
*/

/*
#pmnotewrap{
	background: #F2DDDD;
	border: 1px solid #992A2A;
	border-top: 0;
	margin: 5px;
	padding: 0;
}

#pmnotewrap{
	line-height: 135%;
	margin: 0 0 5px 0;
}

.errorwrap h4,
#pmnotewrap h4{
	background: #E3C0C0;
	border: 1px solid #992A2A;
	border-left: 0;
	border-right: 0;
	color: #992A2A;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 5px;
}

.errorwrap p,
#pmnotewrap p{
	background: transparent;
	border: 0;
	color: #992A2A;
	margin: 0;
	padding: 8px;
}

#pmnotewrap p.pmavatar{
	float: left;
}

#pmnotewrap p.pmnotefoot{
	background: #E3C0C0;
	border-top: 1px solid #992A2A;
	text-align: right;
}

#pmnotewrap a:link,
#pmnotewrap  a:visited{
	background: transparent;
	color: #992A2A;
	text-decoration: none;
}

#pmnotewrap a:hover,
#pmnotewrap a:active{
	background: transparent;
	color: #992A2A;
	text-decoration: underline;
} */

/*.cellblank,
.celldate,
.celltoday,
.mcellblank,
.mcelldate,
.mcelltoday{
	background: #F4F4F4;
	height: 100px;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.mcellblank,
.mcelldate,
.mcelltoday{
	height: auto;
}

.cellblank,
.mcellblank{
	background: #D2D2D2;
}

.celltoday,
.mcelltoday{
	border: 2px solid #8B0000;
}
*/
/*
======================   Add New Style fo 2.1  ==============================
//
//	   Добавляем нижние строки. Поправляем нужные цвета.
//		 Дальше берем в руки напильник и доделываем :)
//
=============================================================================
*/
/* Всплывающее менюшка: опции профиля, темы и т.д. */
.popupmenu{
	background: #F0F5FA;
	border: 1px solid #3A4F6C;
	text-align:left;   font-size:10px;
	white-space:nowrap;
	/*padding:3px 5px 3px 3px;*/
	/*width:300px;*/
}
/* Строки этого меню */
.popupmenu-item{
	padding: 5px;
	/*margin-top:4px;*/
	white-space: nowrap;
	border-bottom: 1px solid #C2CFDF;
}
/* Последняя строка в меню */
.popupmenu-item-last{
	 padding: 5px;
	 /*margin-top:4px;*/
	 white-space: nowrap;
}
/* Кнопка меню, которую мы видим */
.popmenubutton{
	 width:120px;
	 white-space:nowrap;
	 background-color: #C2CFDF;
	 border:1px solid #3A4F6C;
	 color: #3A4F6C;
	 font-weight:bold;
	 float:right;
	 height:18px;
	 text-align:center;
	 margin:0px;
	 font-size:11px;
	 padding:3px;
}
.popmenubutton a:link,
.popmenubutton a:visited,
.popupmenu-item a:link,
.popupmenu-item a:visited,
.popupmenu-item-last a:link,
.popupmenu-item-last a:visited{
	 color: #3A4F6C;
	 text-decoration: none;
}
.popmenubutton a:hover,
.popupmenu-item a:hover,
.popupmenu-item-last a:hover{
	  color: #5176B5;
	  text-decoration: none;
}
/* Разделы в меню, если таковые есть */
.popupmenu-category{
	  background: transparent url(<#IMG_DIR#>/tile_sub.gif);
	  border-top: 1px solid #5176B5;
	  border-bottom: 1px solid #5176B5;
	  color: #3A4F6C;
	  font-size: 10px;
	  font-weight: bold;
	  letter-spacing: 1px;
	  margin: 0;
	  padding: 5px;
}

/* Форма ввода текста. Например, поиск и т.д. */
.input-warn,
.input-green,
input,
textarea,
select{
	  background: #FFF;
	  border: 1px solid #4C77B6;
	  color: #000;
	  font-family: verdana, helvetica, sans-serif;
	  font-size: 11px;
	  margin: 5px;
	  padding: 2px;
	  vertical-align: middle;
}
.input-warn,
.input-warn-content{
	  border: 1px solid #C00;
}
.input-ok,
.input-ok-content{
	  border: 1px solid #0C0;
}
.input-warn-content{
	  padding: 4px;
	  margin: 4px;
	  background-color: #FCC;
}
.input-ok-content{
	  padding: 4px;
	  margin: 4px;
	  background-color: #CFC;
}
.input-text{
	  color: #900;
}
/* Нажатая кнопка помощника */
.tabon{
	  border-top:1px solid #999;
	  border-left:1px solid #999;
	  border-right:1px solid #999;
	  background-color:#FFF;
	  padding:8px;
	  padding-bottom:9px;
	  font-size:10px;
	  float:left;
	  width:auto;
	  margin-top:3px;
}
/* Неактивные кнопки */
.taboff{
	  border-top: 1px solid #777;
	  border-left: 1px solid #777;
	  border-right: 1px solid #777;
	  background-color: #B5C3D9;
	  color: #333;
	  padding: 8px;
	  font-size:10px;
	  float: left;
	  width: auto;
	  margin-top:3px;
}
.tabon a:link,
.tabon a:visited,
.tabon a:active{
	  text-decoration:none;
	  color: #000;
}
.taboff a:link,
.taboff a:visited,
.taboff a:active{
	  text-decoration:none;
	  color: #333;
}
/* Бэкграунд на помощнике, там где неактиные кнопки */
.mya-back{
	 background: #072A66;
	 margin:1px;
}
/* Само наполнение страницы помощника */
.mya-content{
	 background: #FFF;
	 padding:8px;
	 margin:1px;
	 border: 1px solid #777;
}

.rteimage {
	/*background: #D3D3D3;*/
	/*border: 1px outset transparent*/;
	cursor: pointer;
	cursor: hand;
	padding:1px;
}
.rteImageRaised {
	/*background: #D3D3D3;*/
	border: 1px outset;
	cursor: pointer;
	cursor: hand;
	padding:0px;
}
.rteImageLowered {
	/*background: #D3D3D3;*/
	border: 1px inset;
	cursor: pointer;
	cursor: hand;
	padding:0px;
}
.rteimage:hover {
	background: #EBEBEB;
	cursor: pointer;
	cursor: hand;
}
.rteVertSep {
	margin: 0 4px 0 4px;
}
.rteBack {
	background: #D3D3D3;
	border: 1px outset;
	letter-spacing: 0;
	padding: 2px;
}
/* used in ips_rte.js - do not remove */
.rtebottombutton{
	font-size:10px;
	border:1px solid #777;
	border-top:0px;
	padding:3px;
	margin:0px;
	background-color: #EBEBEB;
}
/* used in ips_rte.js - do not remove */
.rtebottombuttonon{
	font-size:10px;
	border:1px solid #777;
	border-top:0px;
	padding:3px;
	margin:0px;
	background-color: #D3D3D3;
}
.rtebuttonbar1 {
	/*background: #D3D3D3;*/
	background-image: url(<#IMG_DIR#>/folder_rte_images/rte_tile.gif);
	border: 1px solid gray;
	border-bottom:0px;
	letter-spacing: 0;
	padding: 2px;
	height:26px;
}
.rtebuttonbar2 {
	/*background: #D3D3D3;*/
	background-image: url(<#IMG_DIR#>/folder_rte_images/rte_tile.gif);
	border: 1px solid gray;
	border-top:1px solid gray;
	letter-spacing: 0;
	padding: 2px;
	height:26px;
}
.rtebuttonbar1 tbody tr td,
.rtebuttonbar1 tr td,
.rtebuttonbar2 tbody tr td,
.rtebuttonbar2 tr td,
.rteBack tbody tr td,
.rteBack tr td{
	 /*background: #D3D3D3;*/
	 padding: 0;
}
/* .rteDiv при использовании формы быстрого ответа Extended FastReply 1.0
необходимо заккоментировать.
*/
.rteDiv {
	 display: block;
	 position: relative;
	 padding:0px;
	 margin:0px;
}
.rteiframe{
	 border:1px solid #777;
	 background-color:#FFF;
	 }
.rteselectbox{
	 font-size:11px;
}
.celltodayshaded,
.celldateshaded,
.cellblank,
.celldate,
.celltoday,
.mcellblank,
.mcelldate,
.mcelltoday{
	background: #EEF2F7;
	height: 100px;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.celltodayshaded,
.celldateshaded
{
	background: #E3DFE7;
}

.mcellblank,
.mcelldate,
.mcelltoday{
	height: auto;
}

.cellblank,
.mcellblank{
	background: #C2CFDF;
}

.celltoday,
.celltodayshaded,
.mcelltoday{
	border: 2px solid #8B0000;
}

.calranged
{
	border: 2px outset #C2CFDF;
	background: #C2CFDF;
	padding:4px;
}

.calitem
{
	border-bottom: 1px dotted #C2CFDF;
	padding:4px;
}

.ipbtable {
	 width:100%
}

table.ipbtable,
tr.ipbtable,
td.ipbtable
{
/* required for text in tables, because tables do not inherit from body */
	 background: transparent;
	 color: #222;
	 font-size: 11px;
	 line-height: 135%;
}

.ipbtable td,
.divpad{
/* gives all tables faux cellpadding of 5px */
	 padding: 5px;
}
.dny-edit-title
{
	 border:0px;
	 padding:3px;
	 margin:0px;
	 background: #D1DCEB;
	 color: #3A4F6C;
}
.maintitle td {
	 color: #FFF;
	 font-size: 12px;
	 font-weight: bold;
}
.iframeshim
{
	 position:absolute;
	 display:none;
	 background: #FFF;
	 filter:alpha(opacity=0);
	 border:0px;
	 width:auto;
	 height:auto;
}

#logographic{
	 background: transparent url(<#IMG_DIR#>/logo4.gif) no-repeat left;
	 height: 68px;
	 margin: 0;
	 padding: 0;
}
.errorwrap {
	 background: #F2DDDD;
	 border: 1px solid #992A2A;
	 border-top: 0;
	 margin: 5px;
	 padding: 0;
}

.errorwrap h4 {
	 background: #E3C0C0;
	 border: 1px solid #992A2A;
	 border-left: 0;
	 border-right: 0;
	 color: #992A2A;
	 font-size: 12px;
	 font-weight: bold;
	 margin: 0;
	 padding: 5px;
}

.errorwrap p {
	 background: transparent;
	 border: 0;
	 color: #992A2A;
	 margin: 0;
	 padding: 8px;
}

[Fisana]

Aiwan,

ну так с css они сами справиться в состоянии.

и это годится только для дефолтных шаблонов.

А они же стили не на дефолте просят конвертировать, а навороченные экстримпикселовские, да игровые от Вилла Робертся.

Их переверстывать нужно, классы поменялись и правка одного css ничего не даст.