Подскажите что за мод

[TheRain]

Даже не могу представить как он называется. В действии посмотреть можно здесь: http://www.phpbbstyles.com/. Интересует каким модом сделан выбор форума? Т.е. клик на ячейку таблицы в которой название форума - ссылка в форум.

[Xpert]

HyperCells. Мод имеет один хорошо известный глюк - по Shift+клик новая тема или форум открываются не только в новом окне, но и в текущем.

[TheRain]

Спасибо.

[Поручик]

Shift+клик новая тема или форум открываются не только в новом окне, но и в текущем.

Где-то и когда-то достаточно давно я выкладывал фикс по этому поводу. Кажется в теме про Classic

[Xpert]

Тут
http://www.phpbbguru.net/community/view ... ht=classic

[TheRain]

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

[VVVas]

TheRain
Ну а применить стиль от вашей шкуры, а не от subSilver?

[Lektor]

Скачал я мод этот:

## Название: Hypercells
## Версия: 1.0.0 - final release
## Автор: Brewjah
## Файлов к редактированию: 2
## - index_body.tpl
## - viewforum_body.tpl
Включенные Файлы: ни один

Встречал только такую версию... желаемый результат: хочу чтоб было т.к. на http://www.phpbbstyles.com .. у меня все получилось как хотел, кроме треугольничка в правом нижнем углу(его там нет, все остальнео рабоатет как положено(внешне))..

Как я делал (напримере идекс_боди.тпл):
Заменил это:

Код: Выделить всё

<td class="row7" width="100%"><span class="forumlink"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a><br />

на это:

Код: Выделить всё

<td class="row9" width="100%" onMouseOver="this.style.backgroundColor='#E9E9EB'; this.style.cursor='hand';" onMouseOut=this.style.backgroundColor="#F2F2F4" onclick="window.location.href='{catrow.forumrow.U_VIEWFORUM}'"> <span class="forumlink"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a><br />

Мой цсс:

Код: Выделить всё

.row7
{
	background: #F2F2F4;
	border-top: 1px solid #fbfbfb;
	border-right: 1px solid #DADADA;
	border-bottom: 1px solid #C9C9C9;
	border-left: 1px solid #f7f7f7;
}

Код: Выделить всё

.row9
{
	background: #F2F2F4 url(images/bg_row_hover.gif) bottom right no-repeat;
	border-top: 1px solid #fbfbfb;
	border-right: 1px solid #DADADA;
	border-bottom: 1px solid #C9C9C9;
	border-left: 1px solid #f7f7f7;
}

images/bg_row_hover.gif - ттам лежит реугольник (путь правильный проверил, зы стянул его с пхпббстайлс, и по поводу цсс, они у меня не внешние а лежат в оверал.хидере.. там что все нормально)

Я так понимаю де-то с цсс я не доработал до конца.. пытался подстроиься под их цсс, но еще больше запутался.. : там есть для новых (красный треугольник)

Добавлено спустя 49 минут 16 секунд:

Таакс... єт я путь не верно указал к картинке... надо так: templates/vizion_x/images/bg_row_hover.gif
Но теперь треугольничек постояно вісвечеен.. а должен олько при наведении..
Кто знает подскажите.. а я пошел дальше фтыкать )

Добавлено спустя 1 час 26 минут 39 секунд:

Ребз помогите.. тут я не могу сделать ..

[m157y]

а если попробовать так?

Код: Выделить всё

.row9
{ 
   background: #F2F2F4 no-repeat; 
   border-top: 1px solid #fbfbfb; 
   border-right: 1px solid #DADADA; 
   border-bottom: 1px solid #C9C9C9; 
   border-left: 1px solid #f7f7f7; 
}

.row9:hover
{ 
   background: #E9E9EB url(templates/vizion_x/images/bg_row_hover.gif) bottom right no-repeat; 
}

[Lektor]

m157y
ооо ... класс... Спасибо большое все отлично сработало ..

Добавлено спустя 8 минут 2 секунды:

