Тач дизайн на ротор

Печать / RSS
24


Чатланин
0
Кто нибудь пытался делать тач дизайн на ротор чтобы прямо тач? а не главная страница а остальные страницы обычные? я вот по тихоньку делаю хотелось бы сравнить с чем нибудь. есть примеры такие? Могу скинуть скрины своих наработок в этой области. smile
Изменил: Михаил (26.06.2015 / 18:31)
В

Пришелец
0
smile ждем скринов

Чатланин
0
2. mrBUS, прикрепляю немного) посмотрите)
Прикрепленные файлы:

Чатланин
0
дивы полностью активны на всю строку ссылки то бишь не только текст ссылка. дивы типа комментарии активны в области всего дива для удобства нажатия с тачфонов

Чатланин
0
На мой взгляд этого мало. Не очень смотрятся дивы с комментариями. Как будто чего-то не хватает.. То что удобно нажимать на них это понятно, а вид портят.

Добавлено через 01:42 сек.
Особенно картинка Top.jpg в архиве.. Что-то надо делать.

Чатланин
0
5. Marsellkin, конечно критику принимаю. Есть идеи что добавить?

2000 лет д.н.э.
0
это у тебя просто блочные ссылки. тач это несколько больше.
при этом не обязательно блоками. лишь бы пальцем попадать не сложно было.
последний скрин (блоги) ужасен (извини за прямоту)
там как раз ни к чему эта блочность, она и не вписывается ну ни как.

Господин ПЖ
0
очень часто вижу что критиков много, многие показывают недостатки, но никто не хвалит
Человек трудился и старался, может что-то не получилось, вот хотя бы за это можно поблагодарить, кто-то ведь будет использовать дизайн

2000 лет д.н.э.
0
8. Vantuz, конструктивная критика куда полезнее пустого "о, круто сделал" сказанного только лишь из вежливости.
да и он не закончил, как раз послушает, поправит, и сделает еще лучше

2000 лет д.н.э.
0
могу предложить сделать тот блок примерно таким (в ссылках вся инфа, и сами ссылки, что поможет избежать ***ства дизайна путем вставки в текст блочных ссылок (все тот же последний скрин.
CSS
        .link-main-block {
background: #f3f3f3;
border-bottom: 1px solid #fff;
min-height: 48px;
box-shadow: inset 0px 0px 18px #123;
}
.link-left-block {
margin-right: 48px;
padding-left: 32px;
padding-top:4px;
height: 48px;
display: block;
font-weight: bold;
font-size: 18px;
color: #579;
line-height: 24px;
overflow: hidden;
}
.link-right-block {
min-height: 48px;
padding-top:4px;
width: 48px;
border-left: 1px solid #aaa;
display: inline-block;
float: right;
font-size:9px;
}
.link-left-block span {
display: block;
color: #444;
font-size: 14px;
font-weight: normal;
height: 24px;
owerflow: hidden;
white-space: nowrap;
}
HTML
<div class="link-main-block">
<a class="link-right-block" href="#link2">
sub link 1
</a>
<a class="link-left-block" href="#link1">
Main Link 1
<span>
this sub info string 1
</span>
</a>
</div>
<div class="link-main-block">
<a class="link-right-block" href="#link2">
sub link 2
</a>
<a class="link-left-block" href="#link1">
Main Link 2
<span>
this sub info string 2
</span>
</a>
</div>
<div class="link-main-block">
<a class="link-right-block" href="#link2">
sub link 3
</a>
<a class="link-left-block" href="#link1">
Main Link 3
<span>
this sub info string 3
</span>
</a>
</div>
Прикрепленные файлы:
линки.png (36.2Kb)
линки.png
Для выполнения действия необходимо авторизоваться!
Стикеры / Теги / Правила / Топ тем / Топ тем / Поиск