Технический сбой

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

DLE FAQ » Стол заказов » оформление меню

оформление меню

Krolik Стол заказов 843 4 комментария

Здравствуйте, у самого не получается красиво оформить меню(

Бюджет только 100р. ((((((

Создать меню, кнопки (должны нажимается, по аналогии)

http://кск.онлайн/obyavleniya/uslugi-v-krasnoufimske/

Обязательно посмотрите аналогию кнопок. надо также только оформить по другому!!!!! Под спойлером код.

Показать / Скрыть текст

<ul class="main-menu flex-row">    

<li> <div class="fb-check">
                        <input id="film812" name="tip-uslugi" value="IT, интернет, телеком" type="checkbox">
                        <label for="film812">IT, интернет, телеком </label>
                    </div></li>
                   <li> <div class="fb-check">
                        <input id="ser73" name="tip-uslugi" value="Бытовые услуги" type="checkbox">
                        <label for="ser73">Бытовые услуги </label>
                    </div></li>
                    <li><div class="fb-check">
                        <input id="ser714" name="tip-uslugi" value="Деловые услуги" type="checkbox">
                        <label for="ser714">Деловые услуги </label>
                    </div></li>
                   <li> <div class="fb-check">
                        <input id="ser7135" name="tip-uslugi" value="Искусство" type="checkbox">
                        <label for="ser7135">Искусство </label>
                    </div></li>
                   <li> <div class="fb-check">
                        <input id="ser7116" name="tip-uslugi" value="Красота, здоровье" type="checkbox">
                        <label for="ser7116">Красота, здоровье </label>
                    </div></li>
                    <li><div class="fb-check">
                        <input id="ser71117" name="tip-uslugi" value="Мастер на час" type="checkbox">
                        <label for="ser71117">Мастер на час </label>
                    </div></li>
                
                <li> <div class="fb-check">
                        <input id="film818" name="tip-uslugi" value="Няни, сиделки" type="checkbox">
                        <label for="film818">Няни, сиделки </label>
                    </div></li>
                    <li><div class="fb-check">
                        <input id="ser711" name="tip-uslugi" value="Оборудование, производство" type="checkbox">
                        <label for="ser711">Оборудование, производство </label>
                    </div></li>
                   <li> <div class="fb-check">
                        <input id="ser7122" name="tip-uslugi" value="Обучение, курсы" type="checkbox">
                        <label for="ser7122">Обучение, курсы </label>
                    </div></li>
                  <li>  <div class="fb-check">
                        <input id="ser71333" name="tip-uslugi" value="Охрана, безопасность" type="checkbox">
                        <label for="ser71333">Охрана, безопасность </label>
                    </div></li>
                    <li><div class="fb-check">
                        <input id="ser71144" name="tip-uslugi" value="Питание, кейтеринг" type="checkbox">
                        <label for="ser71144">Питание, кейтеринг </label>
                    </div></li>
                  <li>  <div class="fb-check">
                        <input id="ser711155" name="Праздники, мероприятия" value="70" type="checkbox">
                        <label for="ser711155">Праздники, мероприятия </label>
                    </div></li>
                <li> <div class="fb-check">
                        <input id="film8166" name="Реклама, полиграфия" value="71" type="checkbox">
                        <label for="film8166">Реклама, полиграфия </label>
                    </div>
                  <li>  <div class="fb-check">
                        <input id="ser777" name="tip-uslugi" value="Ремонт и обслуживание техники" type="checkbox">
                        <label for="ser777">Ремонт и обслуживание техники </label>
                    </div></li>
                  <li>  <div class="fb-check">
                        <input id="ser7188" name="tip-uslugi" value="Ремонт, строительство" type="checkbox">
                        <label for="ser7188">Ремонт, строительство </label>
                    </div></li>
                   <li> <div class="fb-check">
                        <input id="ser71399" name="tip-uslugi" value="Сад, благоустройство" type="checkbox">
                        <label for="ser71399">Сад, благоустройство </label>
                    </div></li>
                   <li> <div class="fb-check">
                        <input id="ser71100" name="tip-uslugi" value="Транспорт, перевозки" type="checkbox">
                        <label for="ser71100">Транспорт, перевозки </label>
                    </div></li>
                  <li>  <div class="fb-check">
                        <input id="ser711121" name="tip-uslugi" value="Уборка" type="checkbox">
                        <label for="ser711121">Уборка </label>
                    </div></li>
               <li> <div class="fb-check">
                        <input id="ser7111223" name="tip-uslugi" value="Установка техники" type="checkbox">
                        <label for="ser7111223">Установка техники </label>
                    </div></li>
              <li>  <div class="fb-check">
                        <input id="ser7111432" name="tip-uslugi" value="Уход за животными" type="checkbox">
                        <label for="ser7111432">Уход за животными </label>
                    </div></li>
               <li> <div class="fb-check">
                        <input id="ser7111a" name="tip-uslugi" value="Фото- и видеосъёмка" type="checkbox">
                        <label for="ser7111a">Фото- и видеосъёмка </label>
                    </div></li>
               <li> <div class="fb-check">
                        <input id="ser7111s" name="tip-uslugi" value="Другое" type="checkbox">
                        <label for="ser7111s">Другое </label>
                    </div></li>

			</ul>

Самые первые, отдельные от основных пункты, должны отличатся. На Ваше усмотрение, стилистика должна быть под шаблон.

4 комментария

Юзер

Krolik - - #68030

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

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

Только напишите в комментах что взяли заказ и т.д. что ьы сразу 2 человека не делали)

Юзер

Shnapik - - #68043

Я бы посоветовал составить ТЗ попонятнее. Либо я на ночь глядя не понял что именно нужно. Нужны своего рода такие кнопки, чтобы при нажатии на определенные составлялся фильтр по новостям? То есть:

Мы выбрали: IT, интернет, телеком
На отобразились новости к примеру из этой категории.

Мы выбрали: IT, интернет, телеком + Реклама, полиграфия
Нам отобразились новости из этих двух категорий.

Так что ли? Или иначе все тут?

Юзер

Krolik - - #68044

Shnapik,
Не, фильтр уже есть. Необходимо сделать только оформление. По аналогии. На картинке показано как необходимо составить колонки. Я просто не силен в дизайне, html css.. необходимо просто сделать оформление. Но понял, буду тогда подробно писать т3(

Юзер

vagabond - - #68100

удалите в styles.css
background: #dcdcdc;
background: linear-gradient(to bottom, #f8f8f8 0%,#dcdcdc 100%);
и все станет как на фото

Последние события

Puxlik | Telegram Sender ¹³

Puxlik
Telegram Sender

Версию 17.1 поддерживает ?
TeraMoune | Не загружается изображение [Ошибка HTTP] ... ²

TeraMoune
Не загружается изображение [Ошибка HTTP]. Как исправить?

В этой версии есть фрагментация загрузки файла когда загружаемый файл разделяется на фрагменты, по умолчанию 1 фрагмент 1.5мб. (И у вас написано лимиты на файл 4мб и картинки 5.86мб, этого достаточно чтобы принимать 1.5мб фрагменты) И если бы была проблема с весом или чем-то подобным то об этом бы сервер сообщил. Сервер отдал 500 ошибку это значит что угодно, нужно смотреть ответ от сервера в консоли разработчика или логах.
RedFox | Не загружается изображение [Ошибка HTTP] ... ²

RedFox
Не загружается изображение [Ошибка HTTP]. Как исправить?

"Некоторые картинки загружаются, но большинство нет."

Сначала не обратил внимания, но видимо проблема в этом. Все, что больше 100Кб, не загружается. Что странно, поскольку в php у меня следующие значения:
post_max_size = 100M
upload_max_filesize = 100M
max_file_uploads = 20

Полагаю, где-то еще надо увеличить размер загружаемой картинки, но где?
LMakc | Модуль читалка pdf ¹

LMakc
Модуль читалка pdf

Не начинай, я заплатил сегодня штраф за підручники. Сейчас очень сложно с этим.
ssssss | Сделать подсчет количества символов в ко ... ⁵

ssssss
Сделать подсчет количества символов в комментариях

Есть актуальный плагин под 17 версию? (только количество символов! без наворотов... записей куда-либо и т.п.) *ББ-редактор
alex.sg.spb | Как вывести информацию о обновлении ново ... ⁸

alex.sg.spb
Как вывести информацию о обновлении новости, но на время?

вопрос, в продолжение поста. Помогите с кодом вывода инфо UPDATE на краткой новости, так чтобы не нужно было нажимать внутри новости при редактировании галочку?
Kentavr | Как вместо %20 в адресной строке подстав ... ⁹

Kentavr
Как вместо %20 в адресной строке подставлять символ + между словами ???

Спасибо огромное. Этот вариант самый простой и рабочий!

derebas | Как вместо %20 в адресной строке подстав ... ⁹

derebas
Как вместо %20 в адресной строке подставлять символ + между словами ???

К черту htaccess давайте проще

к href добавьте id="xfield_value"

<a href="/company/[xfvalue_company]/" id="xfield_value">[xfvalue_company]</a>

И добавьте скрипт обработчик

<script>
document.addEventListener('DOMContentLoaded', function() {
    const links = document.querySelectorAll('a#xfield_value');

    links.forEach(link => {
      let href = link.getAttribute('href');

      if (href) {
        href = href.replace(/ /g, '+');
        link.setAttribute('href', href);
      }
    });
  });
</script>

Kentavr | Как вместо %20 в адресной строке подстав ... ⁹

Kentavr
Как вместо %20 в адресной строке подставлять символ + между словами ???

Так сайт не работает вообще. Браузер выдает такое

Страница недоступна Сайт ... выполнил переадресацию слишком много раз.
Попробуйте удалить файлы cookie.

ERR_TOO_MANY_REDIRECTS

Куки чистил не помогает
derebas | Как вместо %20 в адресной строке подстав ... ⁹

derebas
Как вместо %20 в адресной строке подставлять символ + между словами ???

Попробуйте так
RewriteEngine On
RewriteCond %{REQUEST_URI} %20
RewriteRule (.*)%20(.*) $1+$2 [N]
RewriteRule (.*) $1 [R=301,L]