Дорогие Таймовцы!

29.03.19 Итоги голосования! спасибо всем кто голосовал!!

25.02.19 Завершающий этап голосования за лучших 2019!

07.02.19 Если ваш провайдер блокирует rusff.me, то вы можете слать его нахрен и заходить через: http://timecross.space

04.02.19 Ежегодный конкурс на лучших из лучших!.

01.01.19 Дорогой мой, друг! Я очень благодарен тебе за преданность и любовь. Поздравляю тебя с Новым годом! Пусть каждый день, каждую секунду наступающего года тебе сопутствует удача, в жизни не прекращается череда радостных событий, в сердце живет любовь, в душе умиротворение, а сам ты был открыт всему неизведанному и интересному! Желаю, чтобы даже в самые холодные и ненастные дни тебя согревало тепло близких, а рядом всегда был любимый человек, искренние друзья и соратники. Вдохновения тебе, креатива и море позитивных эмоций в Новом году!

Дорогие партнеры, у вас может не работать кнопка PR'а.

Логин: New Timeline — Пароль: 7777

Пост недели
Время болезненно и неумолимо. Оно кажется бесконечным, цикличным и щетинисто-колким, как ермургар, переливающимся всеми чешуйками на солнце, поводящим жвалами и свивающим кольца на хрустящем белом до рези в глазах снегу. Этот молочный чистый цвет заливает алым. Ярким, сочным, пропитывающим все вокруг и поднимающим облако пара вверх к высокому небу, закрытому облаками, зацепившимися за горные шпили Грозовой Гряды. Читать дальше
Тандем
Эпизод
Постописцы
Активисты

Viper's Nest

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Viper's Nest » Тестовый форум » Тестовое сообщение


Тестовое сообщение

Сообщений 1 страница 30 из 45

1

Благодарим за выбор нашего сервиса!

0

2

http://s9.uploads.ru/RVBOX.jpg
http://sd.uploads.ru/YtP3p.jpg

0

3

Змей, привет!
Я тут осознал, что Яндекс Диск жрет качество изображений, дубль 800:
http://funkyimg.com/i/2NiR8.jpghttp://funkyimg.com/i/2NiQm.jpghttp://funkyimg.com/i/2NiQn.jpg
http://funkyimg.com/i/2NiQq.jpghttp://funkyimg.com/i/2NiQp.jpghttp://funkyimg.com/i/2NiQr.jpg
http://funkyimg.com/i/2NiQs.jpghttp://funkyimg.com/i/2NiQt.jpg
http://funkyimg.com/i/2NiRj.jpg

Отредактировано northern fool (2018-11-19 21:55:34)

0

4

http://s5.uploads.ru/t/1NqEz.jpg

0

5

Макет - https://yadi.sk/i/QIDw6STdaLKsxA

заголовки категорий

http://funkyimg.com/i/2NQsD.jpg
http://funkyimg.com/i/2NQsF.jpg
http://funkyimg.com/i/2NQsE.jpg
http://funkyimg.com/i/2NQsH.jpg
http://funkyimg.com/i/2NQsT.jpg

мелочь

http://funkyimg.com/i/2NQsG.jpg
http://funkyimg.com/i/2NQsJ.jpg
http://funkyimg.com/i/2NQsM.jpg - граница для цитат

профиль

http://funkyimg.com/i/2NQsK.jpg
http://funkyimg.com/i/2NQsL.jpg
http://funkyimg.com/i/2NQsN.jpg

0

6

В целом, наверное, должно выглядеть так. Боковые фоны с шевронами просто для вида. Три вида добавил ниже.
https://i.imgur.com/r90yTlK.png

Фоны вот. Кто-то должен выбрать.
https://i.imgur.com/XXt3gvw.png https://i.imgur.com/7gV3uAO.png https://i.imgur.com/mal0r7g.png

0

7

Шрифт - Archive
Светлый цвет фона - #eae2d2
Темно-синий цвет - #4a5d7c

Шапка без элементов, но с логотипом. Я боюсь, что если я логотип буду сохранять отдельно в пнг, он цвета у меня поменяет и будет не таким гладким по краям.
https://i.imgur.com/j3xeEzB.png

Отредактировано Hail!Hydra (2019-04-02 02:41:42)

0

8

