Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

Нужны баннеры

Июн
2,019
1,149
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Нету, это просто скрин был у менч
попроси нейронку:
сделай крутые xenforo баннеры со смайликами слева где можно будет текст писать через content в css и неоновая подсветка.
 
Май
128
17
Пользователь
@Difold_Walker, привет, держи
Код:
CSS:
.dev {
    background: linear-gradient(45deg, #ff007f, #f70);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(255,119,0,0.7),0 0 20px rgba(255,0,127,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.dev:before {
    content: '🔥';
    margin-right: 5px
}

.dev:hover {
    background: linear-gradient(45deg, #f70, #ff007f);
    box-shadow: 0 0 20px rgba(255,0,127,0.9),0 0 30px rgba(255,119,0,0.9);
    transition: all .3s ease
}

.igrok {
    background: linear-gradient(45deg, #ff0, #fff);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(255,255,0,0.7),0 0 20px rgba(255,255,0,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.igrok:before {
    content: '🎮';
    margin-right: 5px
}

.igrok:hover {
    background: linear-gradient(45deg, #fff, #ff0);
    box-shadow: 0 0 20px rgba(255,255,0,0.9),0 0 30px rgba(255,255,0,0.9);
    transition: all .3s ease
}

.leader {
    background: linear-gradient(45deg, #87ceeb, #00bfff);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(135,206,235,0.7),0 0 20px rgba(0,191,255,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.leader:before {
    content: '👑';
    margin-right: 5px
}

.leader:hover {
    background: linear-gradient(45deg, #00bfff, #87ceeb);
    box-shadow: 0 0 20px rgba(0,191,255,0.9),0 0 30px rgba(135,206,235,0.9);
    transition: all .3s ease
}

.testing {
    background: linear-gradient(45deg, #30d5c8, #20b2aa);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(48,213,200,0.7),0 0 20px rgba(32,178,170,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.testing:before {
    content: '🧪';
    margin-right: 5px
}

.testing:hover {
    background: linear-gradient(45deg, #20b2aa, #30d5c8);
    box-shadow: 0 0 20px rgba(32,178,170,0.9),0 0 30px rgba(48,213,200,0.9);
    transition: all .3s ease
}

.mladmin {
    background: linear-gradient(45deg, #0ff, #00ced1);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(0,255,255,0.7),0 0 20px rgba(0,206,209,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.mladmin:before {
    content: '👷‍♂️';
    margin-right: 5px
}

.mladmin:hover {
    background: linear-gradient(45deg, #00ced1, #0ff);
    box-shadow: 0 0 20px rgba(0,206,209,0.9),0 0 30px rgba(0,255,255,0.9);
    transition: all .3s ease
}

.admin {
    background: linear-gradient(45deg, #ffa500, #ff8c00);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(255,165,0,0.7),0 0 20px rgba(255,140,0,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.admin:before {
    content: '🛠️';
    margin-right: 5px
}

.admin:hover {
    background: linear-gradient(45deg, #ff8c00, #ffa500);
    box-shadow: 0 0 20px rgba(255,140,0,0.9),0 0 30px rgba(255,165,0,0.9);
    transition: all .3s ease
}

.sled {
    background: linear-gradient(45deg, #00f, #1e90ff);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(0,0,255,0.7),0 0 20px rgba(30,144,255,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.sled:before {
    content: '👁️';
    margin-right: 5px
}

.sled:hover {
    background: linear-gradient(45deg, #1e90ff, #00f);
    box-shadow: 0 0 20px rgba(30,144,255,0.9),0 0 30px rgba(0,0,255,0.9);
    transition: all .3s ease
}

.zsled {
    background: linear-gradient(45deg, #4b0082, #6a5acd);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(75,0,130,0.7),0 0 20px rgba(106,90,205,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.zsled:before {
    content: '🔍';
    margin-right: 5px
}

.zsled:hover {
    background: linear-gradient(45deg, #6a5acd, #4b0082);
    box-shadow: 0 0 20px rgba(106,90,205,0.9),0 0 30px rgba(75,0,130,0.9);
    transition: all .3s ease
}

.gsled {
    background: linear-gradient(45deg, #000080, #0000cd);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(0,0,128,0.7),0 0 20px rgba(0,0,205,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.gsled:before {
    content: '🔐';
    margin-right: 5px
}

.gsled:hover {
    background: linear-gradient(45deg, #0000cd, #000080);
    box-shadow: 0 0 20px rgba(0,0,205,0.9),0 0 30px rgba(0,0,128,0.9);
    transition: all .3s ease
}

.kuradm {
    background: linear-gradient(45deg, #75d09a, #66cdaa);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(117,208,154,0.7),0 0 20px rgba(102,205,170,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.kuradm:before {
    content: '📝';
    margin-right: 5px
}

.kuradm:hover {
    background: linear-gradient(45deg, #66cdaa, #75d09a);
    box-shadow: 0 0 20px rgba(102,205,170,0.9),0 0 30px rgba(117,208,154,0.9);
    transition: all .3s ease
}

.zga {
    background: linear-gradient(45deg, #008000, #006400);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(0,128,0,0.7),0 0 20px rgba(0,100,0,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.zga:before {
    content: '📊';
    margin-right: 5px
}

.zga:hover {
    background: linear-gradient(45deg, #006400, #008000);
    box-shadow: 0 0 20px rgba(0,100,0,0.9),0 0 30px rgba(0,128,0,0.9);
    transition: all .3s ease
}

.ga {
    background: linear-gradient(45deg, #32cd32, #228b22);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(50,205,50,0.7),0 0 20px rgba(34,139,34,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.ga:before {
    content: '🎉';
    margin-right: 5px
}

.ga:hover {
    background: linear-gradient(45deg, #228b22, #32cd32);
    box-shadow: 0 0 20px rgba(34,139,34,0.9),0 0 30px rgba(50,205,50,0.9);
    transition: all .3s ease
}

.spec {
    background: linear-gradient(45deg, #f00, #dc143c);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(255,0,0,0.7),0 0 20px rgba(220,20,60,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.spec:before {
    content: '⚠️';
    margin-right: 5px
}

.spec:hover {
    background: linear-gradient(45deg, #dc143c, #f00);
    box-shadow: 0 0 20px rgba(220,20,60,0.9),0 0 30px rgba(255,0,0,0.9);
    transition: all .3s ease
}

.kurator {
    background: linear-gradient(45deg, #f00, #b22222);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(255,0,0,0.7),0 0 20px rgba(178,34,34,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.kurator:before {
    content: '📋';
    margin-right: 5px
}

.kurator:hover {
    background: linear-gradient(45deg, #b22222, #f00);
    box-shadow: 0 0 20px rgba(178,34,34,0.9),0 0 30px rgba(255,0,0,0.9);
    transition: all .3s ease
}

.glkurator {
    background: linear-gradient(45deg, #00f, #4169e1);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(0,0,255,0.7),0 0 20px rgba(65,105,225,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.glkurator:before {
    content: '⛩️';
    margin-right: 5px
}

.glkurator:hover {
    background: linear-gradient(45deg, #4169e1, #00f);
    box-shadow: 0 0 20px rgba(65,105,225,0.9),0 0 30px rgba(0,0,255,0.9);
    transition: all .3s ease
}

.modforum {
    background: linear-gradient(45deg, #000080, #0000a0);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(0,0,128,0.7),0 0 20px rgba(0,0,160,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.modforum:before {
    content: '📜';
    margin-right: 5px
}

.modforum:hover {
    background: linear-gradient(45deg, #0000a0, #000080);
    box-shadow: 0 0 20px rgba(0,0,160,0.9),0 0 30px rgba(0,0,128,0.9);
    transition: all .3s ease
}

.tehadm {
    background: linear-gradient(45deg, #00f, #1e90ff);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(0,0,255,0.7),0 0 20px rgba(30,144,255,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.tehadm:before {
    content: '⚙️';
    margin-right: 5px
}

.tehadm:hover {
    background: linear-gradient(45deg, #1e90ff, #00f);
    box-shadow: 0 0 20px rgba(30,144,255,0.9),0 0 30px rgba(0,0,255,0.9);
    transition: all .3s ease
}

.osnovatel {
    background: linear-gradient(144deg, #f00, #b22222);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(255,0,14,0.7),0 0 20px rgba(255,0,14,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.osnovatel:before {
    content: '👑';
    margin-right: 5px
}

.osnovatel:hover {
    background: linear-gradient(45deg, #b22222, #f00);
    box-shadow: 0 0 20px rgba(255,0,14,0.9),0 0 30px rgba(255,0,14,0.9);
    transition: all .3s ease
}

.userBanner.userBanner--staff {
    background: linear-gradient(45deg, #8a2be2, #800080);
    color: white;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    box-shadow: 0 0 10px rgba(138,43,226,0.7),0 0 20px rgba(128,0,128,0.7);
    border-radius: 8px;
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    user-select: none
}

.userBanner.userBanner--staff:before {
    content: '👑';
    margin-right: 5px
}

.userBanner.userBanner--staff:hover {
    background: linear-gradient(45deg, #800080, #8a2be2);
    box-shadow: 0 0 20px rgba(128,0,128,0.9),0 0 30px rgba(138,43,226,0.9);
    transition: all .3s ease
}
 
Последнее редактирование модератором:
Сверху