Благодарим за выбор нашего сервиса!
Тестовое сообщение
Сообщений 1 страница 30 из 45
Поделиться32018-11-19 21:52:57
Змей, привет!
Я тут осознал, что Яндекс Диск жрет качество изображений, дубль 800:
Отредактировано northern fool (2018-11-19 21:55:34)
Поделиться62019-03-31 14:36:41
В целом, наверное, должно выглядеть так. Боковые фоны с шевронами просто для вида. Три вида добавил ниже.
Фоны вот. Кто-то должен выбрать.
Поделиться72019-04-01 03:43:37
Шрифт - Archive
Светлый цвет фона - #eae2d2
Темно-синий цвет - #4a5d7c
Шапка без элементов, но с логотипом. Я боюсь, что если я логотип буду сохранять отдельно в пнг, он цвета у меня поменяет и будет не таким гладким по краям.
Отредактировано Hail!Hydra (2019-04-02 02:41:42)
Поделиться82019-04-02 01:26:16
Мелочевка
Отредактировано Hail!Hydra (2019-04-07 13:53:16)
Поделиться92019-04-02 04:49:35
Все, хватит на сегодня
Поделиться102019-04-03 01:04:59
Сделал рамку. Если будут стыки - подумаю, как сделать иначе.
Светлый цвет форума лучше поменять на e7e5e2, кмк. Этот как-то отдает в кофейный.
И шрифт этот никуда не годится совсем. В нем буквы ё нет.
Я поищу другой. Точнее я бы оставил его только на шапку - постописцы, пара-эпизод и ссылки на орг. темы. а верхнюю навигационную панель и шрифт форума сделал другим.
Отредактировано Hail!Hydra (2019-04-03 01:08:58)
Поделиться112019-04-03 23:58:17
Вот такой шрифт можно попробовать на все остальные ссылки, кроме тех, что в шапке, и кроме текста в шапке: Bahnschrift.
Только без болда, если можно.
Отредактировано Hail!Hydra (2019-04-04 00:01:06)
Поделиться122019-04-07 13:28:42
Можно еще как-то избавиться от hr и вот этих артефактов в навигационном меню?
Поделиться132019-04-07 13:53:58
Отредактировано Hail!Hydra (2019-04-07 14:04:56)
Поделиться162019-04-07 18:31:23
Верх:
Низ:
Рамка:
цвет #657593
ширина 2px
<<<
Отредактировано Hail!Hydra (2019-04-07 20:48:15)
Поделиться182019-04-15 00:39:25
Так, ну раз разрешили делать все, что захочется, то попробуем новый вариант:
При нажатии на кнопки AMS и News хотелось бы, чтобы ровно посередине разворачивалось поле с амс и новостями (ссылки/маленькие картинки/сами должны решить).
Чистая версия:
Как располагать в шапке нужных/активистов и так далее - вопрос к залу.
Отредактировано Hail!Hydra (2019-04-15 00:59:04)
Поделиться192019-04-15 12:32:15
прям пипец очень грубо. но я долго крутил вертел.
Поделиться202019-04-15 13:15:38
У нас там вверху есть немного места. там можно оставить 4 самые важные ссылки. а остальное, менее популярное, впихнуть в левую вкладку.
ну примерно вот так.
Поделиться212019-04-17 01:23:45
<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="http://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="http://forumavatars.ru/img/avatars/0017/ce/d2/494-1548938466.png" />
</div>
<div class="diamond-shape">
<img src="http://forumavatars.ru/img/avatars/0017/ce/d2/494-1548938466.png" />
</div>
<div class="diamond-shape">
<img src="http://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>
Поделиться222019-04-17 01:24:33
#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;
}
Поделиться232019-04-20 15:56:32
Итак, очередная порция картинок.
Как должно выглядеть в собранном варианте:
Бэк:
Кнопки для меню:
Нужные/Пост:
Пара/Эпизод:
Активисты/Постописцы:
Поделиться242019-04-21 23:49:12
Итак, очередная порция картинок.
Поделиться252019-04-22 02:43:34
Проверяем
Поделиться262019-04-22 09:56:47
Баннеры внизу.
Можно ли баннеры сделать аналогично этому?
Поделиться272019-04-22 12:03:10
Кнопки тем:
Рамка для аватаров на главной:
Стрелки:
Поделиться282019-04-24 13:00:27
Можно ли баннеры сделать аналогично этому?
без подложки или как у филлинга сдвинуть в сторону и туда впилить цитату?
Поделиться292019-04-24 13:01:40
Viper
а еще поле для ЛЗ, с самим ЛЗ чтобы посмотреть как оно будет выглядеть. и не придется ли ходить потом и все менять его в ручную.
я делал, мне не понравилось.
Поделиться302019-04-25 11:23:08
без подложки или как у филлинга сдвинуть в сторону и туда впилить цитату?
Без подложки, на полную длину форума и чуть вдавленным, как у филлинга.