Перейти к контенту

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


FAQ сравнения скинов 2.1.3 и 2.0.4  

53 голоса

  1. 1. Нужен ли FAQ сравнения скинов 2.1.3 и 2.0.4?

    • да
      69
    • нет
      7
    • нафиг
      7
    • иди ...
      3
    • сам пиши
      6


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

Можно? :D

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

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

 

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

Ссылка на комментарий
Поделиться на других сайтах

Не только в 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.

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

Изменено пользователем Fisana
Ссылка на комментарий
Поделиться на других сайтах

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

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

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

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

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

Изменено пользователем Fisana
Ссылка на комментарий
Поделиться на других сайтах

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

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

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

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

Ссылка на комментарий
Поделиться на других сайтах

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

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

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

Ссылка на комментарий
Поделиться на других сайтах

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

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

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

Ссылка на комментарий
Поделиться на других сайтах

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

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

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

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

Ссылка на комментарий
Поделиться на других сайтах

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

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

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

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

Ссылка на комментарий
Поделиться на других сайтах

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

 

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

Ссылка на комментарий
Поделиться на других сайтах

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

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

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

Ссылка на комментарий
Поделиться на других сайтах

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

-=MIF=-

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

 

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

 

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

 

Удачи !!

Ссылка на комментарий
Поделиться на других сайтах

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

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

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

 

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

Ссылка на комментарий
Поделиться на других сайтах

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

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

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

 

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

 

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

Ссылка на комментарий
Поделиться на других сайтах

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

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

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

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

Ссылка на комментарий
Поделиться на других сайтах

А вы кто? :D

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

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

 

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

Ссылка на комментарий
Поделиться на других сайтах

Я человек )

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

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

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

Ссылка на комментарий
Поделиться на других сайтах

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

 

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

Ссылка на комментарий
Поделиться на других сайтах

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

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

 

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

/*
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;
}

Ссылка на комментарий
Поделиться на других сайтах

Aiwan,

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

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

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

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

Ссылка на комментарий
Поделиться на других сайтах

Присоединиться к обсуждению

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

Гость
Ответить в этой теме...

×   Вы вставили отформатированный текст.   Удалить форматирование

  Допустимо не более 75 смайлов.

×   Ваша ссылка была автоматически заменена на медиа-контент.   Отображать как ссылку

×   Ваши публикации восстановлены.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

Зарузка...
×
×
  • Создать...

Важная информация

Находясь на нашем сайте, вы соглашаетесь на использование файлов cookie, а также с нашим положением о конфиденциальности Политика конфиденциальности и пользовательским соглашением Условия использования.