Как сделать окошко как форум на prosilver

[anonymouss]

1af6a96c538a.jpg

Чтобы потом во внутрь можно было прописать код и вставить с этим же окошком на форум ??? сори если это уже спрашивали 8-)

[Палыч]

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

		<div class="forabg">
			<div class="inner"><span class="corners-top"><span></span></span>
			<ul class="topiclist">
				<li class="header">
					<dl>
						<dt>NAME</dt>
					</dl>
				</li>
			</ul>
			<ul class="topiclist forums">
			<li class="row">
			<dl>
				<dt>content</dt>
			</dl>
			</li>
			</ul>
			<span class="corners-bottom"><span></span></span></div>
		</div>

[romeo_piter]

Подскажите, плиз.
Обрамил блок со статистикой в такое окно. В фаире всё хорошо, но эксплорер и опера - как обычно пакостят.
Текст в окне располагается не на всю ширину, а только наполовину.

Код в индекс-боди:

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

<div  class="forabg">
         <div class="inner"><span class="corners-top"><span></span></span>
         <ul class="topiclist">
            <li class="header">
               <dl>
                  <dt>{L_INFOBLOCK}</dt>
               </dl>
            </li>
         </ul>
         <ul  class="topiclist forums">
         <li  class="row">
         <dl>
            <dt>

<!-- IF S_DISPLAY_ONLINE_LIST -->
	<!-- IF U_VIEWONLINE --><h3><img src="./styles/prosilver/theme/images/now.gif" width="40px" height="24px" alt=""/>&nbsp;<a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h3><!-- ELSE --><h3><img src="./styles/prosilver/theme/images/now.gif" width="40px" height="24px" alt=""/>&nbsp;{L_WHO_IS_ONLINE}</h3><!-- ENDIF -->
	
	<p>&nbsp;{TOTAL_USERS_ONLINE}<br />&nbsp;{LOGGED_IN_USER_LIST}
</p>
<!-- ENDIF -->


<!-- IF not S_IS_BOT -->
<h3><img src="./styles/prosilver/theme/images/who_was.gif" width="40px" height="24px" alt=""/>&nbsp;{L_WHO_WAS_ONLINE}</h3>	
<P>&nbsp;{USERS_24HOUR_TOTAL}: <!-- BEGIN lastvisit -->{lastvisit.USERNAME_FULL}<!-- IF not lastvisit.S_LAST_ROW -->, <!-- ENDIF --><!-- END lastvisit --></p>
	<!-- ENDIF -->	


<!-- IF NEWEST_USER -->
	<h3><img src="./styles/prosilver/theme/images/statistica.gif" width="40px" height="24px" alt=""/>&nbsp;{L_STATISTICS}</h3>
	<p>&nbsp;{TOTAL_POSTS} &bull; {TOTAL_TOPICS}<!-- IF TOTAL_IMAGES --> &bull; {TOTAL_IMAGES}<!-- ENDIF --> &bull; {TOTAL_USERS} &bull; {NEWEST_USER}
<!-- IF not S_IS_BOT -->
<br/>&nbsp;{24HOUR_POSTS} &bull; {24HOUR_TOPICS} &bull; {24HOUR_USERS}</p>
	<!-- ENDIF -->
<!-- ENDIF -->



<!-- IF TOP_POSTERS_LIST -->
	<h3><img src="./styles/prosilver/theme/images/birthday_3.gif" width="40px" height="24px" alt=""/>&nbsp;{L_TOP_POSTERS}</h3>
	<p>&nbsp;{TOP_POSTERS_LIST}<br />
<!-- IF TOP_POSTERS_HOURS_LIST -->
	<i>&nbsp;{TOP_POSTERS_HOURS}</i> 	
	{TOP_POSTERS_HOURS_LIST}
<!-- ENDIF -->
</p>
<!-- ENDIF -->


<h3><img src="./styles/prosilver/theme/images/birthday_1.gif" width="40px" height="24px" alt=""/>&nbsp;{L_REPA}</h3>   
<P>&nbsp;<!-- BEGIN reputation_user --><!-- IF not reputation_user.S_FIRST_ROW -->, <!-- ENDIF -->{reputation_user.USERNAME} ({reputation_user.REPUTATION})<!-- END reputation_user --></p>




