шаблоны

Сообщений 1 страница 6 из 6

Поделиться12023-04-20 14:51:29

Автор: Kirill Volkonsky
Имя: кирилл волконский, 25
status
Плашка:
Личное звание:
Reference site about Lorem Ipsum, giving information on its origins, as well as a random Lipsum generator.
Сообщений: 57
money: 10
posts: 0
Уважение: +0

Код:

<!--HTML-->
<div class="standart">
<center><standart-title>шаблон эпизода</center></standart-title>
<standart>
<center>Мы не ставим рамок: шаблон свободный, но если удобнее с готовым, забирайте кодики.</center>

</standart>
</div>

шаблон со своей графикой

Код:

[block="episodembox"]
[block="episodebox"]

[block="epimg"][img]ссылка на гифку или эпиграф, можно дублировать[/img][/block]

[block="epname"]название эпизода[/block]

[block="epinfomain"]
игрок + игрок // локация // время 
[/block]

[block="epinfo"]
цитаты, песни, описания [бб коды работают]
[/block]

[/block][/block]

шаблон с гифками под цвет дизайна

Код:

[block="episodembox"]
[block="episodebox"]

[block="epimg"][block="epimgcolor"][img]ссылка на гифку, желательно прямоугольной формы, проверяйте внешний вид в предпросмотре[/img][/block][block="epimgcolor"][img]ссылка на гифку[/img][/block]
[/block]

[block="epname"]название эпизода[/block]

[block="epinfomain"]
игрок + игрок // локация // время 
[/block]

[block="epinfo"]
цитаты, песни, описания [бб коды работают]
[/block]

[/block][/block]

Поделиться22023-04-20 15:41:27

Автор: Kirill Volkonsky
Имя: кирилл волконский, 25
status
Плашка:
Личное звание:
Reference site about Lorem Ipsum, giving information on its origins, as well as a random Lipsum generator.
Сообщений: 57
money: 10
posts: 0
Уважение: +0

episode name

игрок + игрок // локация // время

цитаты, песни, описания

Код:

<!--HTML-->

<style>

