[SVG] Custom Footer

Плагин [SVG] Custom Footer 2.2.13

Нет прав для скачивания

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 555
Решения
12
Реакции
1 193
Баллы
85

borodaagvali

Проверенный
Регистрация
12.08.18
Сообщения
54
Реакции
5
Баллы
40
(y) Забираю и буду тестировать.

С ув. Магомед.
 

Vincod

Проверенный
Регистрация
18.07.18
Сообщения
37
Реакции
7
Баллы
20
Классное дополнение)!
 

25517

Проверенный
Регистрация
29.07.18
Сообщения
17
Реакции
2
Баллы
40
Достаточно необычная реализация:)
Я правильно понимаю,что блоки выведены через виджеты?
 

Vincod

Проверенный
Регистрация
18.07.18
Сообщения
37
Реакции
7
Баллы
20
Подскажите пожалуйста как сменить ссылку при нажатии написать администратору на свою ?
 

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 555
Решения
12
Реакции
1 193
Баллы
85

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 555
Решения
12
Реакции
1 193
Баллы
85
Skaiman обновил ресурс [SVG] Custom Footer новой записью:

Обновление до версии 2.1.10.1

Изменил настройку добавления счетчиков, если у вас добавлены в поле код счетчиков, сохраните перед обновлением в тестовом редакторе. Добавил поле для CSS/LESS кода счетчиков.

Посмотреть подробности об этом обновлении...
 

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 555
Решения
12
Реакции
1 193
Баллы
85
Skaiman обновил ресурс [SVG] Custom Footer новой записью:

Обновление до версии 2.1.10.5

  • Изменил настройки для кодов HTML и LESS, в том варианте не подключался сразу код из настроек. Если у вас добавлены в поля коды счетчиков, сохраните перед обновлением в тестовом редакторе.
  • Добавил вторую позицию виджета
    • Над ссылками дефолтного футера
    • Под ссылками дефолтного футера

Посмотреть подробности об этом обновлении...
 

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 555
Решения
12
Реакции
1 193
Баллы
85

sassss

Проверенный
Регистрация
12.06.23
Сообщения
44
Реакции
0
Баллы
18
Добрый день!
Не смог разобраться как добавить такие блоки. В настройках я ни чего подобного не нашел, там все только про копирайт

1686856862297-png.612
 

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 555
Решения
12
Реакции
1 193
Баллы
85
Не смог разобраться как добавить такие блоки. В настройках я ни чего подобного не нашел, там все только про копирайт
HTML виджет, фантазия не ограничивается опроеленными блоками, там можно добавлять любой, просто выбирается позиция
 

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 555
Решения
12
Реакции
1 193
Баллы
85
Для примера четыре HTML виджета.

О форуме
Ключ виджета: aboutus_widget
Заголовок: О форуме
Позиции для отображения: [SVG]Custom Footer: Над списком ссылок нижнего колонтитула 10
Шаблон:
HTML:
<div class="block aboutus-widget"{{ widget_data($widget) }}>
    <div class="block-container">
        <h3 class="block-minorHeader">О форуме</h3>
        <div class="block-body block-row">
            <img class="block-img" src="https://u.to/Y_y1Hw">
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat perspiciatis dignissimos totam pariatur accusantium sequi earum deserunt, ipsam, eaque eos optio facere itaque ut rem! Nobis eaque hic deleniti, impedit</p>
        </div>  
    </div>
</div>
Расширенный режим: отметить

Ответственность
Ключ виджета: disclaimer_widget
Заголовок: Ответственность
Позиции для отображения: [SVG]Custom Footer: Над списком ссылок нижнего колонтитула 20
Шаблон:
HTML:
<div class="block disclaimer-widget"{{ widget_data($widget) }}>
    <div class="block-container">
        <h3 class="block-minorHeader">Ответственность</h3>
        <div class="block-body block-row">
            <p>Администрация не несет ответственности за публикации пользователей. Если Вы считаете, что на форуме содержится информация, запрещённая к распространению, просим сообщить нам на email.</p>
        </div>  
    </div>
</div>
Расширенный режим: отметить

Информация
Ключ виджета: usermenu_widget
Заголовок: Информация
Позиции для отображения: [SVG]Custom Footer: Над списком ссылок нижнего колонтитула 30
Шаблон:
HTML:
<div class="block usermenu-widget"{{ widget_data($widget) }}>
    <div class="block-container">
        <h3 class="block-minorHeader">Информация</h3>
        <div class="block-body block-row">
            <ul class="list-widget">
                <li><a href="{{ link('whats-new') }}">Новости форума</a></li>
                <li><a href="#" data-xf-click="overlay">Правила форума</a></li>
                <li><a href="#" data-xf-click="overlay">Ответственность</a></li>                                    
                <li><a href="#">Реклама на форуме</a></li>
                <xf:if is="$xf.visitor.user_id">
                    <li><a href="{{ link('logout', null, {'t': csrf_token()}) }}">{{ phrase('log_out') }}</a></li>
                <xf:else />
                    <li><a href="{{ link('login') }}" data-xf-click="overlay">{{ phrase('log_in_or_register_now') }}</a></li>
                </xf:if>
            </ul>
        </div>
    </div>