<!-- IF S_DISPLAY_BIRTHDAY_LIST and BIRTHDAY_LIST -->
	<h3><img src="./styles/prosilver/theme/images/birthday_2.gif" width="40px" height="24px" alt=""/>&nbsp;{L_BIRTHDAYS}</h3>
	<p>&nbsp;<!-- IF BIRTHDAY_LIST -->{L_CONGRATULATIONS}: <strong>{BIRTHDAY_LIST}</strong><!-- ELSE -->{L_NO_BIRTHDAYS}<!-- ENDIF --></p>
<!-- ENDIF -->

</dt>
         </dl>
         </li>
         </ul>
         <span class="corners-bottom"><span></span></span></div>
      </div>

[Warlock75]

Во всех браузерах все одинаково. IE8, Opera 9.64, FF3.5.6, Coogle Chrome, Safari.

[MAzZY]

Проверьте, чтобы все теги имели пару, т.е. закрывались.
Можно проверить на валидность, тогда там будут показаны конкретные места, которые вызывают проблемы.

И я не уверен, что Ваш копирайт годится. Насколько я помню, так делать нельзя.
Сведения об авторских правах

[romeo_piter]

Во всех браузерах все одинаково. IE8, Opera 9.64, FF3.5.6, Coogle Chrome, Safari.

В смысле у вас мой форум (текст окна информационный блок) отображается во всех броузерах одинаково (те на всю ширину окна)?
Или вы о том, что код верный? И у вас он работает?

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

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

Проверил. Всё ок.

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

Сделал при помощи: validator.w3.org.
На мой взгляд ничего страшного касательно стилей нет.

И я не уверен, что Ваш копирайт годится. Насколько я помню, так делать нельзя.
quote]
Щас разделю...

[Warlock75]

В смысле у вас мой форум (текст окна информационный блок) отображается во всех броузерах одинаково (те на всю ширину окна)?
Или вы о том, что код верный? И у вас он работает?

Именно. И то и то. Во всех браузерах все ок. Скриншоты прислать?

[romeo_piter]

Был бы очень признателен, если не сложно. У меня 8ой эксплорер и 10я опера - чудеса.... :cry:
romeo_piter@mail.ru

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

[Warlock75]

Вот скрины.

Добавлено спустя 55 секунд:
А что вас не устраивает? Я не понял. Хотите голубой фон? Создайте новый класс, назначьте любые свойства и все.

[Fray98rus]

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

[romeo_piter]

Да, мне не нужно, чтоб справа была пустота.
И я не нашел где бы классу "topiclist forums" элемента списка присваивалась половинная ширина :cry:

Просто пустота справа - оченно некрасиво.

[Warlock75]

пришлите файл index_body.html

[romeo_piter]

Вот:

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

<!-- INCLUDE overall_header.html -->
<!-- INCLUDE snow.js -->


<!-- INCLUDE forumlist_body.html -->

<br />
 <div  class="forabg">
         <div class="inner"><span class="corners-top"><span></span></span>
         <ul class="topiclist">
            <li class="header">
               <dl>
                  <dt>{L_INFOBLOCK}</dt>
               </dl>
            </li>
         </ul>
         <ul  class="topiclist forums">
         <li  class="row">
         <dl>
            <dt>




<!-- IF S_DISPLAY_ONLINE_LIST -->
	<!-- IF U_VIEWONLINE --><h3><img src="./styles/prosilver/theme/images/now.gif" width="40px" height="24px" alt=""/>&nbsp;<a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h3><!-- ELSE --><h3><img src="./styles/prosilver/theme/images/now.gif" width="40px" height="24px" alt=""/>&nbsp;{L_WHO_IS_ONLINE}</h3><!-- ENDIF -->
	
	<p>&nbsp;{TOTAL_USERS_ONLINE}<br />&nbsp;{LOGGED_IN_USER_LIST}
</p>
<!-- ENDIF -->


<!-- IF not S_IS_BOT -->
<h3><img src="./styles/prosilver/theme/images/who_was.gif" width="40px" height="24px" alt=""/>&nbsp;{L_WHO_WAS_ONLINE}</h3>	
<P>&nbsp;{USERS_24HOUR_TOTAL}: <!-- BEGIN lastvisit -->{lastvisit.USERNAME_FULL}<!-- IF not lastvisit.S_LAST_ROW -->, <!-- ENDIF --><!-- END lastvisit --></p>
	<!-- ENDIF -->	


