Вот, посмотрите, может быть как-то поможет https://habr.com/post/151795/
перенаправляйте через htaccess всех на скрипт, который будет проверять безопасность, а потом уже отдавать картинку. так чаще всего решают вопрос с закрытым контентом.
Сделайте экспорт в csv с сайта, загрузите в эксель, далее по образу и подобию дополните поля.
Это если мануалов нет
Son of the Sun, эксель прекрасно сохраняет в csv
если что-то не сходится. то всегда можно просто открыть его в блокноте и ручками подправить
покурите adminlte
апд.
так человеку нужна цмс-ина или платформа для создания бэкенда?
Строго говоря дизайн сайтов можно рисовать вообще где угодно, хоть в паинте. Многие для создания дизайна используют фотошоп (это как бы классика. Просто раньше ничего не было, а олдфаги, вроде меня, очень трудно переучиваются на другие программные продукты) Потом некоторые делали дизайны сайтов в inDesign. потом в fireworks. Сейчас же, для создания страниц есть специальный инструмент Adobe XD. Но фотошоп тоже надо знать хотя бы для того, чтобы готовить материалы.
как вам сказать, Через полгода, вы будете думать, что уже всё освоили. еще через год, вы поймете, что ничерта не освоили. Чтобы освоить базовый функционал ФШ нужно потратить несколько месяцев. Чтобы научиться рисовать хорошие сайты - несколько лет, чтобы быть профессионалом в этой области, надо потратить всю жизнь, ибо всё очень быстро меняется и надо постоянно быть в теме.
Дизайнер != художник. Многие дизайнеры, я в т.ч. вообще не умеют рисовать руками. Граф дизайнер, это не художник. это такой-же ремесленник, как и веб дизайнер, только у нас рабочее поле 1200х6000 точек, а у него 72000 на 35000 (плакат 3х6х300dpi) поэтому граф может плевать на вылизывание графики и пиксельхантинг
AlenDelan, да. валидацию не пройдет, но работать будет
обращаться можно и из js и из css
например
div[myattr=""]
или
$(div).attr('myattr','123');
var x = $(div).attr('myattr');
toxic steel, Не за что, обращайтесь еще
С чисто технической точки, это делается Одним дивом, в который вложен список, который будет меню и два дива - ссылки тудой сюдой
Список я бы сделал при помощи display:flex; чтоб не заморачиваться с математикой.
если нужна абсолютноая совместимость со старьем, делайте через table/table-cell
Кнопки тудой/сюдой выполняют роль градиентного ухода (colorzilla вам в помощь)
треугольник делается при помощи :after {transform:rotate(45deg);}
как сделать тень - объяснять не буду. и так понятно.
Самое сложное, красиво отпозиционировать менюху, относительно центра контейнера.
Тут без js никак. Придется тупо рассчитать размеры. (на написание такой бадьи уйдет часа 2-3)
Если хотите, чтобы эта штука еще и управляла какими-то элементами. добавьте дата-аттрибут и по нему включайте/выключайте нужный айдишник.
Реально, задача часа на 3-4 работы, под чаёк
вот вам маленький бонус
js лень писать
<body> <div class="yellowMenu__wrapper"> <div class="yellowMenu__slide yellowMenu__slideLeft"> <svg xmlns="http://www.w3.org/2000/svg" width="100" height="30" viewBox="-44 0 100 30"><path fill="#FFF" d="M9 30h6L6 15l9-15H9L0 15z"/></svg> </div> <div class="yellowMenu__content"> <ul class="yellowMenu__items"> <li class="yellowMenu__item"><a class="yellowMenu__link" data-traget="p1">Пункт 1</a></li> <li class="yellowMenu__item"><a class="yellowMenu__link" data-traget="boss">Директору</a></li> <li class="yellowMenu__item"><a class="yellowMenu__link" data-traget="accountant">Бухгалтеру</a></li> <li class="yellowMenu__item"><a class="yellowMenu__link" data-traget="it-specialist">ИТ специалисту</a></li> <li class="yellowMenu__item"><a class="yellowMenu__link" data-traget="someone">кому-то еще</a></li> </ul> </div> <div class="yellowMenu__slide yellowMenu__slideRight"> <svg xmlns="http://www.w3.org/2000/svg" width="100" height="30" viewBox="-44 0 100 30"><path fill="#FFF" d="M6 0H0l9 15-9 15h6l9-15z"/></svg> </div> </div> <div class="yellowMenuContent__wrapper"> </div> <!-- styles --> <style> .yellowMenu__wrapper{ display:block; position:relative; background-color:#FF9900; width:500px; box-shadow:0px 2px 2px RGBA(0,0,0,0.3); } .yellowMenu__wrapper:after{ display:block; position:absolute; content:""; width:24px; height:24px; transform:rotate(45deg); bottom:-12px; left:calc(50% - 12px); background-color:#FF9900; box-shadow:2px 2px 2px RGBA(0,0,0,0.3); } .yellowMenu__slideLeft{ display:flex; align-items:center; position:absolute; left:0; top:0; width:100px; height:100%; background-color:#F30; background: -moz-linear-gradient(left, rgba(255,153,0,1) 0%, rgba(255,153,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255,153,0,1) 0%,rgba(255,153,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255,153,0,1) 0%,rgba(255,153,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ z-index:2; cursor:pointer; } .yellowMenu__slideRight{ display:flex; align-items:center; position:absolute; right:0; top:0; width:100px; height:100%; background-color:#F30; background: -moz-linear-gradient(left, rgba(255,153,0,0) 0%, rgba(255,153,0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255,153,0,0) 0%,rgba(255,153,0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255,153,0,0) 0%,rgba(255,153,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ z-index:2; cursor:pointer; } .yellowMenu__content{ display:block; position:relative; overflow:hidden; z-index:1; } .yellowMenu__items{ display:flex; align-items:center; justify-content:center; white-space:nowrap; z-index:1; } .yellowMenu__item{ display:block; position:relative; padding:10px 30px; font-size:16px; line-height:100%; font-family:Arial, Helvetica, sans-serif; } </style> </body>
А в чем проблема?
Всё это можно сделать вообще без каких-либо заморочек.
Обычная, достаточно простая верстка
я.. я.. додумался.. в 2002м году, когда писал свой первый скрипт.---------- Добавлено 05.09.2018 в 13:33 ----------
В данном случае лучшим вариантом будет самопись
