Уважаемые пользователи!
C 7 ноября 2020 года phpBB Group прекратила выпуск обновлений и завершила дальнейшее развитие phpBB версии 3.2.
С 1 августа 2024 года phpBB Group прекращает поддержку phpBB 3.2 на официальном сайте.
Сайт официальной русской поддержки phpBB Guru продолжит поддержку phpBB 3.2 до 31 декабря 2024 года.
С учетом этого, настоятельно рекомендуется обновить конференции до версии 3.3.

Вопрос по стилю

Есть любые вопросы, связанные со стилями/темами для phpBB 2.0.x? Ишите ответы здесь!
Аватара пользователя
Coba4ka
phpBB 1.4.2
Сообщения: 55
Стаж: 16 лет 7 месяцев
Откуда: Яр.обл

Вопрос по стилю

Сообщение Coba4ka »

Нужно вогнать стиль в рамку на подобие этой? думаю надо таблицей, но вот как это все сделать...

Изображение

+ еще хотелось бы узнать как сделать, что бы поля отмеченные красным не растягивались? А то вставляешь картинку, а она увеличивается, такая же штуки и с картинками рядом у топиков.

Изображение

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

Еще интертесно как сделать линию (как показано крачным)
Изображение
Ulfr
phpBB 1.2.1
Сообщения: 25
Стаж: 17 лет 9 месяцев

Сообщение Ulfr »

Coba4ka писал(а):Нужно вогнать стиль в рамку на подобие этой? думаю надо таблицей, но вот как это все сделать...
Делаете таблицу 3*3, в центральную ячейку вставляете собственно форум, а в окружные -- картинки, которые вам нужны. Так же указываете, растягиваться им или нет.
Линию делаете аналогично -- таблицей. Либо в свойствах тега <hr> указываете ширину 100% (а заодно добавляете эту линию под ником).
Аватара пользователя
Coba4ka
phpBB 1.4.2
Сообщения: 55
Стаж: 16 лет 7 месяцев
Откуда: Яр.обл

Сообщение Coba4ka »

Ulfr писал(а):Делаете таблицу 3*3
напиши плиз как примерно должно выглядеть а то я не очень разбираюсь, если чесно
Ulfr
phpBB 1.2.1
Сообщения: 25
Стаж: 17 лет 9 месяцев

Сообщение Ulfr »

Coba4ka писал(а):напиши плиз как примерно должно выглядеть а то я не очень разбираюсь, если чесно
читаем справочник по html ;) вспоминать все довольно лениво...
например тут: http://www.w3.org/

код, примерно, такой:

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

<table>
<tr>
<td><img src="левый верхний угол"></td>
<td><img src="верх" width=100%></td>
<td><img src="правый верхний угол"></td>
</tr>
<tr>
<td><img src="левый край" height=100%></td>
<td> тут собственно форум </td>
<td><img src="правый край" height=100%></td>
</tr>
<tr>
<td><img src="левый нижний угол"></td>
<td><img src="верх" width=100%></td>
<td><img src="правый нижний угол"></td>
</tr>
</table>
это криво, на вскидку... профи верстальщики мну камнями закидают :)
всякие 100% ширины и длины лучше заменить заполняющимся фоном...
Аватара пользователя
Палыч
Former team member
Сообщения: 9683
Стаж: 17 лет 10 месяцев
Откуда: Питер
Благодарил (а): 1 раз
Поблагодарили: 27 раз

Сообщение Палыч »

Coba4ka
Вот тут почитайте
http://anderson.phpbbguru.net/viewtopic.php?f=5&t=198

Добавлено спустя 1 минуту 16 секунд:

Там правда про тройку, но принципы те же.
Не все то WINDOWS, что висит... phpBB только учусь.
ICQ, email, ЛС - только для личных сообщений. Вопросы по phpbb только на форумах. По найму не работаю.
Аватара пользователя
Coba4ka
phpBB 1.4.2
Сообщения: 55
Стаж: 16 лет 7 месяцев
Откуда: Яр.обл

Сообщение Coba4ka »

Ulfr
Палыч
Сенкс! попробую
Аватара пользователя
Coba4ka
phpBB 1.4.2
Сообщения: 55
Стаж: 16 лет 7 месяцев
Откуда: Яр.обл

Сообщение Coba4ka »

Ulfr, схема сработала, только пришлось корректировать немного.

Возник еще вопрос: как в сообщениях сделать отступ от края, а то текст сообщения слишком близко к линии границы. Естественно это нужно сделать с права и с лева!

+ трабла со временем. Как сделать чтобы отображалось в сообщениее Сегодня и вчера а не число + чтобы не было pm и am а обычные часы