Мне нравистя этот модик.. красиво.. да и удобней имхо .

m157y, еще раз сенки, за код (даж менять ниче не пришлось .. сразу встало как надо)

[Xpert]

m157y
А теперь вопрос насколько это кроссбраузерно
Отвечаю: не кроссбраузерно...

[Lektor]

Да .. и правда .. вчера тестил под Оперой.. щас проверил ИЕ - не паше .. (треугольник) ..
Лана.. еще помучаю этот вопрос )

Добавлено спустя 2 часа 52 минуты 42 секунды:

Решил сделать так.. найти тему с этим хиперсел и сделать по анологии ..
Так вот на том же сайте тема: Aphrodite демо.

Так вот стянул я эту тему.. я конечно подзадумался крапаль ..
Что я делал:... решил для теста сделать "по железному":
Портировал в свой оверал_хидер код:

Код: Выделить всё

/* main tables/divs */

.forumline {
	border: solid 1px #2B438F;
	margin: 5px 0;
	background-color: #F8F8F8;
}

.no-width { margin: 5px auto; }

.forumline td { padding: 2px; }

.row1, .row2, .row3, .row4, .row1h, .row1h-new, .row2h, .row3h, .row1hHover, .row1h-newHover {
	background-color: #F8F8F8;
	border: solid 1px #FFF;
	border-right-color: #D6D6D6;
	border-bottom-color: #D6D6D6;
	text-align: left;
}

.row1h:hover, .row1hHover { 
	background: #F0F0F0 url(images/bg_row_hover.gif) bottom right no-repeat; 
	border-top-color: #F8F8F8;
	border-left-color: #F8F8F8;
	border-bottom-color: #D0D0D0;
	border-right-color: #D0D0D0;
}
.row1h-new:hover, .row1h-newHover { 
	background: #F0F0F0 url(images/bg_row_hover_new.gif) bottom right no-repeat; 
	border-top-color: #F8F8F8;
	border-left-color: #F8F8F8;
	border-bottom-color: #D0D0D0;
	border-right-color: #D0D0D0;
}

.forumline div.row1, .forumline p.row1 { text-align: left; padding: 3px; }

.row1g, .row1g-left, .row1g-left-top {
	background: #FFF url(images/bg_post.gif) top left repeat-x;
	border: solid 1px #FFF;
	border-right-color: #D6D6D6;
	border-bottom-color: #D6D6D6;
	vertical-align: middle;
	text-align: center;
}

.row1g-left, .row1g-left-top {
	text-align: left;
}

.row1g-left-top {
	vertical-align: top;
}

.forumline th {
	background: #FFF url(images/bg_th.gif) top left repeat-x;
	color: #455995;
	font-weight: bold;
	font-size: 11px;
	height: 24px;
	padding: 0 5px;
	border: solid 1px #FFF;
	border-right-color: #D6D6D6;
	border-bottom-color: #D6D6D6;
	white-space: nowrap;
}

.forumline .row-forum {
	padding: 1px 2px 2px 2px;
}

.forumline .no-padding {
	padding: 0;
}

.forumline .row-header {
	background: #354883 url(images/bg_hdr1.gif);
	border: solid 1px #DCE1EE;
	border-right-color: #CFDADE;
	border-bottom-color: #CFDADE;
	padding: 0;
	text-align: left;
	vertical-align: top;
	height: 27px;
}

.forumline p.row-header { height: 25px; }

.forumline .row-header span {
	background: url(images/bg_hdr2.gif) top left no-repeat;
	padding-left: 17px;
	color: #EDEFF4;
	display: block;
	padding-top: 4px;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.2em;
}

.row-header a, .row-header a:visited {
	color: #EDEFF4;
	text-decoration: underline;
}

.row-header a:hover, .row-header a:active {
	color: #C8D0EB;
	text-decoration: underline;
}

И в индекс_боди вставил:

Код: Выделить всё

