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

Подписчики

Опубликовано: 23 февраля 201015 г

Всем доброго времени суток.

Суть проблемы такова:

Нужно убрать стандартное изображение и вместо него поставить 3 изображения и естественно фон (всё из картинок)

А ещё лучше сделать что то на подобии рамки из изображений (думаю что будет сложнее редактировать текст нежели картинку):

Изначально скачал какой то стиль и хочу его переделать полностью под свои нужды

( http://invisionarts.com/3.0.html )

Считаю что данная тема будет полезна всем

Изменено 23 февраля 201015 г пользователем RPSVoloch

Опубликовано: 26 июля 201015 г

{parse replacement="bottom"}

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

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

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

Опубликовано: 26 июля 201015 г

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

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

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

Изменено 26 июля 201015 г пользователем Axibas

Опубликовано: 26 июля 201015 г

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

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

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

Опубликовано: 26 июля 201015 г

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

Опубликовано: 26 июля 201015 г

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

Опубликовано: 26 июля 201015 г

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

Опубликовано: 26 июля 201015 г

Перед

{parse replacement="bottom"}

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

<br />

или

<br class="clear"/>

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

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

Опубликовано: 26 июля 201015 г

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

Поставил:

<br class="clear"/>

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

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

Опубликовано: 26 июля 201015 г

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

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

Опубликовано: 30 июля 201015 г

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

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

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

Изменено 30 июля 201015 г пользователем Merry Christmas

Опубликовано: 30 июля 201015 г

ipbstyles.css

Найти класс

.post_body

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

.author_info {

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

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

Опубликовано: 30 июля 201015 г

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

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

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

Спасибо

Изменено 30 июля 201015 г пользователем Merry Christmas

Опубликовано: 30 июля 201015 г

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

span#new_message {
font-weight: bold;
}

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

ul#mod_tools li.active a {

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

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

ul#mod_tools li.active a:hover {

2 недели спустя...

Опубликовано: 11 августа 201015 г

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

За это всё у меня отвечает класс в 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>

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

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

Изменено 11 августа 201015 г пользователем Axibas

Опубликовано: 11 августа 201015 г

В коде из шаблона не вижу закрывающего

Его нет или не скопировали?

Если дело не в , чтобы ответить на вопрос, нужна ссылка на живую страницу.

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

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

Войти сейчас

Подписчики

Перейти к списку тем

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

Войти

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

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

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

Сейчас на странице 0

Account

Navigation

Поиск

Configure browser push notifications

Chrome (Android)

Chrome (Desktop)

Safari (iOS 16.4+)

Safari (macOS)

Edge (Android)

Edge (Desktop)

Firefox (Android)

Firefox (Desktop)