DarkMound

GameCMS DarkMound 1.3.0

Нет прав для скачивания
Обзор Обновления (1) История Обсуждение
sladerev

sladerev

Супер активный
Участник
04.06.2022
64
13
Ребят, подскажите как сделать корневую страницу правил, чтобы было domen.ru/rules
и там уже меню правил итд, но это все в корне как то?
1695745578700.png
 
Дмитрий

Дмитрий

Супер активный
Premium
06.01.2022
170
97
parliament

parliament

OneValve.ru
Пользователь
14.05.2021
2 026
4 548
onevalve.ru
  • Администратор
  • Автор темы
  • #82
Нужно будет опубликовать готовый код, для создания такой страницы. Где то лежит у меня..
 
Дмитрий

Дмитрий

Супер активный
Premium
06.01.2022
170
97
parliament написал(а):
Нужно будет опубликовать готовый код, для создания такой страницы. Где то лежит у меня..
Нажмите для раскрытия...
стили: 
@keyframes flashtext {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.97);
        -webkit-filter: brightness(115%);
        filter: brightness(115%);
    }

    100% {
        transform: scale(1);
    }
}

.rules-sections {
    height: 445px;
    overflow: auto;
    width: calc(100% + 0px);
    padding-right: 10px;
    position: static;
}

.rules-sections li {
    border: 1px solid rgb(53 57 68);
    border-radius: 10px;
    height: 68px;
    z-index: 1;
    margin-bottom: 6px;
    cursor: pointer;
    background: rgb(32 35 42);
    transition: opacity 400ms ease 0s, transform 400ms ease 0s;
    transform: none;
}

.rules-sections li:hover {
    background: rgb(40 44 54);
    border-color: rgb(40 44 54);
    transition: opacity 400ms ease 0s, transform 400ms ease 0s;
}

.rules-sections li.active {
    background: linear-gradient(83.89deg, rgb(34, 44, 80) 2.61%, rgb(28, 34, 57) 70.26%);
    border: 1px solid rgb(39, 51, 96);
}

.rules-item {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 0px 17px;
    width: 100%;
    height: 100%;
}

.rules-icon {
    width: 34px;
    margin-right: 15px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}

.rules-icon img {
    width: 100%;
    filter: invert(37%) sepia(25%) saturate(428%) hue-rotate(181deg) brightness(93%) contrast(91%);
}

.rules-sections li.active .rules-icon i {
    filter: invert(57%) sepia(61%) saturate(5586%) hue-rotate(213deg) brightness(105%) contrast(101%);
}

.rules-icon i {
    width: 100%;
    font-size: 28px;
    filter: invert(37%) sepia(25%) saturate(428%) hue-rotate(181deg) brightness(93%) contrast(91%);
}

.rules-item-body {
    color: #969696;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.rules-name {
    display: block;
    font-weight: 700;
    margin-bottom: -5px;
    font-size: 16px;
    color: #e7e7e7;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.rules-description {
    font-weight: 500;
    font-size: 12px;
    color: #969696;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.serversss {
    display: none;
    width: 100%;
}

.rulesss {
    display: none;
    width: 100%;
}

@keyframes showLeftt {
    from {
        left: -100%;
    }

    to {
        left: 0;
    }
}

.card-rules {
    padding: 0 !important;
}

.card-rules-header {
    background: #272a32;
    border-radius: 15px 15px 0px 0px;
    width: 100%;
    padding: 20px 30px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    overflow: hidden;
    justify-content: space-between;
}

.card-rules-header h2 {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: -5px;
    text-transform: uppercase;
    color: rgb(236, 241, 248);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.card-rules-header span {
    font-weight: 500;
    font-size: 12px;
    color: #969696;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.card-rules-body {
    width: 100%;
    padding: 20px 30px;
}

.rules_number {
    display: flex;
    position: relative;
    font-size: 15px;
    padding: 9px;
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background-color: #282c36;
    color: #c1c1c1;
    font-weight: 700;
    margin-right: 20px;
    justify-content: center;
    align-items: center;
}

.rules_content {
    background: #282c36;
    margin: 0 0 15px 53px;
    padding: 12px;
    border-radius: 10px;
    color: #c1c1c1;
    font-size: 13px;
    transition: .5s;
    letter-spacing: .5px;
    position: relative;
    top: -40px;
}

.rules_text_nakaz {
    background: #891515;
    padding: 5px;
    display: block;
    margin-top: 10px;
    border-radius: 10px;
    text-align: center;
    color: #d1d0d0;
}
#search_rule {
    background: var(--bg-color);
    color: var(--span-color);
    font-weight: 700;
    padding: 10px 20px;
    border-radius: 10px;
    border: 1px solid transparent;
    min-width: -webkit-fill-available;
    margin-right: 145px;
    margin-left: 10px;
    margin-top: 15px;
    transition: .3s
}

