Перейти к публикации
Дизайн и модификация IPS Community IPBSkinsBETA
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...
RPSVoloch

Редактирование дефолтной структуры

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

07/26/10 15:17 (изменено)

В общем не много помудрив, получилось задуманное, а именно:

 

1.png

 

А именно я это сделал так:

 

В globalTemplate я сделал следующие:

 

Перед:

 

			<a id='j_content'></a>
			{$items['adHeaderCode']}
			<if test="mainpageContent:|:$html">{$html}</if>
			{$items['adFooterCode']}
			<br class='clear' />

 

Добавил:

 

{parse replacement="top"}

 

И стало так:

 

		{parse replacement="top"}
			<a id='j_content'></a>
			{$items['adHeaderCode']}
			<if test="mainpageContent:|:$html">{$html}</if>
			{$items['adFooterCode']}
			<br class='clear' />

 

Но мне пришлось вставлять в конец страниц это:

 

		{parse replacement="bottom"}

 

 

Всё получилось, кроме страниц, Входа, Регистрации, и Просмотра профиля.

Помучившись не нашёл куда именно вставлять, например в страницу Регистрации, а именно в отвечающий за неё шаблон registerForm я вставлял в конец:

 

		{parse replacement="bottom"}

 

Но получалось вот что:

 

3.png

 

Может я не туда вставляю, ли может для этих страниц придётся что-то править и т.д.

В общем нужен ваш совет.

 

UPD:

 

Посмотрел исходный код, как положено отображается в конце страницы, но почему то, такая фигня.(

Изменено пользователем Axibas

Поделиться сообщением


Ссылка на сообщение

{parse replacement="bottom"}

должен быть тоже в глобальном шаблоне.

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

Оттого и баги.

Поделиться сообщением


Ссылка на сообщение
07/26/10 17:11 (изменено)

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

В принципе я догадываюсь почему, потому что эти три страницы используют ещё дополнительные css файлы ipb_profile.css и ipb_login_register.css.

Но вот как это решить?

Изменено пользователем Axibas

Поделиться сообщением


Ссылка на сообщение

Скорее всего не поэтому.

Но можете повторить классы для рамки в них и проверить.

 

Правильнее было бы всю рамку делать в шаблонах контента, не трогая глобальные.

Поделиться сообщением


Ссылка на сообщение

Добавление классов не помогло, да и вообще я запутался как добиться нужного эффекта, соображений пока нет.(

Поделиться сообщением


Ссылка на сообщение

Строить рамку в каждом индексном шаблоне, а не начало рамки снаружи, а конец – внутри.

Поделиться сообщением


Ссылка на сообщение

Строил сейчас рамку в каждом индексном шаблоне, но опять же на этих трёх страницах такая проблема...

Поделиться сообщением


Ссылка на сообщение

Перед

{parse replacement="bottom"}

Попробуйте несколько раз поставить

<br />

или

<br class="clear"/>

 

В дефолтном скине много подобных мест. Обычно решается использованием параметра min-height

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

  • Upvote 1

Поделиться сообщением


Ссылка на сообщение

Спасибо! Вы меня выручили!

Поставил:

 

<br class="clear"/>

 

И стало всё нормально!

Только на странице входа, такая байда:

 

4.png

Поделиться сообщением


Ссылка на сообщение

В css логина-регистрации вроде поможет убирание верхнего или нижнего отступа (margin)

Там он где-то чуть не 25px

  • Upvote 1

Поделиться сообщением


Ссылка на сообщение
07/30/10 05:27 (изменено)

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

 

спасибо и извините за столь глупый вопрос

 

P.S. Подскажите, а нет ли описания для структуры блоков css для IPB, подправить все можно, знать бы только где. :(

post-14458-009766100 1280467519_thumb.png

Изменено пользователем Merry Christmas

Поделиться сообщением


Ссылка на сообщение

ipbstyles.css

Найти класс

.post_body

Уменьшить margin-left (по умолчанию он 235, у Вас, возможно, больше)

 

.author_info {

Уменьшить width (по умолчанию 225) и, возможно, margin-left

 

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

Поделиться сообщением


Ссылка на сообщение
07/30/10 07:01 (изменено)

Спасибо большое.

 

Подскажите как еще добраться до Личные сообщения (3 Новых) я хочу выделить 3 Новых, чтоб были более заметны.

И где расположено сообщение об активных жалобах

 

Спасибо

Изменено пользователем Merry Christmas

Поделиться сообщением


Ссылка на сообщение

Попробуйте в основном css дописать

span#new_message {
font-weight: bold;
}

 

Для активных жалоб:

ul#mod_tools li.active a {

Допишите и задайте особые свойства

 

Также можно и для

ul#mod_tools li.active a:hover {

Поделиться сообщением


Ссылка на сообщение
08/11/10 07:42 (изменено)

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

 

footer.png

 

За это всё у меня отвечает класс в css:

 

 

#board_footer {
color: #606060;
font-size: 0.85em;
border-top: 1px solid #dedede;
padding: 8px 8px 15px 8px;
margin: 10px 15px 20px;	
top: 20px;
clear: both;
}

#board_footer ul#utility_links li {
	float: left;
	padding-right: 8px;
}

#board_footer p {
	text-align: right;
}

#board_footer a {
	color: #606060;
}

#footer_utilities {
background: url({style_images_url}/footer_utilities_bg.png) repeat-x;
color: #fff;
font-size: 0.8em;
padding: 4px 15px;
margin: -1px 0px 0 0px;
height: 83px;
}

