Пропустить

[FAQ] ON-LINE при переносе столбца налево в prosilver

Есть любые вопросы, связанные со стилями/темами для phpBB 3.0.x? Задайте их здесь!
Свернуть Развернуть Правила форума Местная Конституция | Шаблон запроса | Документация (phpBB3) | Переход на 3.0.6 и выше | FAQ-3 (phpbb3) | Как задавать вопросы | Как устанавливать моды

Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение ;) ).
Ответить

Сообщение AlexxxUA » 16.03.2008 4:07

Вот так выглядят сообщения
Вложения
Capture.jpg

AlexxxUA
phpBB 1.2.0
 
Сообщения: 16
Зарегистрирован: 19.02.2008 5:15
Благодарил (а): 0 раз.
Поблагодарили: 0 раз.
Вернуться к началу

Сообщение Rayden » 16.03.2008 4:13

А шесть раз зачем? Лучше бы показал, как в ИЕ7 выглядит.
phpBB2 FAQ
phpBB3 FAQ
Аватара пользователя
Rayden
Former team member
 
Сообщения: 3795
Зарегистрирован: 27.06.2005 1:07
Благодарил (а): 0 раз.
Поблагодарили: 29 раз.
Вернуться к началу

Сообщение eric » 16.03.2008 11:59

AlexxxUA
Лучше расположите кнопочку как я, проблем меньше будет! Читайте посты в этой теме, начиная со второй страницы =)))
Бесплатный сыр бывает только в мышеловке. И только для второй мыши. =))
Аватара пользователя
eric
phpBB 2.0.2
 
Сообщения: 156
Зарегистрирован: 02.02.2007 16:02
Откуда: Москва
Благодарил (а): 0 раз.
Поблагодарили: 0 раз.
Вернуться к началу

Сообщение AlexxxUA » 17.03.2008 12:33

Не подскажете, как отцентрировать информацию внутри столбца пользователя, чтобы было строго по центру? Я делал text-align: center, но там слева зазор, и получается не посередине. А хочется, чтобы аватара и остальная информация была по центру столбца, так красивее.

AlexxxUA
phpBB 1.2.0
 
Сообщения: 16
Зарегистрирован: 19.02.2008 5:15
Благодарил (а): 0 раз.
Поблагодарили: 0 раз.
Вернуться к началу

Сообщение Rayden » 17.03.2008 13:25

Какой нафиг столбец? Где ты его взял?
Ты не понимаешь элементарного. Текст не внутри столбца, текст внутри блока <div class="content"> (а информация о пользователе внутри блока postprofile)
И твое text-align: center (если ты конечно его правильно прописывал) влияет только на расположение текста внутри этого блока. С учетом паддингов этого блока плюс маргинов соседних блоков и с учетом того, что другие блоки могут сюда залезать -это все может сдвинуть текст.

А сам <div class="content"> находится в блоке <div class="postbody">, в котором находятся еще несколько блоков, все друг друга пихают в разные стороны.
И никаких столбцов тут нет.
phpBB2 FAQ
phpBB3 FAQ
Аватара пользователя
Rayden
Former team member
 
Сообщения: 3795
Зарегистрирован: 27.06.2005 1:07
Благодарил (а): 0 раз.
Поблагодарили: 29 раз.
Вернуться к началу

Сообщение AlexxxUA » 18.03.2008 3:40

Я надеюсь вы поняли о чем я говорил, а это главное. Какой-нибудь рецепт есть? Или для этого нужно перестраивать все стили, которые отвечают за отображение сообщений?

AlexxxUA
phpBB 1.2.0
 
Сообщения: 16
Зарегистрирован: 19.02.2008 5:15
Благодарил (а): 0 раз.
Поблагодарили: 0 раз.
Вернуться к началу

Сообщение zaraza-ptz » 24.03.2008 18:59

Как вообще перенести всё в влево???

zaraza-ptz
phpBB 1.0.0
 
Сообщения: 6
Зарегистрирован: 04.01.2008 21:40
Откуда: PTZ
Благодарил (а): 0 раз.
Поблагодарили: 0 раз.
Вернуться к началу

Сообщение Rayden » 24.03.2008 19:12

zaraza-ptz
Если ты этого не понял, прочитав всю тему и FAQ-3, то лучше оставь все справа и не трогай.
phpBB2 FAQ
phpBB3 FAQ
Аватара пользователя
Rayden
Former team member
 
Сообщения: 3795
Зарегистрирован: 27.06.2005 1:07
Благодарил (а): 0 раз.
Поблагодарили: 29 раз.
Вернуться к началу

Re: [FAQ] ON-LINE при переносе столбца налево в prosilver

Сообщение vkams » 30.06.2008 14:04

