юзайте
:before и :after
первым делается квадратик, вторым - рамка
если не хотите использовать псевдоклассы, можете загнать svg
пара примеров
<ul class="variant1"> <li>text</li> <li>text</li> <li>text</li> </ul> <ul class="variant2"> <li>text</li> <li>text</li> <li>text</li> <li>text</li> </ul> <style> /* первый вариант */ .variant1 li{ display:block; position:relative; list-style:none; padding:0 0 10px 30px; color:#FF6633; font-size:24px; line-height:100%; } .variant1 li:before{ display:block; position:absolute; left:5px; top:7px; width:12px; height:12px; content:""; transform:rotate(45deg); background-color:#FF6633; } .variant1 li:after{ display:block; position:absolute; left:2px; top:4px; width:16px; height:16px; content:""; transform:rotate(45deg); background-color:transparent; border:solid 1px #FF6633;; } /* второй вариант */ .variant2 li{ display:block; position:relative; list-style:none; padding:0 0 10px 30px; color:#669966; font-size:24px; line-height:100%; } .variant2 li:before{ display:block; position:absolute; margin-left:-30px; margin-top:5px; content:""; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23669966' width='18' height='18'%3E%3Cpath d='M18 0v18H0V0h18m-1 1H1v16h16V1z'/%3E%3Cpath d='M3.1 3.1h11.8v11.8H3.1z'/%3E%3C/svg%3E"); background-position:left top; background-repeat:no-repeat; width:18px; height:18px; transform:rotate(45deg); } </style>
xVOVAx, причем только на java только хардкор
---
ну а если серьезно, то подойдет вообще любая cmf : Modx, Drupal, да хоть тот же битрикс или вордпресс (хотя, конечно первая тугая и дорогая)
ну или можно на каком-то фреймворке, но это дорого и зело дольше
Adobe XD
но это больше сервис для разработки UX/UI
это можно сделать только на современных браузерах.
если кол-во ячеек известно по-умолчанию, то можно сделать так
td{
width:10vw;
height:10vw;
}
что означает 10% от ViewportWidth /то-есть от ширины экрана/
alexverem, Это ошибка!
https://www.w3schools.com/TAgs/tag_picture.asp
<picture> надо закрывать
Нормальная тема. Я тестировал, но в живых сайтах не пользовал пока. единственное, что в список поддерживаемых браузеров не входит всякий палеолит. то-есть если много посетителей на старых браузерах. то придется слегка подкостылить
500 уников, это вообще не посещаемость.
Смотрите на предмет наличия нагромождения разных модулей и пр.
криворукий программист может и дедик положить на сотне.
SeVlad,
Я бы написал вьюхе, но к водпрессу это не относится.
при прочих равных, один сформированный хтмл проиндексироуется, второй нет. А виноват в этом будет да да.. именно он.
вы когда-нибудь видели сверхзвуковой многопалубный велосипед на 12 лапках с приводом от красноярской ГЭС?
Так вот это вордпресс со всеми надстройками, которые придется прилепить, если захотите полноценный ИМ.
а теперь по факту
>> вордпресс плохо индексируется
Плохо индескируется не вордпресс, а шаблон/тема
>> для ИМ вообще не подходит
подходит, если у вас до 100 товаров, дальше -- хуже. после 1000 в геометрической прогрессии
>> надо покупать специальные CMS для ИМ
если ИМ не как развлечение для мамы/бабушки, а как средство заработка, то надо
Стоит ли заморачиваться?
если всё серьезно - да, если поиграться и бросить - нет
слово "симпатичной" происходит от слова "симпатия", а не от слова "пот"
теперь по теме
Понимаете в чем проблема, ваш магазин не вызывает доверия. неважная структура, простоватые картинки, плохая навигация.
ну вот скажите, зачем вам два раза "доставка и оплата" а потом еще раз "доставка" и еще раз "оплата"
https://screenshots.firefox.com/FIaX7LXlMMmTN5e7/robocheap.ru
В реальности вам даже не нужно разделение на бренды. Можно просто сделать "полуторастраничник" как я его называю. Весь каталог вывалить на одну страницу, ну и для каждого типа пылесоса сделатьотдельную страничку с расписанием его достоинств.
ну и с каталогом в текущем виде засада.
фильтры есть только на странице каталога, а больше их нигде нет...
это всё, вроде бы, мелочи, но из вот таких мелочей складывается доверие (или недоверие) к сайту.
и да... садомию https://screenshots.firefox.com/CFdQOYrEthbsMs59/robocheap.ru уберите