#search_rule:focus-visible {
    border: 1px solid var(--span-color);
    transition: .3s
}

.rules_card {
    display: flex
}

.rules_category {
    background: var(--bg-color);
    display: block;
    color: var(--default-text-color);
    padding: 15px 45px;
    border-radius: 10px;
    margin-bottom: 15px;
    font-weight: 700;
    border: 1px solid transparent;
    text-align: center;
    cursor: pointer;
    transition: .3s
}

.rules_category:hover {
    box-shadow: 2px 2px 2px var(--span-color)
}

.rules_card_left {
    border-right: 1px dashed var(--span-color-back);
    margin-right: 10px;
    padding-right: 10px;
    min-width: max-content
}

.rules_block {
    display: none;
    width: 100%
}

.rules_block>p {
    color: var(--table-line);
    font-weight: 700;
    margin: 0;
    font-size: 15px
}

.active-rule {
    border: 1px solid var(--span-color-back);
    transition: .3s;
    pointer-events: none;
    background: var(--span-color-back);
    user-select: none
}

@media(max-width: 768px) {
    .rules_card {
        display:block
    }

    .choose {
        display: none
    }

    .rules_card_left {
        padding: 0;
        border: none;
        min-width: auto
    }
}

.rules_card_header {
    float: left;
    margin: 5px 0 0 10px
}

.rules_card_right {
    width: 100%
}
.rules_block:target {
    display: block;
  }
 

Вложения

  • rules.txt
    30,5 KB · Просмотры: 46
parliament

parliament

OneValve.ru
Пользователь
14.05.2021
2 026
4 548
onevalve.ru
  • Администратор
  • Автор темы
  • #84
Дмитрий написал(а):
стили: 
@keyframes flashtext {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.97);
        -webkit-filter: brightness(115%);
        filter: brightness(115%);
    }

    100% {
        transform: scale(1);
    }
}

.rules-sections {
    height: 445px;
    overflow: auto;
    width: calc(100% + 0px);
    padding-right: 10px;
    position: static;
}

.rules-sections li {
    border: 1px solid rgb(53 57 68);
    border-radius: 10px;
    height: 68px;
    z-index: 1;
    margin-bottom: 6px;
    cursor: pointer;
    background: rgb(32 35 42);
    transition: opacity 400ms ease 0s, transform 400ms ease 0s;
    transform: none;
}

.rules-sections li:hover {
    background: rgb(40 44 54);
    border-color: rgb(40 44 54);
    transition: opacity 400ms ease 0s, transform 400ms ease 0s;
}

.rules-sections li.active {
    background: linear-gradient(83.89deg, rgb(34, 44, 80) 2.61%, rgb(28, 34, 57) 70.26%);
    border: 1px solid rgb(39, 51, 96);
}

.rules-item {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 0px 17px;
    width: 100%;
    height: 100%;
}

.rules-icon {
    width: 34px;
    margin-right: 15px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}

.rules-icon img {
    width: 100%;
    filter: invert(37%) sepia(25%) saturate(428%) hue-rotate(181deg) brightness(93%) contrast(91%);
}

.rules-sections li.active .rules-icon i {
    filter: invert(57%) sepia(61%) saturate(5586%) hue-rotate(213deg) brightness(105%) contrast(101%);
}

.rules-icon i {
    width: 100%;
    font-size: 28px;
    filter: invert(37%) sepia(25%) saturate(428%) hue-rotate(181deg) brightness(93%) contrast(91%);
}

.rules-item-body {
    color: #969696;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.rules-name {
    display: block;
    font-weight: 700;
    margin-bottom: -5px;
    font-size: 16px;
    color: #e7e7e7;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.rules-description {
    font-weight: 500;
    font-size: 12px;
    color: #969696;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.serversss {
    display: none;
    width: 100%;
}

.rulesss {
    display: none;
    width: 100%;
}

@keyframes showLeftt {
    from {
        left: -100%;
    }

    to {
        left: 0;
    }
}

.card-rules {
    padding: 0 !important;
}

.card-rules-header {
    background: #272a32;
    border-radius: 15px 15px 0px 0px;
    width: 100%;
    padding: 20px 30px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    overflow: hidden;
    justify-content: space-between;
}