Перенёс колонку с профилем налево нормально. (postbody width = 82%) Прочитал тему. При уменьшенной ширине окна браузера или увеличенном размере шрифта (только в Opera 9.23) начались проблемы. Попробовал добиться, чтобы аватара не съезжала вниз, чтобы не перекрывалась сообщением и чтобы кнопки в профиле (e-mail и проч.) не налезали на сообщение - не получилось. Всего этого не было с правой колонкой в исходном стиле.

Прошу ещё раз разъяснить мне, как добиться нормального вида. Кнопку online не использую (спрятал файл).

Спасибо за помощь!

P.S. Пытался после отправки этого сообщения через "правку" добавить вложение - не добавляется.
Всех благ!
Владимир.
Аватара пользователя
vkams
phpBB 1.4.0
 
Сообщения: 38
Зарегистрирован: 06.09.2007 15:10
Откуда: Москва
Благодарил (а): 0 раз.
Поблагодарили: 0 раз.
Вернуться к началу

Re: [FAQ] ON-LINE при переносе столбца налево в prosilver

Сообщение vkams » 30.06.2008 18:09

Осенило добавить слово important:

.postprofile {
	/* Also see tweaks.css */
	margin: 5px 0 10px 0;
	min-height: 80px;
	min-width: 150px important;
...


Перекрытия и сползания вниз прекратились, НО ТОЛЬКО если распоркой служит аватара. Если её нет - съезжает.

Добавил ещё 
dl.postprofile {
	min-width: 150px important;
}


Тогда не съезжает даже без аватарки.
Всех благ!
Владимир.
Аватара пользователя
vkams
phpBB 1.4.0
 
Сообщения: 38
Зарегистрирован: 06.09.2007 15:10
Откуда: Москва
Благодарил (а): 0 раз.
Поблагодарили: 0 раз.
Вернуться к началу

Re: [FAQ] ON-LINE при переносе столбца налево в prosilver

Сообщение klopik » 07.08.2008 9:26

А я сделал так (см. вложение).
Единственное, что при просмотре профиля рисунок заезжает под аватару, так как в шаблоне просмотра профиля расстояние от аватары до границы меньше. :cry:
Вложения
Untitled 1.gif

klopik
phpBB 1.4.0
 
Сообщения: 33
Зарегистрирован: 03.03.2007 0:01
Благодарил (а): 0 раз.
Поблагодарили: 0 раз.
Вернуться к началу

Re: [FAQ] ON-LINE при переносе столбца налево в prosilver

Сообщение nazar » 16.08.2008 20:58

красиво
можно файлик полоски?

nazar
phpBB 1.4.4
 
Сообщения: 76
Зарегистрирован: 31.08.2007 15:25
Откуда: org.ua
Благодарил (а): 0 раз.
Поблагодарили: 0 раз.
Вернуться к началу

Re: [FAQ] ON-LINE при переносе столбца налево в prosilver

Сообщение Борис Бердичевский » 21.08.2008 2:02

Если вы хотите перенести налево смайлики (а я привык именно к такому расположению), то:

OPEN
styles/prosilver/theme/forms.css

FIND
#format-buttons

REPLACE
#format-buttons {
     margin: 15px 0 2px 0;
}

TO
#format-buttons {
      width: 80%;
      float: right;
}

FIND
#smiley-box

REPLACE
#smiley-box {
      width: 18%;
      float: right;
}

TO

#smiley-box {
      width: 18%;
      float: left;
}
Аватара пользователя
Борис Бердичевский
phpBB 2.0.13
 
Сообщения: 428
Зарегистрирован: 31.12.2007 2:52
Откуда: Израиль, Беэр-Шева
Благодарил (а): 6 раз.
Поблагодарили: 20 раз.
Вернуться к началу

ПРАВИЛЬНЫЙ перенос столбца налево в prosilver

Сообщение vix » 17.09.2008 23:04

Многие столкнулись с проблемой после переноса: Большое место после аватарки! А если это место убрать то Сообщение будет наезжать на инфу при сужении браузера! Ну и т.д.

На установку всего потребуется не более 5 минут

Как сделать правильный перенос? Поехали..

1- открываем файл: forum/styles/prosilver/template/viewtopic_body.html