#footer_utilities form {
	margin: 7px 5px 0 5px;
}

#footer_utilities ul {
	padding: 2px 0;
	margin: 8px 0 0 0;
}
	#footer_utilities ul li:first-child {
		color: #d5dde5;
	}

	#footer_utilities li {
		float: right;
		padding: 0 8px 4px 8px;
	}

.footer_utility_links {
background: url({style_images_url}/footer_utility_links_bg.png) repeat-x;
       color: #2B7DAD;
padding: 1px 18px 0px 18px;
margin: -18px 0px 0px 0px;
height: 23px;
}

.footer_utility_links li {
	float: left;
	padding-right: 8px;
}

.footer_utility_links a {
	color: #2B7DAD;
        font: bold 11px tahoma;
               text-decoration: none;
}

 

 

И сам код:

 

 

			<div class='footer_utility_links'>
			<ul>
				<li><a href='#top' id='backtotop' title='{$this->lang->words['go_to_top']}'>{$this->lang->words['back_to_top']}</a></li>
				<li><a href='{$this->settings['board_url']}' title='{$this->lang->words['sj_home']}'>{$this->lang->words['sj_home']}</a></li>
				<li><a href="{parse url="app=core&module=global&section=login&do=deleteCookies&k={$this->member->form_hash}" base="public"}" title='{$this->lang->words['delete_all_cookies_title']}'>{$this->lang->words['delete_my_cookies']}</a></li>
				<li><a href="{parse url="app=forums&module=forums&section=markasread&marktype=all&k={$this->member->form_hash}" base="public"}" title='{$this->lang->words['mark_all_as_read']}'>{$this->lang->words['mark_board_as_read']}</a></li>
			</ul>
		</div>

		<div id='footer_utilities' class='clearfix clear'>
			<h2 class='hide'>{$this->lang->words['skin_and_lang']}</h2>
			<if test="skinchanger:|:$this->settings['allow_skins'] AND $footer_items['skin_chooser']">
				<if test="uagentlocked:|:$this->memberData['userAgentLocked'] AND ! $this->memberData['userAgentBypass']">
					<p id='useragent_msg'>
						{$this->lang->words['skin_browser_set']} <a href='{parse url="{$this->settings['query_string_formatted']}&unlockUserAgent=1" base="public"}'>{$this->lang->words['override_browser_theme']}</a>
					</p>
				<else />
					<form action="{parse url="{$this->settings['query_string_formatted']}" base="public"}" method="post" class='left'>
						<fieldset>
							<input type='hidden' name='k' value='{$this->member->form_hash}' />
							<label for='newSkin' class='hide'>{$this->lang->words['theme_prefix']}</label>
							<select name="settingNewSkin" id='newSkin'>
								{$footer_items['skin_chooser']}
							</select>
							<input type='submit' value='{$this->lang->words['jmp_go']}' class='input_submit alt' id='newSkinSubmit' />
						</fieldset>
					</form>
				</if>
			</if>
			<form action="{parse url="{$this->settings['query_string_formatted']}" base="public"}" method="post" class='left'>
				<fieldset>
					<input type='hidden' name='k' value='{$this->member->form_hash}' />
					<input type='hidden' name='setlanguage' value='1' />
					<input type="hidden" name="langurlbits" value="{$this->settings['query_string_safe']}&cal_id={$this->request['cal_id']}" />
					<label for='newLang' class='hide'>{$this->lang->words['language_prefix']}</label>
					<select name="langid" id='newLang'>
							{$footer_items['lang_chooser']}
					</select>
					<input type='submit' class='input_submit alt' value='{$this->lang->words['jmp_go']}' id='newLangSubmit' />
				</fieldset>
			</form>
			<h2 class='hide'>{$this->lang->words['exec_stats']}</h2>
			<ul class='right'>
				<li>{$this->lang->words['time_now']} {$footer_items['time']}
					<if test="lastvisit:|:$this->memberData['member_id'] AND $this->memberData['last_visit']"><p>{$this->lang->words['you_last_visit']} {parse date="$this->memberData['last_visit']" format="short"}</p></if>
				</li>
				<if test="showdebuglevel:|:$this->memberData['member_id'] and $this->settings['debug_level']">
					<li><img src='{$this->settings['img_url']}/stats_time.png' alt='' /> {$stats['ex_time']} <if test="isfloat:|:is_float($stats['ex_time'])">{$this->lang->words['stats_sec']}</if></li>
					<li><img src='{$this->settings['img_url']}/stats_server.png' alt='' /> {$stats['server_load']}</li>
					<li><img src='{$this->settings['img_url']}/stats_database.png' alt='' /> {$stats['queries']} <if test="sqldebuglink:|:IPS_SQL_DEBUG_MODE"><a href='{parse url="{$this->settings['query_string_safe']}&debug=1" base="public"}'></if>{$this->lang->words['stats_queries']}<if test="closesqldebuglink:|:IPS_SQL_DEBUG_MODE"></a></if></li>
					<li><img src='{$this->settings['img_url']}/stats_compression.png' alt='' /> {$stats['gzip_status']}</li>
			<li>{$footer_items['copyright']}</li>
				</if>
			</ul>

 

 

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

Голова не варит от жары и этого смога. :)

Изменено пользователем Axibas

Поделиться сообщением


Ссылка на сообщение

Создайте аккаунт или войдите в него для комментирования

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

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу.

×
×
  • Создать...