<td class="row1h{catrow.forumrow.XS_NEW} row-forum" width="70%" onclick="window.location.href='{catrow.forumrow.U_VIEWFORUM}'"><a class="forumlink{catrow.forumrow.XS_NEW}" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
	  <span class="genmed">{catrow.forumrow.FORUM_DESC}<br />
	  </span><span class="moderators">{catrow.forumrow.L_MODERATOR} {catrow.forumrow.MODERATORS}</span></td>

Не выносимо... все как надо кроме треугольничка (картнки сами на месте) плюс в демке этой шкуры я увидел там прикольно цвет треугольника черный/красный в зависимости от прочтенная/не прочтенная тема. . .

Не знаю даж что с ним делать ..

Тут у мну пару вопросов есть по шкуре зачем эти файлы:

xs.cfg
scripts.js
pseudo-hover.htc
pseudo-focus.htc
xs/xs_header.tpl';
'xs/xs_index.tpl';
'xs/xs_forum.tpl';
'xs/xs_topic.tpl';
'xs/jumpbox.tpl';

Интерес еще подогревает scripts.js, он случйно не имеет отношения к боковой панельке как на сайте (в демке не увидел ее) насколько я прочитал код, то походу имеет отношения..

Вообщем прошу помочь разобраться .. буду благодарен за подскази ..

[m157y]

упс ))) просмотрел )))
templates/vizion_x/pseudo-hover.htc

Код: Выделить всё

<attach event="onmouseover" handler="hoverRollOver" />
<attach event="onmouseout" handler="hoverRollOff" />

<script type="text/javascript">
//
// Simple behaviour for IE5+ to emulate CSS pseudo-classes.
// Extended to enable the :focus event
//
// Manual at: http://www.hszk.bme.hu/~hj130/css/list_menu/hover/
//

function hoverRollOver() {
	element.origHoverClassName = (element.origFocusClassName) ? element.origFocusClassName : element.className;
	element.origHoverClassName = element.className;			// backup origonal className
	if(PreloadFlag)
	{
		var tempClassStr = element.className;		
		tempClassStr += "Hover";								// convert name+'Hover' the last class name	to emulate tag.class:hover
		tempClassStr = tempClassStr.replace(/\s/g,"Hover ");	// convert name+'Hover' the others to emulate tag.class:hover
		tempClassStr += " hover";								// add simple 'hover' class name to emulate tag:hover
		element.className = element.className + " " + tempClassStr;
	}
}
function hoverRollOff() {
	if( PreloadFlag && !element.focusOn ){
		element.className = element.origHoverClassName;
	}
}
</script>

overall_header.tpl
FIND

Код: Выделить всё

</head>

BEFORE, ADD

Код: Выделить всё

<!-- IE conditional comments: http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp -->
<!--[if IE]>
<style type="text/css">
/* IE hack to emulate the :hover & :focus pseudo-classes
   Add the selectors below that required the extra attributes */
.row1h, .row1h-new, .row1h-center, .row1h-forum, .row1h-forum-new { behavior: url("templates/ca_aphrodite2/pseudo-hover.htc"); }
</style>
<![endif]-->

в css

Код: Выделить всё

.row9 
{ 
   background: #F2F2F4 no-repeat; 
   border-top: 1px solid #fbfbfb; 
   border-right: 1px solid #DADADA; 
   border-bottom: 1px solid #C9C9C9; 
   border-left: 1px solid #f7f7f7; 
} 

.row9:hover, .row9Hover 
{ 
   background: #E9E9EB url(templates/vizion_x/images/bg_row_hover.gif) bottom right no-repeat; 
}

судя по phpbbstyles должно работать...

[Lektor]

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

Наверно лучше будет ставить новый голый форум на него этот скин.. и методом исключения вылавливать все шо нужно ипортировать уже на свой форум .. (ужос а шо делать ) бо я уже просто надумал и с цветами треугольника поиграться ..)

[m157y]

хм ) знач сначала поставлю пхпбб2.0 потом подскажу ) по идее эт работает... )