Находим и вырезаем целиком:
<div class="postbody">

               <!-- IF postrow.S_IGNORE_POST -->
                    <div class="ignore">{postrow.L_IGNORE_POST}</div>
               <!-- ELSE -->

          <!-- IF not S_IS_BOT -->
               <!-- IF postrow.U_QUOTE or postrow.U_INFO or postrow.U_DELETE or postrow.U_EDIT -->
                    <ul class="profile-icons">
                         <!-- IF postrow.U_EDIT --><li class="edit-icon"><a href="{postrow.U_EDIT}" title="{L_EDIT_POST}"><span>{L_EDIT_POST}</span></a></li><!-- ENDIF -->

                         <!-- IF postrow.U_DELETE --><li class="delete-icon"><a href="{postrow.U_DELETE}" title="{L_DELETE_POST}"><span>{L_DELETE_POST}</span></a></li><!-- ENDIF -->
                         <!-- IF postrow.U_REPORT --><li class="report-icon"><a href="{postrow.U_REPORT}" title="{L_REPORT_POST}"><span>{L_REPORT_POST}</span></a></li><!-- ENDIF -->
                         <!-- IF postrow.U_WARN --><li class="warn-icon"><a href="{postrow.U_WARN}" title="{L_WARN_USER}"><span>{L_WARN_USER}</span></a></li><!-- ENDIF -->
                         <!-- IF postrow.U_INFO --><li class="info-icon"><a href="{postrow.U_INFO}" title="{L_INFORMATION}"><span>{L_INFORMATION}</span></a></li><!-- ENDIF -->
                         <!-- IF postrow.U_QUOTE --><li class="quote-icon"><a href="{postrow.U_QUOTE}" title="{L_REPLY_WITH_QUOTE}"><span>{L_REPLY_WITH_QUOTE}</span></a></li><!-- ENDIF -->
                    </ul>

               <!-- ENDIF -->
          <!-- ENDIF -->

               <h3 <!-- IF postrow.S_FIRST_ROW -->class="first"<!-- ENDIF -->><!-- IF postrow.POST_ICON_IMG --><img src="{T_ICONS_PATH}{postrow.POST_ICON_IMG}" width="{postrow.POST_ICON_IMG_WIDTH}" height="{postrow.POST_ICON_IMG_HEIGHT}" alt="" /> <!-- ENDIF --><a href="#p{postrow.POST_ID}">{postrow.POST_SUBJECT}</a></h3>
               <p class="author"><!-- IF S_IS_BOT -->{postrow.MINI_POST_IMG}<!-- ELSE --><a href="{postrow.U_MINI_POST}">{postrow.MINI_POST_IMG}</a><!-- ENDIF -->{L_POST_BY_AUTHOR} <strong>{postrow.POST_AUTHOR_FULL}</strong> {L_POSTED_ON_DATE} {postrow.POST_DATE} </p>

               <!-- IF postrow.S_POST_UNAPPROVED or postrow.S_POST_REPORTED -->
                    <p class="rules">
                         <!-- IF postrow.S_POST_UNAPPROVED -->{UNAPPROVED_IMG} <a href="{postrow.U_MCP_APPROVE}"><strong>{L_POST_UNAPPROVED}</strong></a><!-- ENDIF -->
                         <!-- IF postrow.S_POST_REPORTED -->{REPORTED_IMG} <a href="{postrow.U_MCP_REPORT}"><strong>{L_POST_REPORTED}</strong></a><!-- ENDIF -->
                    </p>
               <!-- ENDIF -->

               <div class="content">{postrow.MESSAGE}</div>

               <!-- IF postrow.S_HAS_ATTACHMENTS -->
                    <dl class="attachbox">
                         <dt>{L_ATTACHMENTS}</dt>
                         <!-- BEGIN attachment -->
                              <dd>{postrow.attachment.DISPLAY_ATTACHMENT}</dd>

                         <!-- END attachment -->
                    </dl>
               <!-- ENDIF -->

               <!-- IF postrow.S_DISPLAY_NOTICE --><div class="rules">{L_DOWNLOAD_NOTICE}</div><!-- ENDIF -->
               <!-- IF postrow.EDITED_MESSAGE or postrow.EDIT_REASON -->
                    <div class="notice">{postrow.EDITED_MESSAGE}
                         <!-- IF postrow.EDIT_REASON --><br /><strong>{L_REASON}:</strong> <em>{postrow.EDIT_REASON}</em><!-- ENDIF -->

                    </div>
               <!-- ENDIF -->

               <!-- IF postrow.BUMPED_MESSAGE --><div class="notice">{postrow.BUMPED_MESSAGE}</div><!-- ENDIF -->
               <!-- IF postrow.SIGNATURE --><div id="sig{postrow.POST_ID}" class="signature">{postrow.SIGNATURE}</div><!-- ENDIF -->
          <!-- ENDIF -->

          </div>

Вставляем вырезаное сразу после текста ˅

<!-- IF postrow.U_JABBER --><li class="jabber-icon"><a href="{postrow.U_JABBER}" onclick="popup(this.href, 550, 320); return false;" title="{L_JABBER}"><span>{L_JABBER}</span></a></li><!-- ENDIF -->
				</ul>
			</dd>
		<!-- ENDIF -->
		<!-- ENDIF -->

		</dl>
	<!-- ENDIF -->

По совету Палыч'а

