Решено Как сделать такие префиксы тем

Alexbus · Пятница в 20:19

Помогите сделать такие префиксы

insane · Пятница в 20:44

дай ссылочку на форум пожалуйста

Alexbus · Пятница в 20:45

forum.rx-rp.online

insane · Пятница в 20:46

если такие , то вот extra;

.pref {
background-color: #ff0000;
font-size: 77%;
color: white;
border: 3px solid #f00;
text-align: center;
border-radius:6px
}

.pref.otkr {
background-color: #33ff33;
border:3px solid #3f3
}

.pref.otk {
background-color: #33ff33;
border:3px solid #3f3
}

.pref.rech {
background-color: #f24666;
border:3px solid #f24666
}

.pref.inf {
background-color: #ffbb00;
border:3px solid #fb0
}

.pref.zakr {
background-color: #ff2b2b;
border:3px solid #ff2b2b
}

.pref.ras {
background-color: #0044ff;
border:3px solid #04f
}

.pref.prov {
background-color: #ee7700;
border:3px solid #e70
}

.pref.pr {
background-color: #00bbff;
border:3px solid #0bf
}

.p-header-logo.p-header-logo--image img {
max-width: 100%;
max-height:100px
}

.label {
color: #fff;
text-transform: uppercase;
font-weight: 650;
font-size: 70%;
padding: 2px 4px;
text-align: center;
background-size: 300% 300%;
border-radius:5px
}

.v {
background: #ff0000;
box-shadow:0 0 12px #f00
}

.ras {
background: #0044ff;
box-shadow:0 0 12px #04f
}

.otk {
background: #00AA00;
box-shadow:0 0 12px #0a0
}

.rasm {
background: #ee7700;
box-shadow:0 0 12px #e70
}

.inf {
background: #ffbb00;
box-shadow:0 0 12px #fb0
}

вроде те , если не те напиши сюда

insane · Пятница в 20:46

пример выше , фоточкой прикрепил

Alexbus · Пятница в 20:47

Мне надо такие

insane · Пятница в 20:48

щас попробую найти ,подожди чутка

insane · Пятница в 20:55

.prefix-important-small {
display: inline-flex;
align-items: center;
padding: 1px 5px 1px 4px;
font-size: 0.7rem;
font-weight: 700;
text-transform: uppercase;
background: #c53030;
border-radius: 8px 1px 8px 1px;
border: 1px solid #fc8181;
color: #fff5f5;
line-height: 1.2
}

Такие примерно?

(p.s сорри если где то ошибаюсь , не слишком умен в сфере этой)

code67 · Пятница в 21:02

css:

.prefix-outdated-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #6b5e4a;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #a89f91;
    color: #f5f0e8;
    line-height: 1.2
}

.prefix-outdated-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f017";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #c0b7ab
}

.prefix-reviewed-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #276749;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #68d391;
    color: #f0fff4;
    line-height: 1.2
}

.prefix-reviewed-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f058";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #9ae6b4
}

.prefix-denied-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #8b0000;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #ff6b6b;
    color: #fff0f0;
    line-height: 1.2
}

.prefix-denied-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f05e";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #ffa5a5
}

.prefix-closed-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #4a4a4a;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #9b9b9b;
    color: #f2f2f2;
    line-height: 1.2
}

.prefix-closed-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f023";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #bdbdbd
}

.prefix-approved-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #0f6b3a;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #4caf7a;
    color: #f0f9f0;
    line-height: 1.2
}

.prefix-approved-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f058";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #8fdfb2
}

.prefix-important-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #c53030;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #fc8181;
    color: #fff5f5;
    line-height: 1.2
}

.prefix-important-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0e7";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #fed7d7
}

.prefix-consideration-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #4a5568;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #a0aec0;
    color: #f7fafc;
    line-height: 1.2
}

.prefix-consideration-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f252";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #cbd5e0
}

.prefix-waiting-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #c47d1e;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #edb15d;
    color: #fef5e7;
    line-height: 1.2
}

.prefix-waiting-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f254";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #f5cb99
}

Alexbus · Пятница в 21:26

code67 написал(а):

css:

.prefix-outdated-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #6b5e4a;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #a89f91;
    color: #f5f0e8;
    line-height: 1.2
}