Мелочевка
https://i.imgur.com/u7hLaSS.png https://i.imgur.com/M32tvA8.png https://i.imgur.com/14aniEc.png https://i.imgur.com/XFyeGxd.png
https://i.imgur.com/ZayyrSx.png
https://i.imgur.com/wcbG31w.png

Отредактировано Hail!Hydra (2019-04-07 13:53:16)

0

9

Все, хватит на сегодня

0

10

Сделал рамку. Если будут стыки - подумаю, как сделать иначе.
https://i.imgur.com/BK9R1Ir.png

Светлый цвет форума лучше поменять на e7e5e2, кмк. Этот как-то отдает в кофейный.

И шрифт этот никуда не годится совсем. В нем буквы ё нет.
https://i.imgur.com/z6GQ2q6.jpg
Я поищу другой. Точнее я бы оставил его только на шапку - постописцы, пара-эпизод и ссылки на орг. темы. а верхнюю навигационную панель и шрифт форума сделал другим.

Отредактировано Hail!Hydra (2019-04-03 01:08:58)

0

11

Вот такой шрифт можно попробовать на все остальные ссылки, кроме тех, что в шапке, и кроме текста в шапке: Bahnschrift.
Только без болда, если можно.

Отредактировано Hail!Hydra (2019-04-04 00:01:06)

0

12

Можно еще как-то избавиться от hr и вот этих артефактов в навигационном меню?
https://i.imgur.com/1Qw4s6q.jpg

0

13

https://i.imgur.com/XP5D6kL.png
https://i.imgur.com/Imsq6j6.png
https://i.imgur.com/6IN2ZJP.png
https://i.imgur.com/qyq9yAP.png
https://i.imgur.com/BsEbZoh.png
https://i.imgur.com/M3Msatp.png

Отредактировано Hail!Hydra (2019-04-07 14:04:56)

0

14

https://i.imgur.com/YPFkcnz.png

0

15

https://i.imgur.com/Qzm0LLw.png

0

16

https://i.imgur.com/cUuYGIH.png

Верх:
https://i.imgur.com/d2lzYJU.png https://i.imgur.com/8vzYgyF.png https://i.imgur.com/QiggMav.png
https://i.imgur.com/bQgDD6z.png

Низ:
https://i.imgur.com/t4qDVGE.png

Рамка:
цвет #657593
ширина 2px

<<<

Отредактировано Hail!Hydra (2019-04-07 20:48:15)

0

17

https://i.imgur.com/ves7rmx.png

0

18

Так, ну раз разрешили делать все, что захочется, то попробуем новый вариант:
https://i.imgur.com/cd9aKGw.png

При нажатии на кнопки AMS и News хотелось бы, чтобы ровно посередине разворачивалось поле с амс и новостями (ссылки/маленькие картинки/сами должны решить).

Чистая версия:
https://i.imgur.com/41PMzJO.png

Как располагать в шапке нужных/активистов и так далее - вопрос к залу.

Как, примерно, должно выглядеть поле

https://i.imgur.com/yiSH3uX.png
https://i.imgur.com/k9fknCB.png

Отредактировано Hail!Hydra (2019-04-15 00:59:04)

0

19

прям пипец очень грубо. но я долго крутил вертел.
http://s3.uploads.ru/K1g0V.png

0

20

У нас там вверху есть немного места. там можно оставить 4 самые важные ссылки. а остальное, менее популярное, впихнуть в левую вкладку.
ну примерно вот так.
http://s7.uploads.ru/SE5uF.png

0

21

