Установить кнопку редактирование для uCoz
 | |
| Здесь узнаем как корректно можно поставить кнопку редактирование на сайте, также сделать ее прозрачной и поставить корректно на портал. Как всегда система uCoz нас обрадовало неожиданно и запустило обновление на кнопку редактирование, что не всех обрадовало. Но во первых у кого дизайнерские сайты, то там можно с большой уверенностью сказать, что она встало не красиво а вообще криво и совершенно в другой стороне, а точнее на левой. И все начали настраивать, кто как мог, так как она шла по началу одна и большая в светлом оттенке, что для темного дизайна это было непримиримо. Но прошло немного времени и разработчики запустили уже доработанную и скажем нормальную функцию, это 2 оттенка цвета, а также сами функций можно сделать цветные. Но все же нашлось много веб мастеров, которым она не очень понравилась, по сути она отлично может вписаться ваш дизайн, если добавить немного стилей и прозрачность. У кого были узкий размер на вид материалов, там почти все поснимали ее, теперь можете поставить, так как в комплекте идет и маленькая кнопка. Идем в админ панель, там в общие настройки и почти в самом низу, вы можете выставить то что вам нужно и подключить эту функцию по редактированию материала.  Когда все выставили в панели, то видим, что сама кнопка как то криво стоит и сильно она яркая, хоть и по стилям гаммы выбрали. И здесь мы сейчас ее настроем, как нужно и чтоб все аккуратно стояло и была, можно сказать незамеченной. Нам просто нужен код, который уже прокачан, а это вы можете поднять ее вверх или опустить наоборот виз, что она стояла по центру. Также присутствует элемент прозрачности, что вы сами можете выставить, сильно чтоб она была прозрачна или просто, чтоб слилась сайтом. Вот пример, где все было настроено в ручную нашим кодом.  И так приступаем: Вот наш код в полном объеме, что нужно поставить, чтоб была эта функция. Где проставлены все условные операторы, все как нужно, но как говорилось, просто добавлены рычаги для подгонки. Код <?if($MODER_PANEL$)?><div style="float:right;display: block; margin: -2px auto;z-index: 100; opacity: 0.5; padding-right: 30px;">$MODER_PANEL$</div><?endif?> opacity: 0.5 - отвечает за прозрачность. block; margin: -2px - отвечает, поднять вверх или в низ, здесь вы выставляете плюс + перед цифрой или минус - это и будет стороны. Это основные, есть также радиус - padding-right: 30px; можете и здесь поиграть цифрами, но все главное есть. Просто сразу хочется сказать в стилях выставлено float:right - это автоматически кнопка будет в правой стороне а открываться в левую. margin: -2px - отвечает, поднять вверх или в низ, здесь вы выставляете плюс + перед цифрой или минус - это и будет стороны. В данном случае - это внешний отступ, если код смотреть - margin: -2px auto; ---> отступ сверху и вниз на 2px, а auto - центровка (отступ слева\с право). Код есть также радиус - padding-right: 30px; Это не радиус, а внутренний отступ справа на 30px. Просто сразу хочется сказать в стилях выставлено float:right - это автоматически кнопка будет в правой стороне а открываться в левую. Тоже не то написано, ибо это смешение блока вправо (того div-a, который вокруг MODER_PANEL, а не самой панели модерирования). и за направления открытия модер-панельки отвечает системный код, MODER_PANEL и MODER_PANEL_RIGHT (читайте описание переменной). На этом все, надеюсь пригодиться, для нормализаций и правильной установки этой функций. | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 10 | |
|
| |