Находим:
      <!-- IF postrow.POSTER_JOINED --><dd><strong>{L_JOINED}:</strong> {postrow.POSTER_JOINED}</dd><!-- ENDIF -->

Заменяем на:
      <!-- IF postrow.POSTER_JOINED --><dd><strong>{L_JOINED}:</strong><br /> {postrow.POSTER_JOINED}</dd><!-- ENDIF -->


Если не понимаете что и куда копировать, просто откройте forum/styles/prosilver/template/viewtopic_body.html удалите всё и вставьте:
<!-- INCLUDE overall_header.html -->
<!-- IF U_MCP --><p>[&nbsp;<a href="{U_MCP}">{L_MCP}</a>&nbsp;]</p><!-- ENDIF -->
<h2><a href="{U_VIEW_TOPIC}">{TOPIC_TITLE}</a></h2>
<!-- NOTE: remove the style="display: none" when you want to have the forum description on the topic body -->
<!-- IF FORUM_DESC --><span style="display: none">{FORUM_DESC}<br /></span><!-- ENDIF -->

<!-- IF MODERATORS or U_MCP -->
	<p>
		<!-- IF MODERATORS -->
			<strong><!-- IF S_SINGLE_MODERATOR -->{L_MODERATOR}<!-- ELSE -->{L_MODERATORS}<!-- ENDIF -->:</strong> {MODERATORS}
		<!-- ENDIF -->

	</p>
<!-- ENDIF -->

<!-- IF S_FORUM_RULES -->
	<div class="rules">
		<div class="inner"><span class="corners-top"><span></span></span>

		<!-- IF U_FORUM_RULES -->
			<a href="{U_FORUM_RULES}">{L_FORUM_RULES}</a>
		<!-- ELSE -->
			<strong>{L_FORUM_RULES}</strong><br />
			{FORUM_RULES}
		<!-- ENDIF -->

		<span class="corners-bottom"><span></span></span></div>
	</div>
<!-- ENDIF -->

<div class="topic-actions">

	<div class="buttons">
	<!-- IF not S_IS_BOT and S_DISPLAY_REPLY_INFO -->
		<div class="<!-- IF S_IS_LOCKED -->locked-icon<!-- ELSE -->reply-icon<!-- ENDIF -->"><a href="{U_POST_REPLY_TOPIC}" title="<!-- IF S_IS_LOCKED -->{L_TOPIC_LOCKED}<!-- ELSE -->{L_POST_REPLY}<!-- ENDIF -->"><span></span><!-- IF S_IS_LOCKED -->{L_TOPIC_LOCKED_SHORT}<!-- ELSE -->{L_POST_REPLY}<!-- ENDIF --></a></div>
	<!-- ENDIF -->
	</div>

	<!-- IF S_DISPLAY_SEARCHBOX -->
		<div class="search-box">
			<form method="post" id="topic-search" action="{S_SEARCHBOX_ACTION}">
			<fieldset>
				<input class="inputbox search tiny"  type="text" name="keywords" id="search_keywords" size="20" value="{L_SEARCH_TOPIC}" onclick="if(this.value=='{LA_SEARCH_TOPIC}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_TOPIC}';" />
				<input class="button2" type="submit" value="{L_SEARCH}" />
				<input type="hidden" value="{TOPIC_ID}" name="t" />
				<input type="hidden" value="msgonly" name="sf" />
			</fieldset>
			</form>
		</div>
	<!-- ENDIF -->

	<!-- IF PAGINATION or TOTAL_POSTS -->
		<div class="pagination">
			<!-- IF U_VIEW_UNREAD_POST and not S_IS_BOT --><a href="{U_VIEW_UNREAD_POST}">{L_VIEW_UNREAD_POST}</a> &bull; <!-- ENDIF -->{TOTAL_POSTS}
			<!-- IF PAGE_NUMBER --><!-- IF PAGINATION --> &bull; <a href="#" onclick="jumpto(); return false;" title="{L_JUMP_TO_PAGE}">{PAGE_NUMBER}</a> &bull; <span>{PAGINATION}</span><!-- ELSE --> &bull; {PAGE_NUMBER}<!-- ENDIF --><!-- ENDIF -->
		</div>
	<!-- ENDIF -->

</div>
<div class="clear"></div>