<!-- IF NEWEST_USER -->
	<h3><img src="./styles/prosilver/theme/images/statistica.gif" width="40px" height="24px" alt=""/>&nbsp;{L_STATISTICS}</h3>
	<p>&nbsp;{TOTAL_POSTS} &bull; {TOTAL_TOPICS}<!-- IF TOTAL_IMAGES --> &bull; {TOTAL_IMAGES}<!-- ENDIF --> &bull; {TOTAL_USERS} &bull; {NEWEST_USER}
<!-- IF not S_IS_BOT -->
<br/>&nbsp;{24HOUR_POSTS} &bull; {24HOUR_TOPICS} &bull; {24HOUR_USERS}</p>
	<!-- ENDIF -->
<!-- ENDIF -->



<!-- IF TOP_POSTERS_LIST -->
	<h3><img src="./styles/prosilver/theme/images/birthday_3.gif" width="40px" height="24px" alt=""/>&nbsp;{L_TOP_POSTERS}</h3>
	<p>&nbsp;{TOP_POSTERS_LIST}<br />
<!-- IF TOP_POSTERS_HOURS_LIST -->
	<i>&nbsp;{TOP_POSTERS_HOURS}</i> 	
	{TOP_POSTERS_HOURS_LIST}
<!-- ENDIF -->
</p>
<!-- ENDIF -->


<h3><img src="./styles/prosilver/theme/images/birthday_1.gif" width="40px" height="24px" alt=""/>&nbsp;{L_REPA}</h3>   
<P>&nbsp;<!-- BEGIN reputation_user --><!-- IF not reputation_user.S_FIRST_ROW -->, <!-- ENDIF -->{reputation_user.USERNAME} ({reputation_user.REPUTATION})<!-- END reputation_user --></p>




<!-- IF S_DISPLAY_BIRTHDAY_LIST and BIRTHDAY_LIST -->
	<h3><img src="./styles/prosilver/theme/images/birthday_2.gif" width="40px" height="24px" alt=""/>&nbsp;{L_BIRTHDAYS}</h3>
	<p>&nbsp;<!-- IF BIRTHDAY_LIST -->{L_CONGRATULATIONS}: <strong>{BIRTHDAY_LIST}</strong><!-- ELSE -->{L_NO_BIRTHDAYS}<!-- ENDIF --></p>
<!-- ENDIF -->



</dt>
         </dl>
         </li>
         </ul>
         <span class="corners-bottom"><span></span></span></div>
      </div>



<!-- INCLUDE overall_footer.html -->

[Warlock75]

Вот стиль отвечающий за это:

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

ul.topiclist li.row dt a.subforum {
	background-image: none;
	background-position: 0 50%;
	background-repeat: no-repeat;
	position: relative;
	white-space: nowrap;
	padding: 0 0 0 12px;
}

50%.

Убери из шаблона class="row"
или создай класс:

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

li.row2 {
	background-image: none;
	background-position: 100%;
	background-repeat: no-repeat;
	position: relative;
	white-space: nowrap;
	padding: 0 0 0 12px;
}

и сответственно подправь шаблон.
Создав новый класс, ты можешь делать любой фон, в т.ч. и анимацию.

Добавлено спустя 6 минут 9 секунд:
не забудь тогда и про colour.css
Добавь:

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

li.row2 {
   background:#E5E5E5 url(./images/row1.gif) repeat-x scroll left top;
	border-top-color:  #FFFFFF;
	border-bottom-color: #5c5c5c;

, где меняй фон и цвета по своему усмотрению.

Добавлено спустя 1 час 51 минуту 46 секунд:
Кстати из нового класса можно половину ненужного убрать)))

[romeo_piter]

Сделал как вы сказали. Работает. Спасибо.

Но выплыл ещё косячок. В опере слова не переносятся.
И шрифт стал какой-то неадекватный. :cry:
А в эксплорере слова все видны, но блок растягивается на их ширину, которая больше экрана ))
В фаире снова всё в порядке :x