Как добавить сайдбар на главной странице?
Модераторы: Vl@d1m1r, Lorem Ipsum, Atlas
Правила форума
----
----
Как добавить сайдбар на главной странице?
Всем привет! Так как я новичок в PHPBB и я хочу очень сильно создать свой форум,у мнея возникают куча вопросов.Извините если слишком много,но этот форум очень помогает. И так, мне нужно узнать,как можно добавить сайдбар на главной странице.Мне это нужно,чтобы добавить всякие плюшки) типа прогноза погоды, валютный курс,реклама(может в будущем),просто тектовые блоки и т.д. Но как еще сделать, чтобы они совпадали с дизайном самого стиля(мой стиль Absolution).Спасибо заранее.
- DeaDRoMeO
- Старожил Форума
- Сообщения: 16763
- Стаж: 13 лет 1 месяц
- Откуда: Витебск
- Контактная информация:
Как добавить сайдбар на главной странице?
Сайдбар - это слева или справа такая колонка??? Давайте код своего index_body.html и с какой стороны будет колонка?
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
Как добавить сайдбар на главной странице?
Да сайдбар=боковая колонка. Мне бы с права ее поставить.Видел у одного еврея с левой,но не мой стиль).
Вот сам index_body.html
Вот сам index_body.html
Код: Выделить всё
<!-- INCLUDE overall_header.html -->
<!-- INCLUDE forumlist_body.html -->
<br />
<div class="indexlinks">
<!-- IF U_TEAM --><a href="{U_TEAM}">{L_THE_TEAM}</a> | <!-- ENDIF -->
<!-- IF not S_IS_BOT --><a href="{U_DELETE_COOKIES}">{L_DELETE_COOKIES}</a><!-- ENDIF --> |
<a href="{U_FAQ}">{L_FAQ}</a>
<!-- IF not S_IS_BOT and U_MARK_FORUMS and SCRIPT_NAME eq 'index' --> | <a href="{U_MARK_FORUMS}" accesskey="m">{L_MARK_FORUMS_READ}</a><!-- ENDIF -->
<br />{CURRENT_TIME}
</div>
<br />
<div class="catglow">
<div class="cathead-m">
<div class="cathead-r">
<div class="cathead-l">
{L_INFORMATION}
</div>
</div>
</div>
<div class="collapsethis">
<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
<div class="statspanel" style="background-image: url('{T_THEME_PATH}/images/lock.png');">
<form method="post" action="{S_LOGIN_ACTION}">
<fieldset class="quick-login">
<label for="username">{L_USERNAME}:</label> <input type="text" name="username" id="username" size="10" class="inputbox" title="{L_USERNAME}" />
<label for="password">{L_PASSWORD}:</label> <input type="password" name="password" id="password" size="10" class="inputbox" title="{L_PASSWORD}" />
<!-- IF S_AUTOLOGIN_ENABLED -->
<input type="checkbox" name="autologin" id="autologin" class="tip" title="{L_LOG_ME_IN}" />
<!-- ENDIF -->
<input type="submit" name="login" value="{L_LOGIN}" class="button2" />
{S_LOGIN_REDIRECT}
</fieldset>
</form>
</div>
<!-- ENDIF -->
<!-- IF S_DISPLAY_ONLINE_LIST -->
<div class="statspanel" style="background-image: url('{T_THEME_PATH}/images/who-is-online.png');">
{TOTAL_USERS_ONLINE} <!--({L_ONLINE_EXPLAIN})--><!-- IF S_USER_LOGGED_IN and U_VIEWONLINE --> - <a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}?</a><!-- ENDIF -->
<!--<br />{RECORD_USERS}-->
<br /><br />{LOGGED_IN_USER_LIST}<br />
<!-- IF LEGEND --><br /><strong>{L_LEGEND}: {LEGEND}</strong><!-- ENDIF -->
<br />
</div>
<!-- ENDIF -->
<!-- IF NEWEST_USER -->
<div class="statspanel" style="background-image: url('{T_THEME_PATH}/images/statistics.png');">
{TOTAL_POSTS} • {TOTAL_TOPICS} • {TOTAL_USERS} • {NEWEST_USER}
</div>
<!-- ENDIF -->
<!-- IF S_DISPLAY_BIRTHDAY_LIST and BIRTHDAY_LIST -->
<div class="statspanel" style="background-image: url('{T_THEME_PATH}/images/birthdays.png');">
<!-- IF BIRTHDAY_LIST -->{L_CONGRATULATIONS}: <strong>{BIRTHDAY_LIST}</strong><!-- ELSE -->{L_NO_BIRTHDAYS}<!-- ENDIF -->
</div>
<!-- ENDIF -->
</div>
</div>
<!-- INCLUDE overall_footer.html -->
- DeaDRoMeO
- Старожил Форума
- Сообщения: 16763
- Стаж: 13 лет 1 месяц
- Откуда: Витебск
- Контактная информация:
Как добавить сайдбар на главной странице?
Код: Выделить всё
<!-- INCLUDE forumlist_body.html -->
Код: Выделить всё
<table width="100%"><tr><td width="80%"><!-- INCLUDE forumlist_body.html --></td><td width="20%" valign="top">любой код который будет в правой колонке</td></tr></table>
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
Как добавить сайдбар на главной странице?
Спасибо!Помогло! Но вот я хочу знать, если можно сделать эту боковую колонку похожею, на остальной дизайн стиля.Ну типа с таким же синим заголовком и в таокй же рамке и с функцией свернуть, как у всех блоков на главной?
- DeaDRoMeO
- Старожил Форума
- Сообщения: 16763
- Стаж: 13 лет 1 месяц
- Откуда: Витебск
- Контактная информация:
Как добавить сайдбар на главной странице?
Конечно можно, просто поглядеть как формируется этот блок, например в forumlist_body.html и по аналогии сделать. А сворачивание в вашем стиле реализовано?
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
Как добавить сайдбар на главной странице?
Мне кажется,что в Forumlist_body, div class="collapsethis",отвечает за дизайн блоков. Если вам не трудно, то можете сами посмотреть и сказать,что думаете. Я хочу,чтобы блоки выглядили как тут ....Ссылка.
На всякий пожарный,вот и ссылка,на мой тестовый форум... Ссылочка.
А на счет сворачивания, оно есть, но не объязательно.
Код: Выделить всё
<div class="forumlist">
<!-- BEGIN forumrow -->
<!-- IF (forumrow.S_IS_CAT and not forumrow.S_FIRST_ROW) or forumrow.S_NO_CAT -->
</table>
</div>
</div>
<br /><br />
<!-- ENDIF -->
<!-- IF forumrow.S_IS_CAT or forumrow.S_FIRST_ROW or forumrow.S_NO_CAT -->
<div class="catglow">
<div class="cathead-m">
<div class="cathead-r">
<div class="cathead-l">
<!-- IF forumrow.S_IS_CAT --><a href="{forumrow.U_VIEWFORUM}">{forumrow.FORUM_NAME}</a><!-- ELSE -->{L_FORUM}<!-- ENDIF -->
</div>
</div>
</div>
<!-- IF $COLLAPSIBLE_CATEGORIES -->
<!-- IF SCRIPT_NAME eq 'index' --><div class="trigger active"></div><!-- ENDIF -->
<!-- ENDIF -->
<div class="collapsethis">
<table class="cat" cellpadding="0" cellspacing="0" width="100%">
<!-- ENDIF -->
<!-- IF not forumrow.S_IS_CAT -->
<tr>
<td class="forumicon">{forumrow.FORUM_FOLDER_IMG}</td>
<td class="forumdetails<!-- IF forumrow.S_IS_LINK --> forumlink<!-- ENDIF -->">
<!-- IF forumrow.FORUM_IMAGE --><span class="forumimage">{forumrow.FORUM_IMAGE}</span><!-- ENDIF -->
<a href="{forumrow.U_VIEWFORUM}" class="forumtitle">{forumrow.FORUM_NAME}</a> <!-- IF S_ENABLE_FEEDS and forumrow.S_FEED_ENABLED --> <a class="feed-icon-forum" title="{L_FEED} - {forumrow.FORUM_NAME}" href="{U_FEED}?f={forumrow.FORUM_ID}"><img src="{T_THEME_PATH}/images/feed.gif" alt="{L_FEED} - {forumrow.FORUM_NAME}" /></a> <!-- ENDIF -->
<br />
<span class="forum-descriptions">{forumrow.FORUM_DESC}</span>
<!-- IF forumrow.SUBFORUMS and forumrow.S_LIST_SUBFORUMS -->
<span class="subforums">
<img src="{T_THEME_PATH}/images/tree.gif" width="19" height="12" alt="" />
<strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
</span>
<!-- ENDIF -->
<!-- IF forumrow.MODERATORS -->
<span class="forummods">
<!-- IF forumrow.SUBFORUMS --> <!-- ENDIF --><img src="{T_THEME_PATH}/images/tree.gif" width="19" height="12" alt="" />
<strong>{forumrow.L_MODERATOR_STR}:</strong> {forumrow.MODERATORS}
</span>
<!-- ENDIF -->
</td>
<!-- IF forumrow.CLICKS -->
<td colspan="3" class="forumclicks">
{L_REDIRECTS}: {forumrow.CLICKS}
</td>
<!-- ELSEIF not forumrow.S_IS_LINK -->
<td class="forumlastpost">
<!-- IF forumrow.U_UNAPPROVED_TOPICS --><a href="{forumrow.U_UNAPPROVED_TOPICS}">{UNAPPROVED_IMG}</a><!-- ENDIF -->
<!-- IF forumrow.LAST_POST_TIME -->
{L_LAST_POST} {L_POST_BY_AUTHOR} {forumrow.LAST_POSTER_FULL}
<!-- IF not S_IS_BOT -->
<a href="{forumrow.U_LAST_POST}">{LAST_POST_IMG}</a>
<!-- ENDIF --><br /><span class="fade">{forumrow.LAST_POST_TIME}</span>
<!-- ELSE -->
<span class="fade">{L_NO_POSTS}</span><br />
<!-- ENDIF -->
</td>
<td class="forumtopics"><div class="statbubble"><span>{forumrow.TOPICS}</span><br />{L_TOPICS}</div></td>
<td class="forumposts"><div class="statbubble"><span>{forumrow.POSTS}</span><br />{L_POSTS}</div></td>
<!-- ENDIF -->
</tr>
<!-- ENDIF -->
<!-- IF forumrow.S_LAST_ROW -->
</table>
</div>
</div>
<!-- ENDIF -->
<!-- BEGINELSE -->
<div class="panel">
<div class="inner"><span class="corners-top"><span></span></span>
<strong>{L_NO_FORUMS}</strong>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END forumrow -->
</div>
<!-- IF $COLLAPSIBLE_CATEGORIES -->
<script type="text/javascript">
// <![CDATA[
$(".forumlist").collapse({show: function(){
this.animate({
opacity: 'toggle',
height: 'toggle'
}, 300);
},
hide : function() {
this.animate({
opacity: 'toggle',
height: 'toggle'
}, 300);
}
});
// ]]>
</script>
<!-- ENDIF -->
А на счет сворачивания, оно есть, но не объязательно.
- DeaDRoMeO
- Старожил Форума
- Сообщения: 16763
- Стаж: 13 лет 1 месяц
- Откуда: Витебск
- Контактная информация:
Как добавить сайдбар на главной странице?
Код: Выделить всё
<div class="catglow">
<div class="cathead-m">
<div class="cathead-r">
<div class="cathead-l">
Заголовок блока
</div>
</div>
</div>
<div class="collapsethis">
<table class="cat" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>содержимое блока</td>
</tr>
</table>
</div>
</div>
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
Как добавить сайдбар на главной странице?
Этот код нужно вставить как имено. Я его ставлю,но блоки идут вверх и опускают сам форум вниз.Чтобы поняли, го на ссылку мой сайт.
Вроде все правильно делаю.
Вот как...
И как блоки чють-чють двинуть вправо.Он плотно прижаты,к самому форуму.
Вроде все правильно делаю.
Вот как...
Код: Выделить всё
<!-- INCLUDE overall_header.html -->
<table width="100%"><tr><td width="80%"><!-- INCLUDE forumlist_body.html --></td><td width="20%" valign="top">
<div class="catglow">
<div class="cathead-m">
<div class="cathead-r">
<div class="cathead-l">
jgjgjgj
</div>
</div>
</div>
<div class="collapsethis">
<table class="cat" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- sidebar -->
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-6338054497025348"
data-ad-slot="8691932118"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</td>
</tr>
</table>
</div>
</div>
<div class="catglow">
<div class="cathead-m">
<div class="cathead-r">
<div class="cathead-l">
jgjgjgj
</div>
</div>
</div>
<div class="collapsethis">
<table class="cat" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- sidebar -->
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-6338054497025348"
data-ad-slot="8691932118"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</td>
</tr>
</table>
</div>
</div>
<div class="catglow">
<div class="cathead-m">
<div class="cathead-r">
<div class="cathead-l">
jgjgjgj
</div>
</div>
</div>
<div class="collapsethis">
<table class="cat" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- sidebar -->
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-6338054497025348"
data-ad-slot="8691932118"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</td>
</tr>
</table>
</div>
</div>
<div class="catglow">
<div class="cathead-m">
<div class="cathead-r">
<div class="cathead-l">
jgjgjgj
</div>
</div>
</div>
<div class="collapsethis">
<table class="cat" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- sidebar -->
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-6338054497025348"
data-ad-slot="8691932118"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</td>
</tr>
</table>
</div>
</div>
</td></tr></table>
<br />
<div class="indexlinks">
<!-- IF U_TEAM --><a href="{U_TEAM}">{L_THE_TEAM}</a> | <!-- ENDIF -->
<!-- IF not S_IS_BOT --><a href="{U_DELETE_COOKIES}">{L_DELETE_COOKIES}</a><!-- ENDIF --> |
<a href="{U_FAQ}">{L_FAQ}</a>
<!-- IF not S_IS_BOT and U_MARK_FORUMS and SCRIPT_NAME eq 'index' --> | <a href="{U_MARK_FORUMS}" accesskey="m">{L_MARK_FORUMS_READ}</a><!-- ENDIF -->
<br />{CURRENT_TIME}
</div>
<br />
<div class="catglow">
<div class="cathead-m">
<div class="cathead-r">
<div class="cathead-l">
{L_INFORMATION}
</div>
</div>
</div>
<div class="collapsethis">
<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
<div class="statspanel" style="background-image: url('{T_THEME_PATH}/images/lock.png');">
<form method="post" action="{S_LOGIN_ACTION}">
<fieldset class="quick-login">
<label for="username">{L_USERNAME}:</label> <input type="text" name="username" id="username" size="10" class="inputbox" title="{L_USERNAME}" />
<label for="password">{L_PASSWORD}:</label> <input type="password" name="password" id="password" size="10" class="inputbox" title="{L_PASSWORD}" />
<!-- IF S_AUTOLOGIN_ENABLED -->
<input type="checkbox" name="autologin" id="autologin" class="tip" title="{L_LOG_ME_IN}" />
<!-- ENDIF -->
<input type="submit" name="login" value="{L_LOGIN}" class="button2" />
{S_LOGIN_REDIRECT}
</fieldset>
</form>
</div>
<!-- ENDIF -->
<!-- IF S_DISPLAY_ONLINE_LIST -->
<div class="statspanel" style="background-image: url('{T_THEME_PATH}/images/who-is-online.png');">
{TOTAL_USERS_ONLINE} <!--({L_ONLINE_EXPLAIN})--><!-- IF S_USER_LOGGED_IN and U_VIEWONLINE --> - <a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}?</a><!-- ENDIF -->
<!--<br />{RECORD_USERS}-->
<br /><br />{LOGGED_IN_USER_LIST}<br />
<!-- IF LEGEND --><br /><strong>{L_LEGEND}: {LEGEND}</strong><!-- ENDIF -->
<br />
</div>
<!-- ENDIF -->
<!-- IF NEWEST_USER -->
<div class="statspanel" style="background-image: url('{T_THEME_PATH}/images/statistics.png');">
{TOTAL_POSTS} • {TOTAL_TOPICS} • {TOTAL_USERS} • {NEWEST_USER}
</div>
<!-- ENDIF -->
<!-- IF S_DISPLAY_BIRTHDAY_LIST and BIRTHDAY_LIST -->
<div class="statspanel" style="background-image: url('{T_THEME_PATH}/images/birthdays.png');">
<!-- IF BIRTHDAY_LIST -->{L_CONGRATULATIONS}: <strong>{BIRTHDAY_LIST}</strong><!-- ELSE -->{L_NO_BIRTHDAYS}<!-- ENDIF -->
</div>
<!-- ENDIF -->
</div>
</div>
<!-- INCLUDE overall_footer.html -->
И как блоки чють-чють двинуть вправо.Он плотно прижаты,к самому форуму.
- DeaDRoMeO
- Старожил Форума
- Сообщения: 16763
- Стаж: 13 лет 1 месяц
- Откуда: Витебск
- Контактная информация:
Как добавить сайдбар на главной странице?
Попробуйте убрать valign="top"
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
Как добавить сайдбар на главной странице?
Не робит.Как-то странно, этот форум себя видет...Кстати,чтобы отдалить блоки от самого форума, это надо в таюлице padding задать?Я его задал, а блоки на месте.
- DeaDRoMeO
- Старожил Форума
- Сообщения: 16763
- Стаж: 13 лет 1 месяц
- Откуда: Витебск
- Контактная информация:
Как добавить сайдбар на главной странице?
Не таблице, а ячейке td. Вообщем после работы погляжу
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
Как добавить сайдбар на главной странице?
Вот как я писал,чтобы отдалить блоки от самого форума, а то они очень плотно прижаты,друг к другу.
И вот на счет valign="top".Пробобал много раз, но не работает...
Код: Выделить всё
<table width="100%"><tr><td width="80%" padding="10"><!-- INCLUDE forumlist_body.html --></td><td width="20%" padding="10">
- белк
- Хорошо тут живется
- Сообщения: 1322
- Стаж: 10 лет 7 месяцев
- Откуда: Россия
- Контактная информация:
Как добавить сайдбар на главной странице?
Код: Выделить всё
<table width="100%"><tr><td width="80%" padding="10"><!-- INCLUDE forumlist_body.html --></td><td width="20%" padding="10">
хотите использовать этот тэг - надо писать так:
Код: Выделить всё
<table width="100%"><tr><td width="80%" style="padding:10px;"><!-- INCLUDE forumlist_body.html --></td><td width="20%" style="padding:10px;">
Код: Выделить всё
<table width="100%" cellpadding="0" cellspacing="10">
<tr>
<td width="80%" valign="top"><!-- INCLUDE forumlist_body.html --></td>
<td width="20%" valign="top"></td>
</tr>
</table>
!!! он должен стоять на обоих ячейках, а не одной, 20%, как у вас...
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
Как добавить сайдбар на главной странице?
Спасибо ва огромное!Робит все,как надо!Благодаря Вам и Сергею,я начинаю медлено,но верно понимать этот движок.Спасибо за ваш труд!
- белк
- Хорошо тут живется
- Сообщения: 1322
- Стаж: 10 лет 7 месяцев
- Откуда: Россия
- Контактная информация:
Как добавить сайдбар на главной странице?
успехов. хорошо, что решили проблему...
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
Как добавить сайдбар на главной странице?
Привет всем. Сделала как у вас тут описано, все получилось, отступ появился (правда еще не знаю, что и как туда поставить). У меня просьба, подскажите, что добавить в коде, чтобы слева тоже сделать отступ?
- белк
- Хорошо тут живется
- Сообщения: 1322
- Стаж: 10 лет 7 месяцев
- Откуда: Россия
- Контактная информация:
Как добавить сайдбар на главной странице?
в смысле? что именно надо сдвинуть?Nata1483 писал(а):подскажите, что добавить в коде, чтобы слева тоже сделать отступ?
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
Как добавить сайдбар на главной странице?
Ну у меня появился такой славный отступ справа. Но как-то не нравится мне, как это не симметрично выглядит, хочется слева тоже небольшой отступ.Вот тут
Однако, три раза пыталась написать, пока дошло, что перерыв нужен в 30 минут. Это очень долго, как же общаться?
В-общем, у меня все получилось, огромное спасибо))
Однако, три раза пыталась написать, пока дошло, что перерыв нужен в 30 минут. Это очень долго, как же общаться?
В-общем, у меня все получилось, огромное спасибо))
Последний раз редактировалось Nata1483 22 май 2015, 19:51, всего редактировалось 1 раз.
- белк
- Хорошо тут живется
- Сообщения: 1322
- Стаж: 10 лет 7 месяцев
- Откуда: Россия
- Контактная информация:
Как добавить сайдбар на главной странице?
ну, если вы использовали этот код
то тогда просто можно добавить ещё один блок и получится вот так:
получится небольшой "резиновый" отступ слева. поэкспериментируйте с процентами (70% и 10%) для получения того, что вы хотите.
Код: Выделить всё
<table width="100%" cellpadding="0" cellspacing="10">
<tr>
<td width="80%" valign="top"><!-- INCLUDE forumlist_body.html --></td>
<td width="20%" valign="top"></td>
</tr>
</table>
Код: Выделить всё
<table width="100%" cellpadding="0" cellspacing="10">
<tr>
<td width="10%" valign="top"></td>
<td width="70%" valign="top"><!-- INCLUDE forumlist_body.html --></td>
<td width="20%" valign="top"></td>
</tr>
</table>
три головы - это хорошо. но как же трудно придти к согласию...
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *
* белк может помочь, но ставить за кого-то моды не будет... ни платно, ни бесплатно. *