» »

Стильная вариация вид материала для uCoz


Стильная вариация вид материала для uCoz

Вашему вниманию вид материала с вариацией стильного вида на каталог файлов . Также он может идти на другие модули, создан в 2 колонки. Что безусловно на главной странице будет больше материала, что любят пользователи любого интернет ресурса. Здесь автор добавил свое видение на его, а это будет анимация, которая на CSS и другие приложение как фишки. Так как вид смотрится шикарно, на его прописано много стилей, то для этого вы можете сделать отдельно файл. Или если есть место в CSS, то поставить его туда, так где должен быть, но посоветовал все сделать отдельно, так как место может пригодится.

Главное, этого материала еще заключается в его адаптивности, так как автор Angerfist, всегда делает ее, чтоб только поставить и под себя его настроить. Сам он выполнен в темном оттенке цвета, также виде присутствует все функций, как для работы и визуализация, что также не мало важно. При наведение вы будете видеть краткое описание. что можно сразу понять, что за материал находится. 

PS - код и стили вы можете скачать, они находятся в текстовом документе, что копируем и ставим.

Вот как реально будет, снято с тестового сайта

Вид материал 2 колонки для сайта с эффектом

Автор: Angerfist
01.10.2016 Загрузок: 11 Просмотров: 363 Комментарий: (25)

Поделиться в социальных сетях

Материал разместил

Комментарий: 25
Сопрано
Сопрано 01.10.2016 14:171
+2
Сразу видно почерк Angerfist, просто все сразу адаптированно, но и 2 колонки, и дизайн, круто уметь так делать. wink
FeStemBer
FeStemBer 01.10.2016 14:202
0
Нет не чего круче оригинальности, хоть он и немного походит на другие вид материала, но с каждым не сравнить, так как и эффекты разные и подача информация другая, вообщем плюс.
FeStemBer
FeStemBer 01.10.2016 14:213
0
Плюс автору. biggrin
Angerfist
Angerfist 01.10.2016 14:244
0
Не хотел на главную) так как это основа была, думал на форме добавят в постах какие анимации не в кассу а как лучше. Воббщем CSS анимация не так сложна, просто я применяю простую, обьём стилей анимаций огромные из за браузерных префиксов. Когда пишешь анимацию множественную так там получается стили вообще под мб, пока не знаю как без префиксов...Слежу пока за эволюцией браузеров.
Kosten
Kosten 01.10.2016 14:265
0
Angerfist, просто уже не ставлю твой материал, чтоб проверять и снимать изображение, так понимаю он полностью рабочий и описание просто взял с твоего, просто добавил что вижу в самом материале.
Angerfist
Angerfist 01.10.2016 14:336
0
Comment has been deleted.
Kosten
Kosten 01.10.2016 14:447
0
Но если как веб мастер, точно проверить нужно, проверю и скрин скину в комментарий, это на светлом фоне, а будет на темном, как смотреться на нем будет.
Kosten
Kosten 01.10.2016 14:598
0
Но как и предполагал, материал полностью рабочий, другое дело, что его нужно еще под сайт подводить. А также сделать так, чтоб краткое описание было не в притык к стене, это можно сделать как в самом коде или на стилях.

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



Это где написано "Rise of the - TOMB RIDER" поставил оператор на категорию, вы можете поставить другой, главное оторвать от стенок и все как написал будет шикарно.
Angerfist
Angerfist 01.10.2016 15:029
0
судя по скриншотам, стили fogging не впряглись, показывай где проверял
Kosten
Kosten 01.10.2016 15:0711
0
На тестовом сайте здесь.
Angerfist
Angerfist 01.10.2016 15:0710
0
одно из двух, либо проверял мои ранние материалы (я не часто меняю названия классов) и старые перебивают, либо просто вырезал всё что связано с классом fogging и внутри его biggrin
Angerfist
Angerfist 01.10.2016 15:1212
0
То что там вижу, это вообще не то что я делал)))
Kosten
Kosten 01.10.2016 15:1913
0
Немного не похоже это точно.
Angerfist
Angerfist 01.10.2016 15:3014
0
Вообщем я поправил всё, проверяй на тестовом, вот так должно быть, я просто скинул не тот код, на форуме исправил, куча файлов этапных, я и запутался. Когда пишу код я поэтапно делаю, а тут вроде материал выложил просто для теста, вот и запутался
Angerfist
Angerfist 01.10.2016 15:3115
0
тестовый сайт любезно предоставленный админом проба материала
Angerfist
Angerfist 01.10.2016 15:3416
0
Comment has been deleted.
Kosten
Kosten 01.10.2016 16:0117
0
Код и стили сменил и поставил изображение с тестового сайта, также есть тема на форуме от автора.
Angerfist
Angerfist 01.10.2016 16:0318
0
Там я конечно не всё доделал, блок падает сверху и его видно, не успел доделать чтобы вообще выпадал из пустоты, а потом подумал может это фишка?)
Сопрано
Сопрано 01.10.2016 17:3019
0
Костен, иногда скорость мешает, как здесь, но все нормально стало и вид теперь правильный.
Angerfist
Angerfist 01.10.2016 17:4420
0
Comment has been deleted.
Angerfist
Angerfist 01.10.2016 17:5422
0
CSS анимация не особо влияет на загрузку
Kosten
Kosten 01.10.2016 19:4824
0
Анимация всегда привлекает, а здесь она сделана красиво.
1 2 »
avatar