<!-- IF S_HAS_POLL -->
	<form method="post" action="{S_POLL_ACTION}">

	<div class="panel">
		<div class="inner"><span class="corners-top"><span></span></span>

		<div class="content">
			<h2>{POLL_QUESTION}</h2>
			<p class="author">{L_POLL_LENGTH}<!-- IF S_CAN_VOTE and L_POLL_LENGTH --><br /><!-- ENDIF --><!-- IF S_CAN_VOTE -->{L_MAX_VOTES}<!-- ENDIF --></p>

			<fieldset class="polls">
			<!-- BEGIN poll_option -->
				<dl class="<!-- IF poll_option.POLL_OPTION_VOTED -->voted<!-- ENDIF -->"<!-- IF poll_option.POLL_OPTION_VOTED --> title="{L_POLL_VOTED_OPTION}"<!-- ENDIF -->>
					<dt><!-- IF S_CAN_VOTE --><label for="vote_{poll_option.POLL_OPTION_ID}">{poll_option.POLL_OPTION_CAPTION}</label><!-- ELSE -->{poll_option.POLL_OPTION_CAPTION}<!-- ENDIF --></dt>
					<!-- IF S_CAN_VOTE --><dd style="width: auto;"><!-- IF S_IS_MULTI_CHOICE --><input type="checkbox" name="vote_id[]" id="vote_{poll_option.POLL_OPTION_ID}" value="{poll_option.POLL_OPTION_ID}"<!-- IF poll_option.POLL_OPTION_VOTED --> checked="checked"<!-- ENDIF --> /><!-- ELSE --><input type="radio" name="vote_id[]" id="vote_{poll_option.POLL_OPTION_ID}" value="{poll_option.POLL_OPTION_ID}"<!-- IF poll_option.POLL_OPTION_VOTED --> checked="checked"<!-- ENDIF --> /><!-- ENDIF --></dd><!-- ENDIF -->
					<!-- IF S_DISPLAY_RESULTS --><dd class="resultbar"><div class="<!-- IF poll_option.POLL_OPTION_PCT < 20 -->pollbar1<!-- ELSEIF poll_option.POLL_OPTION_PCT < 40 -->pollbar2<!-- ELSEIF poll_option.POLL_OPTION_PCT < 60 -->pollbar3<!-- ELSEIF poll_option.POLL_OPTION_PCT < 80 -->pollbar4<!-- ELSE -->pollbar5<!-- ENDIF -->" style="width:{poll_option.POLL_OPTION_PERCENT};">{poll_option.POLL_OPTION_RESULT}</div></dd>
					<dd><!-- IF poll_option.POLL_OPTION_RESULT == 0 -->{L_NO_VOTES}<!-- ELSE -->{poll_option.POLL_OPTION_PERCENT}<!-- ENDIF --></dd><!-- ENDIF -->
				</dl>
			<!-- END poll_option -->

			<!-- IF S_DISPLAY_RESULTS -->
				<dl>
					<dt>&nbsp;</dt>
					<dd class="resultbar">{L_TOTAL_VOTES} : {TOTAL_VOTES}</dd>
				</dl>
			<!-- ENDIF -->

			<!-- IF S_CAN_VOTE -->
				<dl style="border-top: none;">
					<dt>&nbsp;</dt>
					<dd class="resultbar"><input type="submit" name="update" value="{L_SUBMIT_VOTE}" class="button1" /></dd>
				</dl>
			<!-- ENDIF -->

			<!-- IF not S_DISPLAY_RESULTS -->
				<dl style="border-top: none;">
					<dt>&nbsp;</dt>
					<dd class="resultbar"><a href="{U_VIEW_RESULTS}">{L_VIEW_RESULTS}</a></dd>
				</dl>
			<!-- ENDIF -->
			</fieldset>
		</div>

		<span class="corners-bottom"><span></span></span></div>
		{S_FORM_TOKEN}
		{S_HIDDEN_FIELDS}
	</div>


	</form>
	<hr />
<!-- ENDIF -->