.prefix-outdated-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f017";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #c0b7ab
}

.prefix-reviewed-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #276749;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #68d391;
    color: #f0fff4;
    line-height: 1.2
}

.prefix-reviewed-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f058";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #9ae6b4
}

.prefix-denied-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #8b0000;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #ff6b6b;
    color: #fff0f0;
    line-height: 1.2
}

.prefix-denied-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f05e";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #ffa5a5
}

.prefix-closed-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #4a4a4a;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #9b9b9b;
    color: #f2f2f2;
    line-height: 1.2
}

.prefix-closed-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f023";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #bdbdbd
}

.prefix-approved-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #0f6b3a;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #4caf7a;
    color: #f0f9f0;
    line-height: 1.2
}

.prefix-approved-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f058";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #8fdfb2
}

.prefix-important-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #c53030;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #fc8181;
    color: #fff5f5;
    line-height: 1.2
}

.prefix-important-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0e7";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #fed7d7
}

.prefix-consideration-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #4a5568;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #a0aec0;
    color: #f7fafc;
    line-height: 1.2
}

.prefix-consideration-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f252";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #cbd5e0
}

.prefix-waiting-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #c47d1e;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #edb15d;
    color: #fef5e7;
    line-height: 1.2
}

.prefix-waiting-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f254";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #f5cb99
}

code67 написал(а):

css:

.prefix-outdated-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #6b5e4a;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #a89f91;
    color: #f5f0e8;
    line-height: 1.2
}

.prefix-outdated-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f017";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #c0b7ab
}

.prefix-reviewed-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #276749;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #68d391;
    color: #f0fff4;
    line-height: 1.2
}

.prefix-reviewed-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f058";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #9ae6b4
}

.prefix-denied-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #8b0000;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #ff6b6b;
    color: #fff0f0;
    line-height: 1.2
}

.prefix-denied-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f05e";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #ffa5a5
}

.prefix-closed-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #4a4a4a;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #9b9b9b;
    color: #f2f2f2;
    line-height: 1.2
}

.prefix-closed-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f023";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #bdbdbd
}

.prefix-approved-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #0f6b3a;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #4caf7a;
    color: #f0f9f0;
    line-height: 1.2
}

.prefix-approved-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f058";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #8fdfb2
}

.prefix-important-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #c53030;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #fc8181;
    color: #fff5f5;
    line-height: 1.2
}

.prefix-important-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0e7";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #fed7d7
}

.prefix-consideration-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #4a5568;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #a0aec0;
    color: #f7fafc;
    line-height: 1.2
}

.prefix-consideration-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f252";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #cbd5e0
}

.prefix-waiting-small {
    display: inline-flex;
    align-items: center;
    padding: 1px 5px 1px 4px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    background: #c47d1e;
    border-radius: 8px 1px 8px 1px;
    border: 1px solid #edb15d;
    color: #fef5e7;
    line-height: 1.2
}

.prefix-waiting-small:before {
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f254";
    width: 1.28571429em;
    display: inline-block;
    text-align: center;
    margin-right: 3px;
    font-size: 0.6rem;
    color: #f5cb99
}

А что это prefix-outdated-small

insane · Пятница в 21:38

Alexbus написал(а):
А что это prefix-outdated-small

отвечает скорее за это;

Alexbus · Пятница в 21:40

А что за стиль?

insane · Пятница в 21:41

у данного форума?

forum.rx-rp.online

Alexbus · Пятница в 21:41

insane написал(а):
у данного форума?

Да

insane · Пятница в 21:42

Alexbus написал(а):
Да

[Kolpak] Стиль форума GTA 5 RP New replica

!!!DEMO!!! Основа стиля - MaterialXen

pawno-help.ru

insane · Пятница в 21:43

там название вместо GTA 5 RP просто сменишь на своё в ПУ

insane · Пятница в 21:43

если помог, поставь галочку )

Поиск

Welcome!

Решено Как сделать такие префиксы тем

Alexbus

insane

Alexbus

insane

Вложения

insane

Alexbus

insane

insane

code67

Alexbus

insane

Alexbus

insane

Alexbus

insane

[Kolpak] Стиль форума GTA 5 RP New replica

insane

insane