» »

Установить кнопку редактирование для uCoz

Установить кнопку редактирование для uCoz

Здесь узнаем как корректно можно поставить кнопку редактирование на сайте, также сделать ее прозрачной и поставить корректно на портал. Как всегда система uCoz нас обрадовало неожиданно и запустило обновление на кнопку редактирование, что не всех обрадовало. Но во первых у кого дизайнерские сайты, то там можно с большой уверенностью сказать, что она встало не красиво а вообще криво и совершенно в другой стороне, а точнее на левой. И все начали настраивать, кто как мог, так как она шла по началу одна и большая в светлом оттенке, что для темного дизайна это было непримиримо.

Но прошло немного времени и разработчики запустили уже доработанную и скажем нормальную функцию, это 2 оттенка цвета, а также сами функций можно сделать цветные. Но все же нашлось много веб мастеров, которым она не очень понравилась, по сути она отлично может вписаться ваш дизайн, если добавить немного стилей и прозрачность. У кого были узкий размер на вид материалов, там почти все поснимали ее, теперь можете поставить, так как в комплекте идет и маленькая кнопка.

Идем в админ панель, там в общие настройки и почти в самом низу, вы можете выставить то что вам нужно и подключить эту функцию по редактированию материала.

Меняем кнопки редактирования на uCoz

Когда все выставили в панели, то видим, что сама кнопка как то криво стоит и сильно она яркая, хоть и по стилям гаммы выбрали. И здесь мы сейчас ее настроем, как нужно и чтоб все аккуратно стояло и была, можно сказать незамеченной.

Нам просто нужен код, который уже прокачан, а это вы можете поднять ее вверх или опустить наоборот виз, что она стояла по центру. Также присутствует элемент прозрачности, что вы сами можете выставить, сильно чтоб она была прозрачна или просто, чтоб слилась сайтом.

Вот пример, где все было настроено в ручную нашим кодом.

Как поставить кнопку редактирование на сайт uCoz

И так приступаем:

Вот наш код в полном объеме, что нужно поставить, чтоб была эта функция. Где проставлены все условные операторы, все как нужно, но как говорилось, просто добавлены рычаги для подгонки.

Код
<?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 (читайте описание переменной).

На этом все, надеюсь пригодиться, для нормализаций и правильной установки этой функций.
28.03.2017 Просмотров: 340 Комментарий: (10)

Поделиться в социальных сетях

Материал разместил

Комментарий: 10
Brung
Brung 28.03.2017 20:311
0
Как помню, что только новые вели, много писали, для чего, на старых намного лучше было, а потом к новым привыкли, а кто ставит стандартный шаблон у того вообще по этому поводу не должно быть проблем, там все заточено красиво под дизайн. И только останется выбрать сам оттенок или размер. А так по обновлению, много думаю убрали с вид материалов по началу, ведь они такие заметные были и такое ощущение, что не привыкнуть к этому изобилию.
Kosten
Kosten 28.03.2017 20:403
0
Сейчас можно старые поставить, вообще были кнопки, которые сами веб мастера делали.
Марковичь
Марковичь 28.03.2017 20:362
0
Извиняюсь, но эту тему уже на многих сайтах обсудили не раз а десятками, что здесь только нужное, это код под MODER_PANEL, для тех, у кого ровно не установиться и этим кодом он может ее выровнять и сделать немного прозрачнее.

Но как понимаю они старые оставили, к примеру в админ панели они прописаны, но с начало как все обновилось, было написано, что старых больше не будет. Возможно их нет, но надпись осталось. Так как много кто просил, чтоб были еще старые, то они оставляли на один месяц, чтоб все настроили, возможно по просьбе зрителей оставили, они так то прислушиваются.
Kosten
Kosten 28.03.2017 20:464
0
Просто на одном новом шаблоне, это на старом, который нарисован был. что изображение представлено в материале. Но не мог выставить как мне нужно, потом пользователь First дал код, по нему и выровнял, возможно кому то пригодится, также на форуме есть по этому много информации
Maryges
Maryges 28.03.2017 20:575
0
Мне интересно, просто смотря через браузер эту кнопку, там код большой, и по этому поводу с вид материала и комментариев ее убрал и только оставил на вид материале. Считаю, что такой код будет мешать поисковым роботам хорошо проиндексировать весь материал.
Kosten
Kosten 28.03.2017 21:057
0
Как кнопки поменяли, они сразу на блоге написали, не знаю, как сейчас, но думаю не чего не изменилось, но читал, что поисковые боты или роботы не видят ее, что можно ставить после название или в правой стороне, здесь дополнение дописано, что операторы есть на ее, это при наведение открытие, это в правую или в левую стороны, это 2 разных оператора.
FeStemBer
FeStemBer 28.03.2017 21:006
0
Было дело по неудовольствию, только поставил шаблон и настроил его как нужно, что надо дописал и все условные операторы поставил, все как шелковый работал, как ввели эти кнопки, то стояла в правом углу, слетела в левое, да кнопка большая, чуть ли не по высоте самого вида материалов.
Kosten
Kosten 28.03.2017 21:129
0
Да сам был немного в раздумьях, но быстро настроил и этот код приятель скинул, как писал выше в материале, у себя так делал. И по нему вообще выстроил все прямо и не коряво, но когда уже второе было и там небольшие кнопки пошли, тогда все получилось как нужно. То где титле стояли, там во всю также ширину было.
Tergran
Tergran 28.03.2017 21:108
0
Не согласен с тем, что все устарело, просто не сталкивались, как сталкивание будит, то будете интернет шерстить и искать какую то информацию.
Kosten
Kosten 28.03.2017 21:2110
0
Вообще по началу были только светлые кнопки, что на темном дизайн сияли. Уже начали делать скрипты под темный, где то недели не прошло как произошло новое обновление, шквал упреков по этой теме был. Просто по мне, нужно было сразу делать на все гаммы цвета, а с другой стороны, закинули и пользователи сразу тестировать стали и все недостатки нашли, что потом все доработали.
avatar