</div>
Расширенный режим: отметить

Контакты
Ключ виджета: contacts_widget
Заголовок:Контакты
Позиции для отображения: [SVG]Custom Footer: Над списком ссылок нижнего колонтитула 40
Шаблон:
HTML:
<div class="block contacts-widget"{{ widget_data($widget) }}>
    <div class="block-container">
        <h3 class="block-minorHeader">Контакты</h3>
        <div class="block-body block-row">
            <ul class="list-widget">
                <li>
                    <a href="mailto:support@forum.ru">support@forum.ru</a>
                    <span
                        class="mailto-copy"
                        data-xf-init="copy-to-clipboard tooltip"
                        data-copy-text="support@forum.ru"
                        title="{{ phrase('copy_to_clipboard')}}">
                        <i class="far fa-copy"></i>
                    </span>                  
                </li>
                <li>
                    <xf:if is="$xf.visitor.canUseContactForm()">
                        <xf:if is="$xf.contactUrl">
                            <a href="{$xf.contactUrl}" data-xf-click="{{ ($xf.options.contactUrl.overlay OR $xf.options.contactUrl.type == 'default') ? 'overlay' : '' }}">{{ phrase('contact_us') }}</a>
                        </xf:if>
                    </xf:if>
                </li>
            </ul>
            <div class="logo-img">
                <img src="https://u.to/L_61Hw">
            </div>
        </div>
    </div>
</div>
Расширенный режим: отметить

В extra.less лучше сделать модификацию
Less:
.svg-copyright-custom-footer {
    .block {
        .block-row {
            padding: 10px 0;
            @media (max-width: @xf-responsiveMedium) {
                padding: 10px 10px;
            }
            .list-widget {
                list-style: none;
                padding-left: 0;
                margin-top: 0;
                li {
                    margin: 0 15px 0 0;
                    .m-overflowEllipsis();
                    a:before {
                        .m-faBase();
                        .m-faContent(@fa-var-angle-double-right);
                        padding-right: 5px;
                    }                      
                }
            }
            .mailto-copy {
                cursor: pointer;
                margin-left: 5px;
            }
        }
        &.aboutus-widget {          
            .block-container {
                .block-row {
                    .block-img {
                        float: left;
                        shape-outside: circle(50%);
                        clip-path: circle(50%);
                        max-width: 90px;
                        margin-right: 8px;
                    }
                    p {
                        margin-top: 0;
                    }
                }
            }
        }
        &.usermenu-widget {
               
        }
        &.disclaimer-widget {
                       
        }
        &.contacts-widget {
                       
        }      
    }
    position: relative;
    .logo-img {
        display: block;
        position: absolute;
        right: 20px;
        bottom: 10px;
        img {
            max-width: 200px;
            @media (max-width: @xf-responsiveNarrow) {
                max-width: 130px;
            }
        }
    }  
}
 

Вложения

  • 181948.png
    181948.png
    20.4 КБ · Просмотры: 10

sassss

Проверенный
Регистрация
12.06.23
Сообщения
44
Реакции
0
Баллы
18
Для примера четыре HTML виджета.

О форуме
Ключ виджета: aboutus_widget
Заголовок: О форуме
Позиции для отображения: [SVG]Custom Footer: Над списком ссылок нижнего колонтитула 10
Шаблон:
HTML:
<div class="block aboutus-widget"{{ widget_data($widget) }}>
    <div class="block-container">
        <h3 class="block-minorHeader">О форуме</h3>
        <div class="block-body block-row">
            <img class="block-img" src="https://u.to/Y_y1Hw">
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat perspiciatis dignissimos totam pariatur accusantium sequi earum deserunt, ipsam, eaque eos optio facere itaque ut rem! Nobis eaque hic deleniti, impedit</p>
        </div> 
    </div>
</div>
Расширенный режим: отметить

Ответственность
Ключ виджета: disclaimer_widget
Заголовок: Ответственность
Позиции для отображения: [SVG]Custom Footer: Над списком ссылок нижнего колонтитула 20
Шаблон:
HTML:
<div class="block disclaimer-widget"{{ widget_data($widget) }}>
    <div class="block-container">
        <h3 class="block-minorHeader">Ответственность</h3>
        <div class="block-body block-row">
            <p>Администрация не несет ответственности за публикации пользователей. Если Вы считаете, что на форуме содержится информация, запрещённая к распространению, просим сообщить нам на email.</p>
        </div> 
    </div>
</div>
Расширенный режим: отметить

