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

Кто нибудь пытался делать тач дизайн на ротор чтобы прямо тач? а не главная страница а остальные страницы обычные? я вот по тихоньку делаю хотелось бы сравнить с чем нибудь. есть примеры такие? Могу скинуть скрины своих наработок в этой области.

ждем скринов

2. mrBUS, прикрепляю немного) посмотрите)

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

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

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

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

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

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

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

могу предложить сделать тот блок примерно таким (в ссылках вся инфа, и сами ссылки, что поможет избежать ***ства дизайна путем вставки в текст блочных ссылок (все тот же последний скрин.
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>