Верста модуля Вывод последних сообщений из phpBB3 в DLE 9

[papay]

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

Что бы понять в чем проблема лучше зайти на мой сайт через мозилу и ослика например _http://www.net-wars.su/, что бы увидеть проблему.

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

по этой сылке можно скачать сам модуль _http://pafnuty.name/engine/download.php?id=34, там есть та самая картинка и как то хитро он он её использует.

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

Начнем с кода:

2. В main.tpl :

[add]- Перед

</head>

вставляем:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

эту строку вставлять только если не подключена библиотека jQuery и версия DLE ниже 9.0.

<script type="text/javascript" src="{THEME}/js/tooltip.js" ></script>
<script type="text/javascript">$(document).ready(function(){simple_tooltip(".ttp_lnk a","tooltip"); $(".phpbb-block tr:even").addClass("even"); $(".phpbb-block tr").hover(function() {$(this).addClass("hover");}, function(){$(this).removeClass("hover");});});</script>

- В любом удобном месте прописать:

{include file="phpbb.tpl"}

Это было прелюдие

Теперь же сам ксс.

[add]3. В CSS файле (например style.css) прописать:

.tooltip {
	z-index:999;
	left:-9999px;
	top: -9999px;
	background: #fafafa;
	border: 1px solid #0099cc;
	font-size:11px;
	color: #323232;
	padding:4px 8px;
	position:absolute;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	max-width: 400px;
	}
	.tooltip p { margin: 0px; padding: 0px;}

table.phpbb-block {
	width: 680px;
	margin-bottom: 20px;
	}
table.phpbb-block a {
	text-decoration: none;
	}
	table.phpbb-block a:hover {
		color: #323232;
		border-bottom: dotted 1px #000;
		}
table.phpbb-block tr.php-hdr {
	font-weight: bold;
	color: #0099cc;
	background: #e5f0f9 url(../images/bg_row_phpbb.png) no-repeat -680px -5px !important;
	}
table.phpbb-block tr {
	background: #fff url(../images/bg_row_phpbb.png) no-repeat left bottom;
	height: 20px;
	line-height: 20px;
	}
	table.phpbb-block tr.even {
			background-position: -680px bottom;
		}
		table.phpbb-block tr.hover {
			background-position: left -5px;
			}
			table.phpbb-block tr.even.hover {
				background-position: -680px -5px;
				}
				table.phpbb-block td {
					padding: 0 4px;
					}
					table.phpbb-block td.first-row {
						padding-left: 25px;
						}
						table.phpbb-block td.first-row a {
							display: block;
							}
							table.phpbb-block td.first-row a:hover {
								border: none;
								}
					table.phpbb-block td.last-row {
						padding-right: 15px;
						}
.blueline {
	background: #e5f0f9 url(../images/bg_row_phpbb.png) no-repeat -680px bottom;
	width: 680px;
	height: 1px;
	font-size: 0;
	}