.episodembox {
    width: 660px;
    height: auto;
    margin: 1px auto 1px auto!important;
    background: linear-gradient(16deg, #eaa783, #ffeece);
    border-radius: 10px;
    box-shadow: inset 0 0 0px 1px #fff2ea, inset 0 0 10px 4px #ffe8c7a6, 0 0 0px 1px #b9836300;
    border: 1px solid #f0bc99;
}

.episodebox {
    width: 650px;
    height: auto;
    margin: 5px auto 5px auto;
    background: #fff9ed;
    border-radius: 10px;
    box-shadow: 0 0 0 1px #edb9809c;
    position: relative;
}

.episodebox:before {
     content: "✦ ✦ ✦";
    display: block;
    text-align: center;
    padding-top: 10px;
    color: #f1d4ae;
}

.epname {
    height: 10px;
    position: relative;
    top: -14px;
    filter: blur(0.8px);
    text-transform: uppercase;
}

.epname p {
    font-size: 28px !important;
    background: -webkit-linear-gradient(16deg, #ba7a4a, #fff8ee);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0px !important;
    text-align: center !important;
}

.epinfomain {
    width: 600px;
    height: 30px;
    margin: 1px auto 1px auto!important;
    background: linear-gradient(16deg, #ffdbc7, #ffeece);
    box-shadow: inset 0 0 0px 1px #fff2ea, inset 0 0 10px 4px #ffe8c7a6, 0 0 0px 1px #b9836300;
    border: 1px solid #f0bc99;
    color: #966051;
    text-shadow: 0 0 2px #a65f4c80;
    position: relative;
    text-transform: lowercase;
    font-family: Arial;
    letter-spacing: 0.8px;
}

.epinfo {
    width: 600px;
    height: auto;
    margin: auto;
}

.epimg {
    width: 600px;
    margin: auto;
    display: flex;
    justify-content: space-evenly;
}

.epimg img {

}

.epimgcolor {
    width: 268px;
    height: 121px;
    background: #e4c3a6;
    box-shadow: inset 0 0 0 1px #ffffffab, inset 0 0 9px 2px #ffe9d9;
    border: 1px solid #d8ac8b;
    filter: blur(0.3px);
    margin: 15px 0px 24px 0px;
}

.epimgcolor img {
    width: 268px;
    height: 120px;
    object-fit: cover;
    mix-blend-mode: soft-light;
    filter: grayscale(1);
    position: relative;
    top: -4px;
}

.epinfo p {
    padding: 0.5em 0 1.1em 0 !important;
}

.epinfomain p {
    text-align: center !important;
    padding: 0.5em 0 1.1em 0 !important;
}

</style>

Поделиться32023-04-20 15:53:05

Автор: Kirill Volkonsky
Имя: кирилл волконский, 25
status
Плашка:
Личное звание:
Reference site about Lorem Ipsum, giving information on its origins, as well as a random Lipsum generator.
Сообщений: 57
money: 10
posts: 0
Уважение: +0

episode name

игрок + игрок // локация // время

цитаты, песни, описания

Код:

<!--HTML-->

<style>

</style>

Поделиться42023-04-20 16:11:09

Автор: Kirill Volkonsky
Имя: кирилл волконский, 25
status
Плашка:
Личное звание:
Reference site about Lorem Ipsum, giving information on its origins, as well as a random Lipsum generator.
Сообщений: 57
money: 10
posts: 0
Уважение: +0

episode name

игрок + игрок // локация // время

цитаты, песни, описания

Код:

<!--HTML-->

<style>

</style>

Поделиться52023-04-20 17:00:27

Автор: Kirill Volkonsky
Имя: кирилл волконский, 25
status
Плашка:
Личное звание:
Reference site about Lorem Ipsum, giving information on its origins, as well as a random Lipsum generator.
Сообщений: 57
money: 10
posts: 0
Уважение: +0

@nick

wowowowowow

@nick

@ick

letter letter

letter letter letter

letter letter letter 99999

Код:

<!--HTML-->
<style>

.personalnick p, .personalstatus p, .friendnick p, .chatinbox p, .chatreply p, .oldmess p, .newmess p, .chatpersonalheader p { 
    padding: 0.5em 0 1.1em 0 !important;
}

.chatinbox p, .chatreply p { 
    max-width: 300px;
}

.chatbox {
    width: 400px;
    height: 480px;
    margin: auto;
    border-radius: 20px;
    position: relative;
    border: 1px solid #f2c7ae;
    background: #fac3a1;
}

.chatpersonalheader {
    width: 400px;
    height: 140px;
    border-radius: 20px 20px 0px 0px;
    background: linear-gradient(45deg, #fecfb3, #ffebc3);
    position: relative;
}

.chatpersonalheader:before {
     content: "";
     background: url(https://i.imgur.com/h39EAyL.png);
    position: absolute;
    top: 10px;
    width: 80px;
    height: 80px;
    background-size: 100%;
    left: 160px;
}

.chatpersonalheader:after {
     content: "\e04b";
    position: absolute;
    font-family: Material Icons;
    /* top: 30px; */
    /* right: 20px; */
    font-size: 24px;
    left: 20px;
    bottom: -40px;
    color: #da9c75ad;
}

.chatpersonalheader img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 50px;
    margin: auto !important;
    display: block;
    position: relative;
    top: 10px;
}

.personalnick p {
    text-align: center !important;
    font-size: 14px !important;
}

.personalnick {
    position: relative;
    top: 0px;
    font-family: system-ui;
    font-weight: bold;
    color: #da9c75;
}

.personalstatus {
    position: relative;
    top: -25px;
    letter-spacing: 0.5px;
    font-family: Arial;
    color: #cea185;
}

.personalstatus p {
    text-align: center !important;
    font-size: 10px !important;
}

.chatheader {
    width: 400px;
    height: 50px;
    position: relative;
}

.chatheader img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50px;
    position: relative;
    right: 10px;
    float: right;
    box-shadow: 0 0 4px 1px #d2956d00, 0 0 0px 1px #f2c7ae;
}

.friendnick p {
    text-align: right !important;
    position: relative;
    right: 2px;
}

.friendnick {
    position: absolute;
    right: 55px;
    font-family: system-ui;
    color: #fff5ef;
    font-weight: bold;
}

.friendnick:before {
    content: "CHATTING WITH";
    position: relative;
    top: 6px;
    color: #da9c75;
    font-size: 8px;
    font-weight: normal;
}

.firstchat, .secondchat{
    width: 400px;
    height: 265px;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    background: url(https://i.imgur.com/85ZYJHD.png);
    background-size: 100%;
    padding-top: 10px;
}

.firstchat {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.chatinbox, .chatreply, .chatreplyq {
    height: auto;
    background: #fffcf6;
    margin: 10px;
    padding: 0px 14px 0px 14px;
    width: max-content;
    font-family: Arial;
    color: #777;
    width: fit-content;
}

.chatreply, .chatreplyq {
    border-radius: 10px 10px 0px 10px;
}

.chatinbox, .chatinboxq {
    border-radius: 10px 10px 10px 0px;
}

.chatreplyq {
    position: relative;
}

.nickq {
    font-weight: bold;
    font-family: system-ui;
    position: absolute;
    top: -14px;
}

.oldmess {
    max-width: 300px !important;
    white-space: nowrap;
    overflow-x: clip;
}

.oldmess p {
    position: relative;
    top: 14px;
    left: 12px;
    font-size: 9px !important;
}

.oldmess:before {
    content: "|";
    position: absolute;
    font-size: 24px;
    color: #fac3a1;
}

.chatinbox img, .chatreply img, .chatreplyq img {

}

.chatimg {
   width: 140px;
    margin-right: 10px;
}

.chatimg img {
    border-radius: 10px;
}

.firstchat::-webkit-scrollbar-track, .seondchat::-webkit-scrollbar-track {
    background-color: #fac3a166;
    box-shadow: none;
}

.firstchat::-webkit-scrollbar-thumb, .seondchat::-webkit-scrollbar-thumb {
    background-color: #ecb39091;
    border-radius: 10px;
    box-shadow: none;
}

</style>

Поделиться62023-04-20 19:25:50

Автор: Kirill Volkonsky
Имя: кирилл волконский, 25
status
Плашка:
Личное звание:
Reference site about Lorem Ipsum, giving information on its origins, as well as a random Lipsum generator.
Сообщений: 57
money: 10
posts: 0
Уважение: +0

@nick

wowowowowow

@nick

letter letter letter

letter letter letter 99999

moi test

Меню навигации

Пользовательские ссылки

Информация о пользователе

шаблоны

Сообщений 1 страница 6 из 6

Поделиться12023-04-20 14:51:29

Поделиться22023-04-20 15:41:27

Поделиться32023-04-20 15:53:05

Поделиться42023-04-20 16:11:09

Поделиться52023-04-20 17:00:27

Поделиться62023-04-20 19:25:50