ZorNet.Ru — сайт для вебмастера » HTML и CSS » Создать вид материала в 2-е колонки для uCoz

Создать вид материала в 2-е колонки для uCoz

Создать вид материала в 2-е колонки для uCoz
Теперь вы сами сможете сделать на сайте вид материала в 2 колонки. Если у вас красивый вид на стилях, то можно вывести две колонки его. Из ходя из этого, вам не нужно искать какой-то материал, когда все можно создать самостоятельно. И из этого получится красивый вид материала, и главное все корректно будет смотреться. Это что качается главной страницы или если у вас подключен еще один модуль, то можно на нем вывести и поставить изображение.

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

Это вам всем знакомый вид с одного шаблона, что представляет система.

Как сделать 2 колонки на вид материала uCoz

Приступаем к установке:

Чтобы расположить новости в две колонки на uCoz, заходим в Панель управления -> Управление дизайном, и в графе "Новости сайта" выбираем "Вид материалов", далее в самом начале ставим

Код
<div style="width:50%;float:left;">


Далее в самом конце кода закрываем тег div:

Код
</div>

Вот и всё, теперь у вас новости в две простые одинаковые колонки, пример можно посмотреть у меня на сайте.
Можно посмотреть на сайте GARAGEVTC.RU
21 Марта 2017 Просмотров: 2155 Комментариев: (25)

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

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

Оставь свой отзыв

Комментарии: 25
Kolinkor
Kolinkor 21 Марта 2017 20:011
0
Но все таки должны стили идти, просто на тестовом сайте попробовал, все работает, но нужен еще какой то пробел между ними, просто слиплись 2 колонки, хотя возможно в стидях можно сделать, пока сильно не настраивал. А так у всех кто ставил 2 колонки, там идет такой код в начале, я вот бы не догадался.
Kosten
Kosten 21 Марта 2017 20:102
0
Тоже установил, но явно нужно вид материала, если он от конструктора, то поставить изображение, и стили настроить, то так получиться. Хотя там идет 50% и возможно на 3 наверно колонки сделать.

Scheme
Scheme 21 Марта 2017 20:133
0
Здесь бы Mishanya посоветовал на твоем сайте поставить шрифтовые иконки, и не будет в 2 ряда итди функций на файлы.
Kosten
Kosten 21 Марта 2017 20:446
0
Но шрифтовые иконки сейчас многие применяют, и согласен, что здесь бы не помешали.
waak
waak 21 Марта 2017 20:364
0
Не знаю кто придумывает публиковать такие материалы но на месте админа я бы их удалял или редактировал нормально так как это вообше не куда не годится первое задав float:left материалу в конце нужно его отменить так как блок в котором они будут выводится потеряет свою высоту так как не будет учитывать данные материалы второе и не менее важное это отступы между материалами и уже не пойдёт 50% а хотя бы 48% и обязательно margin: 10px 1%; как минимум чтоб был отступ с верху и снизу 10рх и 1% по бокам третье если предлагать такой материал то и отмену для мелких экранов нужно указывать
Kosten
Kosten 21 Марта 2017 20:435
0
waak, приветствую, но уже есть материал, как правильно сделать, можешь в комментариях отписать, потом в материале размещу.
Kosten
Kosten 21 Марта 2017 20:447
0
Но представлен сайт, где человек сделал и видать поделился, так думаю.
Nikas
Nikas 21 Марта 2017 22:138
0
почему это так выглядит?
Kosten
Kosten 21 Марта 2017 22:229
0
Здесь не могу сказать, нужно дождаться, кто залил, так бы убрал материал, но просто вижу у него на сайте все корректно отображается и в браузере посмотрел, так как здесь описано, все установлено, что то не до конца он написал.
-SAM-
-SAM- 22 Марта 2017 12:2412
0
Это просто у выложившего пока нет достаточного количества материалов, а как наберется - переключатели страниц будут хз где ) Ну, а в целом согласен с waak.
Mishanya
Mishanya 22 Марта 2017 15:0213
0
У меня главная страница не будет никогда обновляться, у меня сайт не создан для общения и материалов, это виртуальный гараж, всё что мне нужно для дальнобоя у меня есть, например возьмём главную страницу, там есть то что я хотел иметь и интерфейс в 2-е колонки, так сказать если брать реальную жизнь, автосалон, вы его видите на главной странице, а форум для отчётов и всяких правил, а если кто хочет общаться на разные темы, то для этого есть социальные сети, мой сайт не для общения, а для виртуальной работы. Так что уверяю вас всё что нужно было мне на сайте оно у меня есть, и без это будет без изменения и добавления дополнительных материалов. особенно на главной странице где вид в две колонки, там точно ничего никогда больше не будет.
-SAM-
-SAM- 22 Марта 2017 17:1018
0
Мда... как всё сложно. В этом и проблема, что выкладывать то, что лишь для вашего сайта годиться - смысла особого нет, нужно делать исходя из того, что у людей стоит разный дизайн, чтобы решение было универсальным, а также понимать, что не все способны его приспособить под свой сайт, так как не обладают нужными познаниями в html и css. В общем, не суть.
waak
waak 21 Марта 2017 22:4310
0
Тут всё просто как я писал раньше если у элемента есть флоат то его нужно отменить так как осеовной блок не учитывает его в вашем случае нужно просто добавить перед последним закрывающим </div> ещё один вот такой <div style="clear: both;"></div> в вид материалов
Mishanya
Mishanya 22 Марта 2017 07:5711
0
Парни я это сам не придумал, мне очень давно дали этот скрипт на ucoz в сообществе, кажется так называлось, сейчас даже и этого сообщество нет, так что я ничем вам не могу помочь я просто поделился этим не большим скриптом, так как сам пользуюсь им уже много лет, он у меня был на другом сайте установлен, теперь на этом. 11a
1 2 »
avatar