.card-rules-header h2 {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: -5px;
    text-transform: uppercase;
    color: rgb(236, 241, 248);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.card-rules-header span {
    font-weight: 500;
    font-size: 12px;
    color: #969696;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.card-rules-body {
    width: 100%;
    padding: 20px 30px;
}

.rules_number {
    display: flex;
    position: relative;
    font-size: 15px;
    padding: 9px;
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background-color: #282c36;
    color: #c1c1c1;
    font-weight: 700;
    margin-right: 20px;
    justify-content: center;
    align-items: center;
}

.rules_content {
    background: #282c36;
    margin: 0 0 15px 53px;
    padding: 12px;
    border-radius: 10px;
    color: #c1c1c1;
    font-size: 13px;
    transition: .5s;
    letter-spacing: .5px;
    position: relative;
    top: -40px;
}

.rules_text_nakaz {
    background: #891515;
    padding: 5px;
    display: block;
    margin-top: 10px;
    border-radius: 10px;
    text-align: center;
    color: #d1d0d0;
}
#search_rule {
    background: var(--bg-color);
    color: var(--span-color);
    font-weight: 700;
    padding: 10px 20px;
    border-radius: 10px;
    border: 1px solid transparent;
    min-width: -webkit-fill-available;
    margin-right: 145px;
    margin-left: 10px;
    margin-top: 15px;
    transition: .3s
}

#search_rule:focus-visible {
    border: 1px solid var(--span-color);
    transition: .3s
}

.rules_card {
    display: flex
}

.rules_category {
    background: var(--bg-color);
    display: block;
    color: var(--default-text-color);
    padding: 15px 45px;
    border-radius: 10px;
    margin-bottom: 15px;
    font-weight: 700;
    border: 1px solid transparent;
    text-align: center;
    cursor: pointer;
    transition: .3s
}

.rules_category:hover {
    box-shadow: 2px 2px 2px var(--span-color)
}

.rules_card_left {
    border-right: 1px dashed var(--span-color-back);
    margin-right: 10px;
    padding-right: 10px;
    min-width: max-content
}

.rules_block {
    display: none;
    width: 100%
}

.rules_block>p {
    color: var(--table-line);
    font-weight: 700;
    margin: 0;
    font-size: 15px
}

.active-rule {
    border: 1px solid var(--span-color-back);
    transition: .3s;
    pointer-events: none;
    background: var(--span-color-back);
    user-select: none
}

@media(max-width: 768px) {
    .rules_card {
        display:block
    }

    .choose {
        display: none
    }

    .rules_card_left {
        padding: 0;
        border: none;
        min-width: auto
    }
}

.rules_card_header {
    float: left;
    margin: 5px 0 0 10px
}

.rules_card_right {
    width: 100%
}
.rules_block:target {
    display: block;
  }
Нажмите для раскрытия...
Как всегда Вы молодец!
 
sladerev

sladerev

Супер активный
Участник
04.06.2022
64
13
Дмитрий написал(а):
стили: 
@keyframes flashtext {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.97);
        -webkit-filter: brightness(115%);
        filter: brightness(115%);
    }

    100% {
        transform: scale(1);
    }
}

.rules-sections {
    height: 445px;
    overflow: auto;
    width: calc(100% + 0px);
    padding-right: 10px;
    position: static;
}

.rules-sections li {
    border: 1px solid rgb(53 57 68);
    border-radius: 10px;
    height: 68px;
    z-index: 1;
    margin-bottom: 6px;
    cursor: pointer;
    background: rgb(32 35 42);
    transition: opacity 400ms ease 0s, transform 400ms ease 0s;
    transform: none;
}

.rules-sections li:hover {
    background: rgb(40 44 54);
    border-color: rgb(40 44 54);
    transition: opacity 400ms ease 0s, transform 400ms ease 0s;
}

.rules-sections li.active {
    background: linear-gradient(83.89deg, rgb(34, 44, 80) 2.61%, rgb(28, 34, 57) 70.26%);
    border: 1px solid rgb(39, 51, 96);
}

.rules-item {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 0px 17px;
    width: 100%;
    height: 100%;
}

.rules-icon {
    width: 34px;
    margin-right: 15px;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}

.rules-icon img {
    width: 100%;
    filter: invert(37%) sepia(25%) saturate(428%) hue-rotate(181deg) brightness(93%) contrast(91%);
}

.rules-sections li.active .rules-icon i {
    filter: invert(57%) sepia(61%) saturate(5586%) hue-rotate(213deg) brightness(105%) contrast(101%);
}

.rules-icon i {
    width: 100%;
    font-size: 28px;
    filter: invert(37%) sepia(25%) saturate(428%) hue-rotate(181deg) brightness(93%) contrast(91%);
}

.rules-item-body {
    color: #969696;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.rules-name {
    display: block;
    font-weight: 700;
    margin-bottom: -5px;
    font-size: 16px;
    color: #e7e7e7;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.rules-description {
    font-weight: 500;
    font-size: 12px;
    color: #969696;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.serversss {
    display: none;
    width: 100%;
}

.rulesss {
    display: none;
    width: 100%;
}

@keyframes showLeftt {
    from {
        left: -100%;
    }

    to {
        left: 0;
    }
}

.card-rules {
    padding: 0 !important;
}

.card-rules-header {
    background: #272a32;
    border-radius: 15px 15px 0px 0px;
    width: 100%;
    padding: 20px 30px;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    overflow: hidden;
    justify-content: space-between;
}