<div class="row">
        <div class="big-cell side-colon" style="width: 250px">
            <div class="small-cell border-bottom left-sided">
                постописцы недели
            </div>
            <div class="small-cell">
                <div class="diamond-shape">
                    <img src="https://pp.userapi.com/Eiz8BxC6xO1sTryjy71PBgnirzVPb1KEGpRzHA/5fCKgG4xQ6k.jpg" />
                </div>

                <div class="diamond-shape">
                    <img src="https://pp.userapi.com/Eiz8BxC6xO1sTryjy71PBgnirzVPb1KEGpRzHA/5fCKgG4xQ6k.jpg" />
                </div>

                <div class="diamond-shape">
                    <img src="https://pp.userapi.com/Eiz8BxC6xO1sTryjy71PBgnirzVPb1KEGpRzHA/5fCKgG4xQ6k.jpg" />
                </div>
            </div>
            <div class="small-cell">
                <div class="rectangle">

                </div>
                <div class="rectangle">

                </div>
            </div>
            <div class="small-cell border-top left-sided">
                пара & эпизод недели
            </div>
        </div>
        <div class="big-cell" style="width: 420px; padding: 0 10px 0;">
            <div class="centralized">faq · роли · гостевая · нужные · акции · отсутствие · вопросы к амс · банк</div>
             <div class="row" style="padding-top: 12px;">
                <div>
                    <div class="side-margin"></div>
                    <div class="in-block">
                       <ul>
                        <li>CAPT. JACK HARKNESS</li>
                        <li>MICHAEL</li>
                        <li>WADE WILSON</li>
                        </ul>
                    </div>
                </div>
                <div class="central-margin"></div>
                <div class="diamond-small-container">
   <div class="diamond-shape-small">
                    <img src="https://pp.userapi.com/Eiz8BxC6xO1sTryjy71PBgnirzVPb1KEGpRzHA/5fCKgG4xQ6k.jpg" />
                </div>
   <div class="diamond-shape-small">
                    <img src="https://pp.userapi.com/Eiz8BxC6xO1sTryjy71PBgnirzVPb1KEGpRzHA/5fCKgG4xQ6k.jpg" />
                </div>
   <div class="diamond-shape-small">
                    <img src="https://pp.userapi.com/Eiz8BxC6xO1sTryjy71PBgnirzVPb1KEGpRzHA/5fCKgG4xQ6k.jpg" />
                </div>
</div>
            </div>
            <div class="row" style="height: 62px;"></div>
            <div class="row">
                <div class="diamond-small-container">
   <div class="diamond-shape-small">
                    <img src="https://pp.userapi.com/Eiz8BxC6xO1sTryjy71PBgnirzVPb1KEGpRzHA/5fCKgG4xQ6k.jpg" />
                </div>
   <div class="diamond-shape-small">
                    <img src="https://pp.userapi.com/Eiz8BxC6xO1sTryjy71PBgnirzVPb1KEGpRzHA/5fCKgG4xQ6k.jpg" />
                </div>
   <div class="diamond-shape-small">
                    <img src="https://pp.userapi.com/Eiz8BxC6xO1sTryjy71PBgnirzVPb1KEGpRzHA/5fCKgG4xQ6k.jpg" />
                </div>
                </div>
                <div class="central-margin"></div>
                <div>
                    <div class="in-block" style="text-align: right">
                         <ul>
                        <li>SUSAN PEVENSIE</li>
                        <li>Ianto Jones</li>
                        <li>Hermann Gottlieb</li>
                   </ul>
                    </div>
                    <div class="side-margin"></div>
                </div>
            </div>
            <div class="row" style="padding-top: 7px">
                <div class="side-margin"></div>
                <div class="in-block" style="width: 352px; text-align: justify; font-size: 8px">
А что здесь должно быть написано, я вообще не знаю, но мне лень лезть в Гугл за Лорем ипсумом.
</div>
                <div class="side-margin"></div>
            </div>
        </div>
        <div class="big-cell side-colon" style="width: 250px">
            <div class="small-cell border-bottom right-sided">
                пост недели
            </div>
            <div class="small-cell">
                <div id="post-quote" style="width: 180px;display: inline-block; height:70px; overflow-y: scroll; font-size: 8px">
                    Что-то я сомневаюсь, что в этом блоке поместится много текста... Но вообще говоря, тут есть скролл, поэтому при большом желании сюда можно запихнуть хоть всю "Войну и мир".
                </div>

                <div class="diamond-shape">
                    <img src="https://forumavatars.ru/img/avatars/0017/ce/d2/494-1548938466.png" />
                </div>
            </div>
            <div class="small-cell" style="margin-bottom: 10px">
                <div class="diamond-shape">
                    <img src="https://forumavatars.ru/img/avatars/0017/ce/d2/494-1548938466.png" />
                </div>

                <div class="diamond-shape">
                    <img src="https://forumavatars.ru/img/avatars/0017/ce/d2/494-1548938466.png" />
                </div>

                <div class="diamond-shape">
                    <img src="https://forumavatars.ru/img/avatars/0017/ce/d2/494-1548938466.png" />
                </div>
            </div>
            <div class="small-cell border-top right-sided">
                активисты недели
            </div>
        </div>
      </div>