<!-- BEGIN postrow -->
	<!-- IF postrow.S_FIRST_UNREAD --><a id="unread"></a><!-- ENDIF -->
	<div id="p{postrow.POST_ID}" class="post <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD_POST --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF postrow.S_ONLINE --> online<!-- ENDIF -->">
		<div class="inner"><span class="corners-top"><span></span></span>

		<!-- IF not postrow.S_IGNORE_POST -->
			<dl class="postprofile" id="profile{postrow.POST_ID}">
			<dt>
				<!-- IF postrow.POSTER_AVATAR -->
					<!-- IF postrow.U_POST_AUTHOR --><a href="{postrow.U_POST_AUTHOR}">{postrow.POSTER_AVATAR}</a><!-- ELSE -->{postrow.POSTER_AVATAR}<!-- ENDIF --><br />
				<!-- ENDIF -->
				<!-- IF not postrow.U_POST_AUTHOR --><strong>{postrow.POST_AUTHOR_FULL}</strong><!-- ELSE -->{postrow.POST_AUTHOR_FULL}<!-- ENDIF -->
			</dt>

			<!-- IF postrow.RANK_TITLE or postrow.RANK_IMG --><dd>{postrow.RANK_TITLE}<!-- IF postrow.RANK_TITLE and postrow.RANK_IMG --><br /><!-- ENDIF -->{postrow.RANK_IMG}</dd><!-- ENDIF -->

		<dd>&nbsp;</dd>

		<!-- IF postrow.POSTER_POSTS != '' --><dd><strong>{L_POSTS}:</strong> {postrow.POSTER_POSTS}</dd><!-- ENDIF -->
            <!-- IF postrow.POSTER_JOINED --><dd><strong>{L_JOINED}:</strong><br /> {postrow.POSTER_JOINED}</dd><!-- ENDIF -->
		<!-- IF postrow.POSTER_FROM --><dd><strong>{L_LOCATION}:</strong> {postrow.POSTER_FROM}</dd><!-- ENDIF -->

		<!-- IF postrow.S_PROFILE_FIELD1 -->
			<!-- Use a construct like this to include admin defined profile fields. Replace FIELD1 with the name of your field. -->
			<dd><strong>{postrow.PROFILE_FIELD1_NAME}:</strong> {postrow.PROFILE_FIELD1_VALUE}</dd>
		<!-- ENDIF -->

		<!-- BEGIN custom_fields -->
			<dd><strong>{postrow.custom_fields.PROFILE_FIELD_NAME}:</strong> {postrow.custom_fields.PROFILE_FIELD_VALUE}</dd>
		<!-- END custom_fields -->

		<!-- IF not S_IS_BOT -->
		<!-- IF postrow.U_PM or postrow.U_EMAIL or postrow.U_WWW or postrow.U_MSN or postrow.U_ICQ or postrow.U_YIM or postrow.U_AIM -->
			<dd>
				<ul class="profile-icons">
					<!-- IF postrow.U_PM --><li class="pm-icon"><a href="{postrow.U_PM}" title="{L_PRIVATE_MESSAGE}"><span>{L_PRIVATE_MESSAGE}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_EMAIL --><li class="email-icon"><a href="{postrow.U_EMAIL}" title="{L_EMAIL}"><span>{L_EMAIL}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_WWW --><li class="web-icon"><a href="{postrow.U_WWW}" title="{L_VISIT_WEBSITE}: {postrow.U_WWW}"><span>{L_WEBSITE}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_MSN --><li class="msnm-icon"><a href="{postrow.U_MSN}" onclick="popup(this.href, 550, 320); return false;" title="{L_MSNM}"><span>{L_MSNM}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_ICQ --><li class="icq-icon"><a href="{postrow.U_ICQ}" onclick="popup(this.href, 550, 320); return false;" title="{L_ICQ}"><span>{L_ICQ}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_YIM --><li class="yahoo-icon"><a href="{postrow.U_YIM}" onclick="popup(this.href, 780, 550); return false;" title="{L_YIM}"><span>{L_YIM}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_AIM --><li class="aim-icon"><a href="{postrow.U_AIM}" onclick="popup(this.href, 550, 320); return false;" title="{L_AIM}"><span>{L_AIM}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_JABBER --><li class="jabber-icon"><a href="{postrow.U_JABBER}" onclick="popup(this.href, 550, 320); return false;" title="{L_JABBER}"><span>{L_JABBER}</span></a></li><!-- ENDIF -->
				</ul>
			</dd>
		<!-- ENDIF -->
		<!-- ENDIF -->

		</dl>
	<!-- ENDIF -->

		<div class="postbody">
			<!-- IF postrow.S_IGNORE_POST -->
				<div class="ignore">{postrow.L_IGNORE_POST}</div>
			<!-- ELSE -->

		<!-- IF not S_IS_BOT -->
			<!-- IF postrow.U_QUOTE or postrow.U_INFO or postrow.U_DELETE or postrow.U_EDIT -->
				<ul class="profile-icons">
					<!-- IF postrow.U_EDIT --><li class="edit-icon"><a href="{postrow.U_EDIT}" title="{L_EDIT_POST}"><span>{L_EDIT_POST}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_DELETE --><li class="delete-icon"><a href="{postrow.U_DELETE}" title="{L_DELETE_POST}"><span>{L_DELETE_POST}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_REPORT --><li class="report-icon"><a href="{postrow.U_REPORT}" title="{L_REPORT_POST}"><span>{L_REPORT_POST}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_WARN --><li class="warn-icon"><a href="{postrow.U_WARN}" title="{L_WARN_USER}"><span>{L_WARN_USER}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_INFO --><li class="info-icon"><a href="{postrow.U_INFO}" title="{L_INFORMATION}"><span>{L_INFORMATION}</span></a></li><!-- ENDIF -->
					<!-- IF postrow.U_QUOTE --><li class="quote-icon"><a href="{postrow.U_QUOTE}" title="{L_REPLY_WITH_QUOTE}"><span>{L_REPLY_WITH_QUOTE}</span></a></li><!-- ENDIF -->
				</ul>
			<!-- ENDIF -->
		<!-- ENDIF -->

			<h3 <!-- IF postrow.S_FIRST_ROW -->class="first"<!-- ENDIF -->><!-- IF postrow.POST_ICON_IMG --><img src="{T_ICONS_PATH}{postrow.POST_ICON_IMG}" width="{postrow.POST_ICON_IMG_WIDTH}" height="{postrow.POST_ICON_IMG_HEIGHT}" alt="" /> <!-- ENDIF --><a href="#p{postrow.POST_ID}">{postrow.POST_SUBJECT}</a></h3>
			<p class="author"><!-- IF S_IS_BOT -->{postrow.MINI_POST_IMG}<!-- ELSE --><a href="{postrow.U_MINI_POST}">{postrow.MINI_POST_IMG}</a><!-- ENDIF -->{L_POST_BY_AUTHOR} <strong>{postrow.POST_AUTHOR_FULL}</strong> {L_POSTED_ON_DATE} {postrow.POST_DATE} </p>

			<!-- IF postrow.S_POST_UNAPPROVED or postrow.S_POST_REPORTED -->
				<p class="rules">
					<!-- IF postrow.S_POST_UNAPPROVED -->{UNAPPROVED_IMG} <a href="{postrow.U_MCP_APPROVE}"><strong>{L_POST_UNAPPROVED}</strong></a><!-- ENDIF -->
					<!-- IF postrow.S_POST_REPORTED -->{REPORTED_IMG} <a href="{postrow.U_MCP_REPORT}"><strong>{L_POST_REPORTED}</strong></a><!-- ENDIF -->
				</p>
			<!-- ENDIF -->

			<div class="content">{postrow.MESSAGE}</div>

			<!-- IF postrow.S_HAS_ATTACHMENTS -->
				<dl class="attachbox">
					<dt>{L_ATTACHMENTS}</dt>
					<!-- BEGIN attachment -->
						<dd>{postrow.attachment.DISPLAY_ATTACHMENT}</dd>
					<!-- END attachment -->
				</dl>
			<!-- ENDIF -->

			<!-- IF postrow.S_DISPLAY_NOTICE --><div class="rules">{L_DOWNLOAD_NOTICE}</div><!-- ENDIF -->
			<!-- IF postrow.EDITED_MESSAGE or postrow.EDIT_REASON -->
				<div class="notice">{postrow.EDITED_MESSAGE}
					<!-- IF postrow.EDIT_REASON --><br /><strong>{L_REASON}:</strong> <em>{postrow.EDIT_REASON}</em><!-- ENDIF -->
				</div>
			<!-- ENDIF -->

			<!-- IF postrow.BUMPED_MESSAGE --><div class="notice">{postrow.BUMPED_MESSAGE}</div><!-- ENDIF -->
			<!-- IF postrow.SIGNATURE --><div id="sig{postrow.POST_ID}" class="signature">{postrow.SIGNATURE}</div><!-- ENDIF -->
		<!-- ENDIF -->

		</div>


		<div class="back2top"><a href="#wrap" class="top" title="{L_BACK_TO_TOP}">{L_BACK_TO_TOP}</a></div>

		<span class="corners-bottom"><span></span></span></div>
	</div>

	<hr class="divider" />