Информация
Ключ виджета: usermenu_widget
Заголовок: Информация
Позиции для отображения: [SVG]Custom Footer: Над списком ссылок нижнего колонтитула 30
Шаблон:
HTML:
<div class="block usermenu-widget"{{ widget_data($widget) }}>
    <div class="block-container">
        <h3 class="block-minorHeader">Информация</h3>
        <div class="block-body block-row">
            <ul class="list-widget">
                <li><a href="{{ link('whats-new') }}">Новости форума</a></li>
                <li><a href="#" data-xf-click="overlay">Правила форума</a></li>
                <li><a href="#" data-xf-click="overlay">Ответственность</a></li>                                   
                <li><a href="#">Реклама на форуме</a></li>
                <xf:if is="$xf.visitor.user_id">
                    <li><a href="{{ link('logout', null, {'t': csrf_token()}) }}">{{ phrase('log_out') }}</a></li>
                <xf:else />
                    <li><a href="{{ link('login') }}" data-xf-click="overlay">{{ phrase('log_in_or_register_now') }}</a></li>
                </xf:if>
            </ul>
        </div>
    </div>
</div>
Расширенный режим: отметить

Контакты
Ключ виджета: contacts_widget
Заголовок:Контакты
Позиции для отображения: [SVG]Custom Footer: Над списком ссылок нижнего колонтитула 40
Шаблон:
HTML:
<div class="block contacts-widget"{{ widget_data($widget) }}>
    <div class="block-container">
        <h3 class="block-minorHeader">Контакты</h3>
        <div class="block-body block-row">
            <ul class="list-widget">
                <li>
                    <a href="mailto:support@forum.ru">support@forum.ru</a>
                    <span
                        class="mailto-copy"
                        data-xf-init="copy-to-clipboard tooltip"
                        data-copy-text="support@forum.ru"
                        title="{{ phrase('copy_to_clipboard')}}">
                        <i class="far fa-copy"></i>
                    </span>                 
                </li>
                <li>
                    <xf:if is="$xf.visitor.canUseContactForm()">
                        <xf:if is="$xf.contactUrl">
                            <a href="{$xf.contactUrl}" data-xf-click="{{ ($xf.options.contactUrl.overlay OR $xf.options.contactUrl.type == 'default') ? 'overlay' : '' }}">{{ phrase('contact_us') }}</a>
                        </xf:if>
                    </xf:if>
                </li>
            </ul>
            <div class="logo-img">
                <img src="https://u.to/L_61Hw">
            </div>
        </div>
    </div>
</div>
Расширенный режим: отметить

В extra.less лучше сделать модификацию
Less:
.svg-copyright-custom-footer {
    .block {
        .block-row {
            padding: 10px 0;
            @media (max-width: @xf-responsiveMedium) {
                padding: 10px 10px;
            }
            .list-widget {
                list-style: none;
                padding-left: 0;
                margin-top: 0;
                li {
                    margin: 0 15px 0 0;
                    .m-overflowEllipsis();
                    a:before {
                        .m-faBase();
                        .m-faContent(@fa-var-angle-double-right);
                        padding-right: 5px;
                    }                     
                }
            }
            .mailto-copy {
                cursor: pointer;
                margin-left: 5px;
            }
        }
        &.aboutus-widget {         
            .block-container {
                .block-row {
                    .block-img {
                        float: left;
                        shape-outside: circle(50%);
                        clip-path: circle(50%);
                        max-width: 90px;
                        margin-right: 8px;
                    }
                    p {
                        margin-top: 0;
                    }
                }
            }
        }
        &.usermenu-widget {
              
        }
        &.disclaimer-widget {
                      
        }
        &.contacts-widget {
                      
        }     
    }
    position: relative;
    .logo-img {
        display: block;
        position: absolute;
        right: 20px;
        bottom: 10px;
        img {
            max-width: 200px;
            @media (max-width: @xf-responsiveNarrow) {
                max-width: 130px;
            }
        }
    } 
}
спасибо огромное
Сообщение автоматически объединено:

а какой ключ виджета на новых тем?
Сообщение автоматически объединено:

выглядит красиво, но что-то мой стиль не хочет ни как принимать эти виджеты((
Сообщение автоматически объединено:

дефолтный стиль норм принимает, а стиль Super Soft вообще все в кривь да в кось))
 
Последнее редактирование:

sassss

Проверенный
Регистрация
12.06.23
Сообщения
44
Реакции
0
Баллы
18
помогите плз победить кривизну в стиле с виджетом(
так у меня на темном стиле
1689516975540.png

а так на светлом:
1689517042005.png
всю голову уже сломал, не пойму куда лезть уже чтобы это встало как надо
заранее спасибо
 

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 555
Решения
12
Реакции
1 193
Баллы
85

sassss

Проверенный
Регистрация
12.06.23
Сообщения
44
Реакции
0
Баллы
18
я решил отключить светлую тему, чет не хочется с ней морочиться
 
Верх Низ