.card-rules-header h2 {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: -5px;
    text-transform: uppercase;
    color: rgb(236, 241, 248);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.card-rules-header span {
    font-weight: 500;
    font-size: 12px;
    color: #969696;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.card-rules-body {
    width: 100%;
    padding: 20px 30px;
}

.rules_number {
    display: flex;
    position: relative;
    font-size: 15px;
    padding: 9px;
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background-color: #282c36;
    color: #c1c1c1;
    font-weight: 700;
    margin-right: 20px;
    justify-content: center;
    align-items: center;
}

.rules_content {
    background: #282c36;
    margin: 0 0 15px 53px;
    padding: 12px;
    border-radius: 10px;
    color: #c1c1c1;
    font-size: 13px;
    transition: .5s;
    letter-spacing: .5px;
    position: relative;
    top: -40px;
}

.rules_text_nakaz {
    background: #891515;
    padding: 5px;
    display: block;
    margin-top: 10px;
    border-radius: 10px;
    text-align: center;
    color: #d1d0d0;
}
#search_rule {
    background: var(--bg-color);
    color: var(--span-color);
    font-weight: 700;
    padding: 10px 20px;
    border-radius: 10px;
    border: 1px solid transparent;
    min-width: -webkit-fill-available;
    margin-right: 145px;
    margin-left: 10px;
    margin-top: 15px;
    transition: .3s
}

#search_rule:focus-visible {
    border: 1px solid var(--span-color);
    transition: .3s
}

.rules_card {
    display: flex
}

.rules_category {
    background: var(--bg-color);
    display: block;
    color: var(--default-text-color);
    padding: 15px 45px;
    border-radius: 10px;
    margin-bottom: 15px;
    font-weight: 700;
    border: 1px solid transparent;
    text-align: center;
    cursor: pointer;
    transition: .3s
}

.rules_category:hover {
    box-shadow: 2px 2px 2px var(--span-color)
}

.rules_card_left {
    border-right: 1px dashed var(--span-color-back);
    margin-right: 10px;
    padding-right: 10px;
    min-width: max-content
}

.rules_block {
    display: none;
    width: 100%
}

.rules_block>p {
    color: var(--table-line);
    font-weight: 700;
    margin: 0;
    font-size: 15px
}

.active-rule {
    border: 1px solid var(--span-color-back);
    transition: .3s;
    pointer-events: none;
    background: var(--span-color-back);
    user-select: none
}

@media(max-width: 768px) {
    .rules_card {
        display:block
    }

    .choose {
        display: none
    }

    .rules_card_left {
        padding: 0;
        border: none;
        min-width: auto
    }
}

.rules_card_header {
    float: left;
    margin: 5px 0 0 10px
}

.rules_card_right {
    width: 100%
}
.rules_block:target {
    display: block;
  }
Нажмите для раскрытия...
как выглядит можно глянуть? Скрин бы)
 
sladerev

sladerev

Супер активный
Участник
04.06.2022
64
13
Друзья, коллеги)
Кто знает, как сделать, чтобы если не авторизирован, то какую бы страницу не открыл, тебя всегда кидало на страницу авторизации, в теории понимаю, через if, esle.
Может кто сделал, а то страницы доступны когда вышел с сайта, такое себе
 
Владислав Шевчук

Владислав Шевчук

Черный список
Заблокирован
11.06.2023
18
15
  • Заблокирован
  • #88
sladerev написал(а):
Друзья, коллеги)
Кто знает, как сделать, чтобы если не авторизирован, то какую бы страницу не открыл, тебя всегда кидало на страницу авторизации, в теории понимаю, через if, esle.
Может кто сделал, а то страницы доступны когда вышел с сайта, такое себе
Нажмите для раскрытия...
в modules смотри в файлах php. Все там лежит
Через header; какой нить редерикт делать) смотри там все
 
Владислав Шевчук

Владислав Шевчук

Черный список
Заблокирован
11.06.2023
18
15
  • Заблокирован
  • #90
Владислав Шевчук написал(а):
в modules смотри в файлах php. Все там лежит
Через header; какой нить редерикт делать) смотри там все
Нажмите для раскрытия...
sladerev написал(а):
Друзья, коллеги)
Кто знает, как сделать, чтобы если не авторизирован, то какую бы страницу не открыл, тебя всегда кидало на страницу авторизации, в теории понимаю, через if, esle.
Может кто сделал, а то страницы доступны когда вышел с сайта, такое себе
Нажмите для раскрытия...
Делаешь все через if(isset($_SESSION[id])){
тут полный код для работы сайта авторизованных
}
else
{
$newURL = "url site";
header('Location: '.$newURL);
}
Что то типо того))
 
Войдите или зарегистрируйтесь для ответа.
Сверху Снизу