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

Krolik 25.03.2018 Стол заказов 854 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 - 2018-03-2525 марта 2018 22:14 - #68030

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

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

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

Юзер

Shnapik - 2018-03-2527 марта 2018 01:49 - #68043

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

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

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

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

Юзер

Krolik - 2018-03-2527 марта 2018 05:27 - #68044

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

Юзер

vagabond - 2018-03-252 апреля 2018 16:54 - #68100

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

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

Darkzone | Выбор категории для доп. поля? ⁴

Darkzone
Выбор категории для доп. поля?
Вчера, 17:08

Разъясните как вытащить id?
lutskboy | Вытащить все данные из определенного доп ... ¹

lutskboy
Вытащить все данные из определенного доп поля?
Вчера, 16:17

в adminer можно.

lutskboy | Выбор категории для доп. поля? ⁴

lutskboy
Выбор категории для доп. поля?
Вчера, 16:14

выбрать все кроме такого нет. можно с бд достать все ид через запятую и вставить в xfields.txt
js скрипт можно написать


<script>
    window.addEventListener('load', ()=> {
        $('#category').on('change', function() {
            var value = $(this).val();
            if ($.isArray(value)) {
            	ShowOrHideEx("xfield_holder_year", jQuery.inArray('1', value) != -1 || jQuery.inArray('2', value) != -1 );
            } else {
            	ShowOrHideEx("xfield_holder_year", value == 1 || value==2);
            }
        })
    });
</script>
year доп поле . 1 и 2 катег

Darkzone | Выбор категории для доп. поля? ⁴

Darkzone
Выбор категории для доп. поля?
Вчера, 14:39

Смотрите, Нужно чтоб обязательное к заполнению доп. поле при добавлении новости, выводилось во всех категориях, кроме двух. Так как количество категорий довольно большое, есть ли способ, не тыкать каждую категорию в которой будет отображаться доп.поле. Надеюсь я смог разъяснить.
lutskboy | Выбор категории для доп. поля? ⁴

lutskboy
Выбор категории для доп. поля?
Вчера, 13:52

где выводить? админка или сайт
TeraMoune | Как отключить миниатюры стандартной гале ...
TeraMoune
Как отключить миниатюры стандартной галереи Fancybox?
21-11-2024, 06:00
В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

Например: параметр Thumbs: false отключает миниатюры.
```
Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
```
derebas | Как реализовать шифрование трафика? ³

derebas
Как реализовать шифрование трафика?
18-11-2024, 16:52

Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:46

я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
Так и было...
lutskboy | Перенёс сайт - не работают кнопки, не от ... ⁸

lutskboy
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:39

чтоб не удалять выстави права и пользователя какие там идут на файлы. .
Gordi | Перенёс сайт - не работают кнопки, не от ... ⁸

Gordi
Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
18-11-2024, 14:37

т.е. мне снести всё, что я уже загрузил как root, зайти под юзером и закачать снова?
Видосы в директории upload можно хоть оставить? их там 80 Гб