На старом форуме IPB у меня стоял код j.n.Y, G:i и вывод даты был такой: Вчера, 2:02 или 27.4.2007, 0:34 на phpBB не так отображается почему то ((

Добавлено спустя 7 часов 15 минут 54 секунды:

Кто может подсказать где ошибка? левая область должна примыкаться к середине как с правой стороны!! все передумал, что-то не получается (((

Изображение

вот код этой таблицы

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

<table width="100%" cellspacing="0" cellpadding="0" border="1" align="center">
<tr>
<td><img src="templates/Sosumi/images/table_top_left.gif"></td>
<td background="templates/Sosumi/images/table_top.gif"><img src="templates/Sosumi/images/table_top.gif"></td>
<td><img src="templates/Sosumi/images/table_top_right.gif"></td>
</tr>
<tr>
<td background="templates/Sosumi/images/table_left.gif"><img src="templates/Sosumi/images/table_left.gif"></td>
<td>
---------------таблица в середине-------------- (вырезано)
</td>
<td background="templates/Sosumi/images/table_right.gif"><img src="templates/Sosumi/images/table_right.gif"></td>
</tr>
<tr>
<td><img src="templates/Sosumi/images/table_bottom_left.gif"></td>
<td background="templates/Sosumi/images/table_bottom.gif"><img src="templates/Sosumi/images/table_bottom.gif"></td>
<td><img src="templates/Sosumi/images/table_bottom_right.gif"></td>
</tr>
</table>
Аватара пользователя
Rayden
Former team member
Сообщения: 3739
Стаж: 18 лет 9 месяцев
Поблагодарили: 3 раза

Сообщение Rayden »

Ширину крайних столбцов задай в пикселях. По умолчанию табрица делится на три равных столбца.

И почему у тебя в средней строке и бекграунд и рисунок?
phpBB2 FAQ
phpBB3 FAQ
Ulfr
phpBB 1.2.1
Сообщения: 25
Стаж: 17 лет 9 месяцев

Сообщение Ulfr »

Coba4ka писал(а):Возник еще вопрос: как в сообщениях сделать отступ от края, а то текст сообщения слишком близко к линии границы. Естественно это нужно сделать с права и с лева!
Есть в хтмл такой параметр как margin (ссылку на мануалы я давал).
Coba4ka писал(а):+ трабла со временем. Как сделать чтобы отображалось в сообщениее Сегодня и вчера а не число + чтобы не было pm и am а обычные часы
Во-первых, как было сказано -- размеры крайних столбцов прописать точно. А так же бордер поставить 0 (иначе так и будут торчать эти границы внутри таблицы... хотя может это так и задумано? ;) )Вроде на этом форуме есть мод соответсвующий, или еще где... сам ставил, но уже не помню откуда брал.
pm и am -- настройки времени смотреть, это индивидуально для каждого пользователя, но можно всем выставить по умолчанию как нравится.
Coba4ka писал(а):Кто может подсказать где ошибка? левая область должна примыкаться к середине как с правой стороны!!
Rayden писал(а):Ширину крайних столбцов задай в пикселях. По умолчанию табрица делится на три равных столбца.
Кстати, по хорошему можно точно задать и высоту крайних строк...
Во-вторых, в хтмл есть такой параметр как align (если совсем лень мануал читать -- есть и википедия).
Rayden писал(а):И почему у тебя в средней строке и бекграунд и рисунок?
Если при пустой ячейке все ползет или не отображается -- можно впихнуть туда пробел.
Обычно ставят неразрывный:
Аватара пользователя
Coba4ka
phpBB 1.4.2
Сообщения: 55
Стаж: 16 лет 7 месяцев
Откуда: Яр.обл

Сообщение Coba4ka »

Ulfr писал(а):А так же бордер поставить 0 (иначе так и будут торчать эти границы внутри таблицы... хотя может это так и задумано?
я специально для наглядности поставил 1, чтобы вам понятнее было ))
Rayden писал(а):И почему у тебя в средней строке и бекграунд и рисунок?
потому что в средней яйчейке нет таблицы вот и бекграунд, а в средних, поотму что так и должно быть, смотри код.
Ulfr писал(а):Во-вторых, в хтмл есть такой параметр как align
пробовал его, тоже самое!
Ширину крайних столбцов задай в пикселях
Кстати, по хорошему можно точно задать и высоту крайних строк...
Дак а если у пользователя разрешение другое - у него все полезет на изнанку...
По умолчанию табрица делится на три равных столбца.
и что что она делиться, меня интересует почему таблица криво срослась - должен быть прямоугольник неразрывный.

У меня все работатет с титульной страницей, то есть тот же самый код все правильно отображает - пытаешься удалить серединную таблицу как вылезает такая шняга (((

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

О где же вы гуру!!! в чем косяк то (((
Аватара пользователя
Rayden
Former team member
Сообщения: 3739
Стаж: 18 лет 9 месяцев
Поблагодарили: 3 раза

Сообщение Rayden »

Coba4ka
Ты тормоз? Тебе два человека сказали - пропиши жестко размеры крайних столбцов в пикселях. Без этого у тебя размеры крайних столбцов получаются 33%.
Причем тут разрешение у пользователя?
У тебя стоит размер всей таблицы 100% - вот это и будет само подгоняться под разрешение пользователя.
А крайние столбцы сделай например 20px. А размер среднего столбца не прописывай. Тогда при любом размере таблицы 40px будет забираться для рамки, а все что останется - будет отдаваться среднему столбцу.

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

<td background="templates/Sosumi/images/table_top.gif"><img src="templates/Sosumi/images/table_top.gif"></td>
Так не должно быть. У тебя два раза грузится один и тот же рисунок и накладывается сам на себя.
phpBB2 FAQ
phpBB3 FAQ
Аватара пользователя
Coba4ka
phpBB 1.4.2
Сообщения: 55
Стаж: 16 лет 7 месяцев
Откуда: Яр.обл

Сообщение Coba4ka »

Rayden писал(а):Ты тормоз?
Ага, я чайник в этом деле, так что не горячись =)

Добавлено спустя 25 минут 17 секунд:

Что-то не получается сделать крайние столбцы 20 px, напишите если не трудно хотя бы как должно выглядеть
Аватара пользователя
Rayden
Former team member
Сообщения: 3739
Стаж: 18 лет 9 месяцев
Поблагодарили: 3 раза

Сообщение Rayden »

Не проверял, но должно работать.

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

<table width="100%" cellspacing="0" cellpadding="0" border="1" align="center"> 
<tr> 
<td background="templates/Sosumi/images/table_top_left.gif" width="20px" height="20px">&nbsp;></td> 
<td background="templates/Sosumi/images/table_top.gif"  height="20px">&nbsp;</td> 
<td background=="templates/Sosumi/images/table_top_right.gif" width="20px" height="20px">&>&nbsp;</td> 
</tr> 
<tr> 
<td background="templates/Sosumi/images/table_left.gif" width="20px">&nbsp;</td> 
<td> 
---------------таблица в середине-------------- (вырезано) 
</td> 
<td background="templates/Sosumi/images/table_right.gif" width="20px">&nbsp;</td> 
</tr> 
<tr> 
<td background=="templates/Sosumi/images/table_bottom_left.gif" width="20px" height="20px">&nbsp;</td> 
<td background="templates/Sosumi/images/table_bottom.gif" height="20px">&nbsp;</td> 
<td background=="templates/Sosumi/images/table_bottom_right.gif" width="20px" height="20px">&nbsp;</td> 
</tr> 
</table>
а вообще это надо через стили делать.
phpBB2 FAQ
phpBB3 FAQ
Аватара пользователя
Coba4ka
phpBB 1.4.2
Сообщения: 55
Стаж: 16 лет 7 месяцев
Откуда: Яр.обл

Сообщение Coba4ka »

Rayden
спасибо, проверю отпишусь =) надеюсь получится!

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

Rayden, вот что получилось

Изображение


Пришлось немногоподправить, чтобы все встало на свои места, все гуд при любом разрешении!

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

<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tr>
<td width="20px" height="20px"><img src="templates/Sosumi/images/table_top_left.gif"></td>
<td background="templates/Sosumi/images/table_top.gif"  height="20px"></td>
<td width="20px" height="20px"><img src="templates/Sosumi/images/table_top_right.gif"></td>
</tr>
<tr>
<td background="templates/Sosumi/images/table_left.gif" width="20px"></td>
<td>
---------------таблица в середине-------------- (вырезано)
</td>
<td background="templates/Sosumi/images/table_right.gif" width="20px"></td>
</tr>
<tr>
<td width="20px" height="20px"><img src="templates/Sosumi/images/table_bottom_left.gif"></td>
<td background="templates/Sosumi/images/table_bottom.gif" height="20px"></td>
<td width="20px" height="20px"><img src="templates/Sosumi/images/table_bottom_right.gif"></td>
</tr>
</table>
Изображение :)

Добавлено спустя 1 минуту 58 секунд:

+ не понятно зачем пробелы вставил &nbsp; ну да ладно, главное заработало!
Аватара пользователя
Палыч
Former team member
Сообщения: 9683
Стаж: 17 лет 10 месяцев
Откуда: Питер
Благодарил (а): 1 раз
Поблагодарили: 27 раз

Сообщение Палыч »

Coba4ka писал(а):+ не понятно зачем пробелы вставил &nbsp;
А вы их убрать не пробовали?:wink:
Не все то WINDOWS, что висит... phpBB только учусь.
ICQ, email, ЛС - только для личных сообщений. Вопросы по phpbb только на форумах. По найму не работаю.

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