<!-- END postrow -->

<!-- IF S_NUM_POSTS > 1 or PREVIOUS_PAGE -->
	<form id="viewtopic" method="post" action="{S_TOPIC_ACTION}">

	<fieldset class="display-options" style="margin-top: 0; ">
		<!-- IF PREVIOUS_PAGE --><a href="{PREVIOUS_PAGE}" class="left-box {S_CONTENT_FLOW_BEGIN}">{L_PREVIOUS}</a><!-- ENDIF -->
		<!-- IF NEXT_PAGE --><a href="{NEXT_PAGE}" class="right-box {S_CONTENT_FLOW_END}">{L_NEXT}</a><!-- ENDIF -->
		<label>{L_DISPLAY_POSTS}: {S_SELECT_SORT_DAYS}</label>
		<label>{L_SORT_BY} {S_SELECT_SORT_KEY}</label> <label>{S_SELECT_SORT_DIR} <input type="submit" name="sort" value="{L_GO}" class="button2" /></label>
	</fieldset>

	</form>
	<hr />
<!-- ENDIF -->

<div class="topic-actions">
	<div class="buttons">
	<!-- IF not S_IS_BOT and S_DISPLAY_REPLY_INFO -->
		<div class="<!-- IF S_IS_LOCKED -->locked-icon<!-- ELSE -->reply-icon<!-- ENDIF -->"><a href="{U_POST_REPLY_TOPIC}" title="<!-- IF S_IS_LOCKED -->{L_TOPIC_LOCKED}<!-- ELSE -->{L_POST_REPLY}<!-- ENDIF -->"><span></span><!-- IF S_IS_LOCKED -->{L_TOPIC_LOCKED_SHORT}<!-- ELSE -->{L_POST_REPLY}<!-- ENDIF --></a></div>
	<!-- ENDIF -->
	</div>

	<!-- IF PAGINATION or TOTAL_POSTS -->
		<div class="pagination">
			{TOTAL_POSTS}
			<!-- IF PAGE_NUMBER --><!-- IF PAGINATION --> &bull; <a href="#" onclick="jumpto(); return false;" title="{L_JUMP_TO_PAGE}">{PAGE_NUMBER}</a> &bull; <span>{PAGINATION}</span><!-- ELSE --> &bull; {PAGE_NUMBER}<!-- ENDIF --><!-- ENDIF -->
		</div>
	<!-- ENDIF -->
