Custom 404 Page by Siropu 1.1.7

[DEVIL]

DEVIL добавил(а) новый ресурс:

Custom 404 Page by Siropu - Кастомная 404 страница.

Это дополнение позволяет настроить страницу с ошибкой 404, отслеживать пропущенные URL-адреса и перенаправлять их на новые страницы.

Узнать больше об этом ресурсе...

 

[Sidd]

Спасибо, отличный плагин =)
Вот, что получилось)



Взял вот этот гайд за основу

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

Ну и говнокод, если кому-то нужно)

В плагине нажать галочку Display content only , чтобы вся страница показывалась

html

<div class="wrapper404">
      <div class="blur404"></div>
    <div class="inner-wrapper404">
        <div class="alarmmessage404">
<a href="сюда ссылку на форум" class="siddgamesbutton404" rel="nofollow" data-xf-click="overlay">ваш текст</a>
<a href="сюда ссылку на поиск" class="siddgamesbutton405" rel="nofollow" data-xf-click="overlay">ваш текст для поиска</a>      </div>
  </div>
 </div>

css

/*404 страница */

.wrapper404 {
    position: fixed;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.inner-wrapper404,
.blur404 {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}
.inner-wrapper404 {
    z-index: 100; /* изображение не размыто */
   background:url(ваша ссылка на картинку);
    position: relative;
    display: flex;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: contain;
}
.blur404 {
    z-index: 99; /* изображение размыто */
    background: #000000 url('ваша ссылка на картинку2');
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    filter: blur(3px);
    background-size: 100% auto;
background-position: 50% 0;
background-repeat: no-repeat;
background-attachment: fixed;
}

.siddgamesbutton404 {
     z-index: 100;
    cursor: pointer;
    border: 3px solid transparent;
    white-space: nowrap;
    font-size: 20px;
    border-radius: 4px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    color: #fff;
    background: #f2930d;
    border-color: #f39e25 #da840c #da840c #f39e25;
        position: fixed;
    display: flex;
    left: 52%;
    top: 47%;
}
 .siddgamesbutton404:hover  {
    background-color: #eb8900;
    color: #fff;
     text-decoration: none;
}

.siddgamesbutton405 {
    z-index: 100;
    cursor: pointer;
    border: 3px solid transparent;
    white-space: nowrap;
    font-size: 20px;
    border-radius: 4px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    color: #fff;
    background: #f2930d;
    border-color: #f39e25 #da840c #da840c #f39e25;
        position: fixed;
    display: flex;
    left: 56%;
    top: 55%;
}
 .siddgamesbutton405:hover  {
    background-color: #eb8900;
     color: #fff;
     text-decoration: none;
}
@media screen and (max-width:850px) {
 .siddgamesbutton404 {
left: 16%;
    top: 38%;
    font-size: 10px;
         border-radius: 4px;
    padding-top: 2px;
    padding-right: 3px;
    padding-bottom: 2px;
    padding-left: 3px;
}
}
@media screen and (max-width:850px) {
 .siddgamesbutton405  {
left: 26%;
    top: 43%;
    font-size: 10px;
              border-radius: 4px;
    padding-top: 2px;
    padding-right: 3px;
    padding-bottom: 2px;
    padding-left: 3px;
}
}
/*404 страница */

Бэкграунд это просто скрин форума

 

[DEVIL]

DEVIL обновил(а) ресурс Custom 404 Page by Siropu новой записью:

1.1.0

• Добавление новых функций.

Узнать больше об этом обновлении...

 

[DEVIL]

DEVIL обновил(а) ресурс Custom 404 Page by Siropu новой записью:

1.1.1

• Добавление новых функций.

Узнать больше об этом обновлении...

 

[DEVIL]

DEVIL обновил(а) ресурс Custom 404 Page by Siropu новой записью:

1.1.2

• Добавление новых функций.
• Исправление ошибок.

Узнать больше об этом обновлении...

 

[Mirovinger]

DEVIL обновил(а) ресурс Custom 404 Page by Siropu новой записью:

1.1.3

• Исправление ошибок
• Добавление новых функций

Узнать больше об этом обновлении...

 

[Skaiman]

Все предельно просто, в смысле моего варианта:

<xf:title>{{ phrase('oops_we_ran_into_some_problems') }}</xf:title>

<div class="block error-page">
    <div class="block-container">
        <h3 class="block-header">{{ phrase('requested_page_not_found') }}</h3>
        <div class="block-body block-row">
            Страница, на которую вы хотели перейти, не найдена. Возможно, вы ввели неверный URL страницы, а может она переехала в другой раздел, возможно страница временно недоступна или совсем удалена.
                <ul>
                    <li>вы можете <a href="javascript:history.back()">вернуться назад</a>, на предыдущую страницу</li>
                    <li>вы можете перейти на <a href="/">главную страницу</a>, чтобы начать с неё поиск необходимой вам информации</li>
                    <li>вы можете воспользоваться <a href="{{ link('search') }}" data-xf-click="overlay">поиском</a> непосредственно с этой страницы</li>
                    <li>вы можете воспользоваться <a href="//www.google.ru/">goole</a> или <a href="//ya.ru/">яндексом</a> для поиска не найденной информации у нас</li>
                    <xf:if is="$xf.visitor.canUseContactForm()">
                        <xf:if is="$xf.contactUrl">
                            <li>вы можете <a href="{$xf.contactUrl}" data-xf-click="{{ ($xf.options.contactUrl.overlay OR $xf.options.contactUrl.type == 'default') ? 'overlay' : '' }}">написать нам</a> и рассказать о вашей проблеме</li>
                        </xf:if>
                    </xf:if>                   
                    <li>вы можете просто покинуть наш форум и закрыть эту вкладку браузера</li>
                </ul>
        </div>
    </div>
</div>

 

[Mr_panica]

Все предельно просто, в смысле моего варианта:

<xf:title>{{ phrase('oops_we_ran_into_some_problems') }}</xf:title>

<div class="block error-page">
    <div class="block-container">
        <h3 class="block-header">{{ phrase('requested_page_not_found') }}</h3>
        <div class="block-body block-row">
            Страница, на которую вы хотели перейти, не найдена. Возможно, вы ввели неверный URL страницы, а может она переехала в другой раздел, возможно страница временно недоступна или совсем удалена.
                <ul>
                    <li>вы можете <a href="javascript:history.back()">вернуться назад</a>, на предыдущую страницу</li>
                    <li>вы можете перейти на <a href="/">главную страницу</a>, чтобы начать с неё поиск необходимой вам информации</li>
                    <li>вы можете воспользоваться <a href="{{ link('search') }}" data-xf-click="overlay">поиском</a> непосредственно с этой страницы</li>
                    <li>вы можете воспользоваться <a href="//www.google.ru/">goole</a> или <a href="//ya.ru/">яндексом</a> для поиска не найденной информации у нас</li>
                    <xf:if is="$xf.visitor.canUseContactForm()">
                        <xf:if is="$xf.contactUrl">
                            <li>вы можете <a href="{$xf.contactUrl}" data-xf-click="{{ ($xf.options.contactUrl.overlay OR $xf.options.contactUrl.type == 'default') ? 'overlay' : '' }}">написать нам</a> и рассказать о вашей проблеме</li>
                        </xf:if>
                    </xf:if>                  
                    <li>вы можете просто покинуть наш форум и закрыть эту вкладку браузера</li>
                </ul>
        </div>
    </div>
</div>

А как это выглядит на форуме?

 

[Skaiman]

А как это выглядит на форуме?

Все зависит от стиля форума, но вообщем так:

 

[Captain]

DEVIL обновил(а) ресурс Custom 404 Page by Siropu новой записью:

Улучшения и исправления ошибок

• Добавлены постоянные выборки.
• Исправлены некоторые проблемы с поиском и упорядочением.
• Внесены некоторые изменения для предотвращения ошибок при недопустимых URL-адресов.

Узнать больше об этом обновлении...

 

[DEVIL]

DEVIL обновил(а) ресурс Custom 404 Page by Siropu новой записью:

1.1.6

• Исправление ошибок.

За обновление благодарим artscripts

Узнать больше об этом обновлении...

 

[lazerhead]

Просто супер-плагин. Можно не только организовать свою 404 страницу и отслеживать возникающие 404 ошибки, но и прямо в настройках перенаправлять трафик с каждой конкретной 404 ошибки (не найденной страницы) на нужный пост (без рутинной возни с htaccess), плюс смотреть число переходов.

 

[DEVIL]

DEVIL обновил(а) ресурс Custom 404 Page by Siropu новой записью:

1.1.7

• Исправление ошибок
• Добавление новых функций

За предоставленное обновление благодарим пользователя Max_Ptaschnick

Узнать больше об этом обновлении...