<div id="for-ulinks" style="display: block; height: 40px"></div>
<div id="for-banners">
<img src="https://i.imgur.com/Qzm0LLw.png" />
</div>

0

22

#html-header {
        min-height: 237px;
        padding: 10px;
        width: 940px;
        font-family: archive, Arial;
        color: #eae2d2;
        margin-top: -217px;
        background: url(https://i.imgur.com/YPFkcnz.png) top center no-repeat;
        font-size: 10px;
    }
    .row {
        display: flex;
    }

    .small-cell {
     padding: 5px 0 5px;
      display: flex;
    justify-content: space-between; 
    }

    .diamond-shape {
        background: #fff;
        text-align: center;
        border: 3px #4a5d7c solid;
        border-radius: 5px;
        display: inline-block;
        height: 60px;
         width: 60px;
    }

      .diamond-shape-small {
        background: #fff;
        text-align: center;
        border: 3px #4a5d7c solid;
        border-radius: 5px;
        display: inline-block;
        height: 30px;
         width: 30px;
    }

    .diamond-shape img {
        width: 60px;
        border-radius: 2px;
    }

    .diamond-shape-small img {
        width: 30px;
        border-radius: 2px;
    }

    .rectangle {
        display: inline-block;
        border: 3px #4a5d7c solid;
        border-radius: 5px;
        width: 110px;
        height: 60px;
    }

     .rectangle img {
        width: 110px;
        height: 60px;
        border-radius: 2px;
    }

     .border-bottom {
        border-bottom: 2px #eae2d2 dashed;
       padding-top: 0;
    }
    .border-top {
        border-top: 2px #eae2d2 dashed;
        padding-bottom: 0;
    }
    .right-sided {
       flex-direction: row-reverse;
    }
    .centralized {
        text-align: center;
    }

    .side-colon {
    width: 250px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
   }

   .side-margin {
     width: 28px;
     display: inline-block;
   }

   .central-margin {
     width: 130px;
   }

   .in-block {
    display: inline-block;
   }

  .diamond-small-container {
    display: flex;
    justify-content: space-between;
    width: 150px;
   }

0

23

Итак, очередная порция картинок.

Как должно выглядеть в собранном варианте:
https://i.imgur.com/iQe55oh.png

Бэк:
https://i.imgur.com/PlTkYvD.png

Кнопки для меню:
https://i.imgur.com/Np1ZQcY.png
https://i.imgur.com/Bx4gDRo.png

Нужные/Пост:
https://i.imgur.com/2fdA8Z0.png

Пара/Эпизод:
https://i.imgur.com/19e9uaB.png

Активисты/Постописцы:
https://i.imgur.com/0jd790K.png

0

24

Hail!Hydra написал(а):

Итак, очередная порция картинок.

0

25

Код:
Проверяем

0

26

Баннеры внизу.

Можно ли баннеры сделать аналогично этому?
https://i.imgur.com/WhgEcKA.jpg
https://i.imgur.com/QmKmNpV.jpg
https://i.imgur.com/bmZbq6F.jpg

0

27

Кнопки тем:
https://i.imgur.com/ZMDqUvy.png https://i.imgur.com/PHNqFAF.png https://i.imgur.com/BzvPs0B.png https://i.imgur.com/RdKBa3S.png

Рамка для аватаров на главной:
https://i.imgur.com/RogfuFP.png

Стрелки:
https://i.imgur.com/5FH7Ltl.png
https://i.imgur.com/i37hHi4.png

0

28

Hail!Hydra написал(а):

Можно ли баннеры сделать аналогично этому?

без подложки или как у филлинга сдвинуть в сторону и туда впилить цитату?

0

29

Viper
а еще поле для ЛЗ, с самим ЛЗ чтобы посмотреть как оно будет выглядеть. и не придется ли ходить потом и все менять его в ручную.
я делал, мне не понравилось.

0

30

Jack написал(а):

без подложки или как у филлинга сдвинуть в сторону и туда впилить цитату?

Без подложки, на полную длину форума и чуть вдавленным, как у филлинга.

0


Вы здесь » Viper's Nest » Тестовый форум » Тестовое сообщение


Рейтинг форумов | Создать форум бесплатно