</div>

<!-- INCLUDE jumpbox.html -->

<!-- IF S_TOPIC_MOD -->
	<form method="post" action="{S_MOD_ACTION}">
	<fieldset class="quickmod">
		<label for="quick-mod-select">{L_QUICK_MOD}:</label> {S_TOPIC_MOD} <input type="submit" value="{L_GO}" class="button2" />
		{S_FORM_TOKEN}
	</fieldset>
	</form>
<!-- ENDIF -->

<!-- IF S_DISPLAY_ONLINE_LIST -->
	<h3><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h3>
	<p>{LOGGED_IN_USER_LIST}</p>
<!-- ENDIF -->

<!-- INCLUDE overall_footer.html -->


2- Администраторский раздел > Стили > (Компоненты стилей) Темы > на prosilver жмём изменить

3-
Находим:
/* Post body styles
----------------------------------------*/
.postbody {
     color: #333333;  
     line-height: 1.48em;  
     padding: 0;  
     width: 76%;  
     float: left;  
     clear: both; 
}


Заменяем на:
/* Post body styles
----------------------------------------*/
.postbody {
   line-height: 1.48em;
   color: #333333;
   padding-left: 140px; 
}


4-
Находим:
/* Poster profile block
----------------------------------------*/
.postprofile {
/* Also see tweaks.css */;  
     margin: 5px 0 10px 0;  
     min-height: 80px;  
     color: #666666;  
     border-left: 1px solid #FFFFFF;  
     width: 22%;  
     float: right;  
     display: inline; 
}


Заменяем на:
/* Poster profile block
----------------------------------------*/
.postprofile {
   /* Also see tweaks.css */
   width: 130px;
   border-right: 1px solid #FFFFFF;
   color: #666666;
   float: left;
   display: inline;
}


5-
Находим:
.online {
	background-image: none;
	background-position: 100% 0;
	background-repeat: no-repeat;
}


Заменяем на:
.online {
	background-image: none;
	background-position: 0 0;
	background-repeat: no-repeat;
}

Парочка кнопочек icon_user_online.gif:
Изображение Изображение Изображение Изображение Изображение

На этом всё, спасибо за внимание :) Оставляйте свои коментарии по поводу написанного, какие баги найдёте сразу же пишите. Проверял в ОПЕРЕ последней и IE7 всё работает как положено и всё очень даже красиво. Не пеняйте меня за то что решил создать отдельную тему, т.к в той теме не было толком написано как правильно перенести, я считаю что это очень даже правильный перенос.
Вложения
kakayaro.gif
Такой получается результат
За это сообщение автора vix поблагодарил:
Roaddog (18.03.2011 7:51)

vix
phpBB 1.0.0
 
Сообщения: 6
Зарегистрирован: 04.08.2007 1:06
Благодарил (а): 0 раз.
Поблагодарили: 1 раз.
Вернуться к началу

Re: ПРАВИЛЬНЫЙ перенос столбца налево в prosilver

Сообщение FladeX » 17.09.2008 23:35

Спасибо за мануал, кому-нибудь точно пригодится. Небольшие замечания от меня:
1. Вырезать и вставлять такие большие куски кода не надо - будет работать только на чистом prosilver, а на производных стилях вполне возможно будут ошибки при исполнении этой инструкции.
2. Css лучше менять непосредственно в файлах, а не через админку.
//
// Okay, let's do the loop, yeah come on baby let's do the loop
// and it goes like this ...
| phpBB Adept ] | Каталог форумов | генератор sitemap для форумов | форум про форумы
Аватара пользователя
FladeX
Former team member
 
Сообщения: 2079
Зарегистрирован: 02.06.2007 23:44
Откуда: Саранск
Благодарил (а): 6 раз.
Поблагодарили: 53 раз.
Вернуться к началу
Пред.След.
Ответить

Вернуться в Стили для phpBB 3.0.x

 

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 0

Бессрочный конкурс phpBB-ориентированных материалов
FastVPS — надёжный и доступный хостинг для phpBB
Изображение