Короче медленно и мучительно нужно набить 12 постов. С моих мобильных устройств все просто не выкладывается. Каждому изображению после загрузки применяется одно и то же имя. После каждого моего поста нужен хотя бы один другой пост.

Поехали. Главная страница сайта. Вверху полюбому шапка с логотипом сайта. Сама шапка обдумывается пока. На ней справа вверху лупа с адекватным поиском. При нажатии на лупу всплывает окошко с полем ввода текста и с выбором места поиска (какой раздел или подраздел), выбором предмета поиска (тема или сообщение).... Местами перепутал.

Между шапкой и списком форумов нужны две кнопки с правилами и помощью. Возможно перенесение в шторку всплывающую слева.
Дале название форума ( хип-хоп, жизнь или тусовки) в каждом форуме свои списки разделов. Нажимая на плюсик возле определенного раздела открывается список подразделов этого раздела. На 4 пда проще. У них нет подразделов. Стили названий подразделов разделов и форумов отличаются друг от друга.

В правом верхнем углу хорошее решение на 4пда. Там при нажатии всплывает все прочитано и в закладки. Удобно? Да.

Слева при нажатии на три горизонтальные полосы будет выезжать шторка на которой размещены визитка профиля с кнопочкой редактирования профиля справа, меню форума, статистика. Меню форума однозначно перетрясать. панель управления разбивается на лс, лист подписок, кто вас цитировал. Все остальное не нужно тащить в мобильную версию. Имеем: Профиль; лс, подписки, кто вас цитировал - всё с цифрой количества нового справа ну или ее отсутствием; баня, статистика; настройки. Выход в профиле. Лишнего нет. Все необходимое имеем.

Приложение сайта 4пда с форумом ( рассматриваю только форумскую часть) главная страница форума.


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

Скрин снизу.косяк. но неудобно исправлять ошибки.

Шапка загвоздка.

<div class="post_wrap_div" id="edit1079832715" style="padding:0px 0px 0px 0px">
<table border="0" cellpadding="0" cellspacing="0" class="st_pt_table" id="post1079832715" width="100%">
<tr valign="top">
<td class="st_pt_c1" rowspan="2" width="175">
<div class="username" id="postmenu_1079832715">
<a href="https://www.hip-hop.ru/forum/id287844-fluderasticheskii-ded" rel="nofollow">
Флудерастический Дед
</a>
</div>
<div class="usertittle">
новый пользователь
</div>
<div class="userinfo">
Сообщения: 113
<div>
Регистрация: 02.10.2017
</div>
<div>
</div>
</div>
</td>
<td class="st_pt_c2" id="td_post_1079832715">
<table border="0" cellpadding="0" cellspacing="0" style="padding: 0px 0px 3px 0px; border: 1px solid #3e4a87; border-width: 0px 0px 1px 0px;" width="100%">
<tr>
<td nowrap="">
<a name="post1079832715">
</a>
<a href="https://www.hip-hop.ru/forum/blog_post.php?do=newblog&amp;p=1079832715" rel="nofollow">
<img alt="Старый пост, нажмите что бы добавить к себе блог" border="0" class="inlineimg" src="https://www.hip-hop.ru/forum/images/statusicon/post_old.gif"/>
</a>
Вчера, 15:04
</td>
<td style="padding-left:20px" width="100%">
<div>
</div>
</td>
<td>
</td>
<td align="right" nowrap="">
<a href="https://www.hip-hop.ru/forum/post1079832715-n101/" id="postcount1079832715" name="101" target="new">
#
<strong>
101
</strong>
</a>
(
<b>
<a href="https://www.hip-hop.ru/forum/prilozhenie-hip-hop-ru-dlya-smartfonov-420484/index5.html#post1079832715" title="Прямая Ссылка">
ПС
</a>
</b>
)
</td>
</tr>
</table>
<div class="mtext" id="post_message_1079832715" style="padding-top:5px;">
Рукожоп привет
<img alt="" border="0" class="inlineimg" src="https://www.hip-hop.ru/forum/images/smilies/biggrin.gif" title="big grin"/>
</div>
</td>
</tr>
<tr>
<td class="st_pt_c2" valign="bottom">
<br/>
</td>
</tr>
<tr>
<td class="st_pt_c1">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<span style="font-size:10px; font-weight:bold; color: #6d7985">
offline
</span>
</td>
<td align="right" style="font-size:10;font-weight:bold; color: #853723">
</td>
</tr>
</table>
</td>
<td align="right" class="st_pt_c2 post-control">
<div class="pwrap">
<div class="picons">
<table border="0" cellpadding="0" cellspacing="0" style="padding: 5px 0px 0px 0px; border: 1px solid #3e4a87; border-width: 1px 0px 0px 0px;" width="100%">
<tr>
<td align="left" nowrap="">
</td>
<td align="right" nowrap="">
<a href="https://www.hip-hop.ru/forum/newreply.php?do=newreply&amp;p=1079832715" rel="nofollow">
<img alt="Ответить с цитированием" border="0" src="https://www.hip-hop.ru/forum/images/buttons/quote.gif"/>
</a>
</td>
</tr>
</table>
</div>
</div>
</td>
</tr>
</table>
</div>