Благодарим за выбор нашего сервиса!
[nick]TREVOR CUNNINGHAM[/nick]


Sound Of The Machine |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Sound Of The Machine » the devil in the belfry: » Тестовое сообщение
код
еще проверка
[hideprofile]
ladies and gentlemen, пришло время наряжаться, потому что в душе мы все принцессы (просто кто-то из нас принцесса на горошине, а кто-то аид). сезонное оформление профиля - в комплект входит фон профиля и плашка [текст для неё вы можете выбрать сами, а можете попросить подобрать администрацию]. сезон длится три месяца и все комплекты лимитированы - то есть, по истечению сезона они больше недоступны к покупке. на данный момент к покупке доступны 14 комплектов [используйте прокрутку]. [html]<body> <div class="gallery"> </body> <style> </script> если ни один из комплектов вам не подошел, есть связи с классным портным из хьюго босс, он снимет мерки и сделает по индивидуальному заказу. [indent] купить сезонное оформление профиля — 1 000 биткоинов; чтобы заполнить код, необходимо воспользоваться генератором. коротенькая инструкция к генератору кода:
важно: при заказе индивидуального оформления профиля необходимо предоставить изображение размером не меньше 250х500 пикселей [можно больше, мы подрежем]. при заказе плашки необходимо выбрать hex-код основного цвета плашки, сделать это можно онлайн по ссылке. если оставить поле hex-кода пустым, администрация подберет цвет самостоятельно, исходя из личных убеждений третьего творческого глаза. |
[html]<body>
<div class="wrap">
<div class="card">
<div class="grid">
<div class="group">
<label>Сумма на счету</label>
<input id="balance" placeholder="Например: 5000" type="number" />
</div>
<div class="group" id="season_group">
<label>Номер сезонного оформления</label>
<div class="field"><input class="season" placeholder="Например: 5" /></div>
<button type="button" class="addBtn" onclick="addField('season')">+</button>
</div>
<div class="group" id="image_group">
<label>Ссылка на изображение</label>
<div class="field"><input class="image" placeholder="https://... (для индивид. фона)" /></div>
<button type="button" class="addBtn" onclick="addField('image')">+</button>
</div>
<div class="group" id="profile_group">
<label>Профиль для установки</label>
<div class="field"><input class="profile" placeholder="@username или ссылка на профиль" /></div>
<button type="button" class="addBtn" onclick="addField('profile')">+</button>
</div>
<div class="group" id="hex_group">
<label>HEX-код цвета плашки</label>
<div class="field"><input class="hex" placeholder="#4caf50" /></div>
<button type="button" class="addBtn" onclick="addField('hex')">+</button>
</div>
<div class="group" id="label_group">
<label>Текст плашки</label>
<div class="field"><input class="label" placeholder="тут ваш текст" /></div>
<button type="button" class="addBtn" onclick="addField('label')">+</button>
</div>
<div class="group">
<label>Куда ставим?</label>
<input id="target" placeholder="сразу в профиль/только лс" />
</div>
<div class="group"><label>СТОИМОСТЬ</label><input id="payment" placeholder="Тут будет итоговая сумма" readonly /></div>
</div>
<div class="buttons">
<button class="btn-primary" id="genBtn">Сгенерировать и скопировать</button>
<button class="btn-danger" id="clearBtn">Очистить всё</button>
</div>
<div class="out">
<textarea id="output" readonly placeholder="Здесь появится готовый шаблон..."></textarea>
</div>
</div>
</div>
<div id="toast" class="toast"></div>
<script>
const f=[
{id:"balance",label:"СУММА НА СЧЕТУ"},
{id:"season",label:"НОМЕР СЕЗОННОГО ОФОРМЛЕНИЯ"},
{id:"image",label:"ССЫЛКА НА ИЗОБРАЖЕНИЕ"},
{id:"profile",label:"ПРОФИЛЬ ДЛЯ УСТАНОВКИ"},
{id:"hex",label:"HEX-КОД ЦВЕТА ПЛАШКИ"},
{id:"label",label:"ТЕКСТ ПЛАШКИ"},
{id:"target",label:"КУДА СТАВИМ?"},
{id:"payment",label:"СТОИМОСТЬ"}
],
$=e=>document.getElementById(e),
o=$("output"),
t=$("toast");
const prices = {season:1000, image:2000, hex:1000};
// добавление новых полей
function addField(type){
const group = $(type+"_group");
const div = document.createElement("div");
div.className="field";
const input = document.createElement("input");
input.className=type;
input.placeholder = group.querySelector("input").placeholder;
input.addEventListener("input", calcPayment);
div.appendChild(input);
group.insertBefore(div, group.querySelector(".addBtn"));
}
function calcPayment(){
let total=0;
document.querySelectorAll(".season").forEach(el=>{
if(el.value.trim()) total+=prices.season;
});
document.querySelectorAll(".image").forEach(el=>{
if(el.value.trim()) total+=prices.image;
});
document.querySelectorAll(".hex").forEach(el=>{
if(el.value.trim()) total+=prices.hex;
});
let balance=parseInt($("balance").value)||0;
let result=balance-total;
$("payment").value = total>0 ? `${total} (Итого: ${balance} - ${total} = ${result})` : "";
}
["balance","target"].forEach(id=>{
$(id).addEventListener("input",calcPayment);
});
function b(){
let result="";
f.forEach(e=>{
if(["season","image","hex","label","profile"].includes(e.id)){
const els=document.querySelectorAll("."+e.id);
let values=[...els].map(el=>el.value.trim()).filter(Boolean);
if(values.length){
result+=`${e.label}:\n${values.join(", ")}\n\n`;
}
}else{
const l=$(e.id).value.trim();
if(l) result+=`${e.label}:\n${l}\n\n`;
}
});
return result.trim();
}
function s(e){
t.textContent=e,t.classList.add("show"),
setTimeout(()=>t.classList.remove("show"),1500)
}
async function c(e){
try{return await navigator.clipboard.writeText(e),!0}
catch{
const l=document.createElement("textarea");
l.value=e,document.body.appendChild(l),l.select();
try{return document.execCommand("copy"),document.body.removeChild(l),!0}
catch{return document.body.removeChild(l),!1}
}
}
async function g(){
const e=b();
if(o.value=e,!e)return void s("Нечего копировать");
const l=await c(e);
s(l?"Скопировано в буфер":"Не удалось скопировать")
}
function a(){
document.querySelectorAll(".season,.image,.hex,.label,.profile").forEach(el=>el.value="");
$("balance").value="";
$("target").value="";
$("payment").value="";
o.value="";
s("Очищено");
}
$("genBtn").addEventListener("click",g),
$("clearBtn").addEventListener("click",a);
// автообновление суммы
document.querySelectorAll(".season,.image,.hex,.label,.profile").forEach(el=>{
el.addEventListener("input",calcPayment);
});
</script>
</body>
<link rel="stylesheet" href="https://forumstatic.ru/files/001c/74/49/98243.css" type="text/css"/>
[/html]
1
<img src='https://forumstatic.ru/files/001b/73/d1/22916.jpg'>
<div class="plashkadura" style="background: #232326"> <p style="color: #ffffff"> текст </br> текст</p></div>
2
<img src='https://forumstatic.ru/files/001b/73/d1/94154.jpg'>
<div class="plashkadura" style="background: #374046"> <p style="color: #ffffff"> текст </br> текст</p></div>
3
<img src='https://forumstatic.ru/files/001b/73/d1/80149.jpg'>
<div class="plashkadura" style="background: #465463"> <p style="color: #ffffff"> текст </br> текст</p></div>
4
<img src='https://forumstatic.ru/files/001b/73/d1/34606.jpg'>
<div class="plashkadura" style="background: #43545f"> <p style="color: #ffffff"> текст </br> текст</p></div>
5
<img src='https://forumstatic.ru/files/001b/73/d1/76906.jpg'>
<div class="plashkadura" style="background: #27404a"> <p style="color: #ffffff"> текст </br> текст</p></div>
6
<img src='https://forumstatic.ru/files/001b/73/d1/92742.jpg'>
<div class="plashkadura" style="background: #5d7a8b"> <p style="color: #ffffff"> текст </br> текст</p></div>
7
<img src='https://forumstatic.ru/files/001b/73/d1/14747.jpg'>
<div class="plashkadura" style="background: #44658d"> <p style="color: #ffffff"> текст </br> текст</p></div>
8
<img src='https://forumstatic.ru/files/001b/73/d1/30413.jpg'>
<div class="plashkadura" style="background: #20272b"> <p style="color: #ffffff"> текст </br> текст</p></div>
9
<img src='https://forumstatic.ru/files/001b/73/d1/75638.jpg'>
<div class="plashkadura" style="background: #1f1f23"> <p style="color: #ffffff"> текст </br> текст</p></div>
10
<img src='https://forumstatic.ru/files/001b/73/d1/35907.jpg'>
<div class="plashkadura" style="background: #b0614e"> <p style="color: #ffffff"> текст </br> текст</p></div>
11
<img src='https://forumstatic.ru/files/001b/73/d1/66791.jpg'>
<div class="plashkadura" style="background: #261f1a"> <p style="color: #ffffff"> текст </br> текст</p></div>
12
<img src='https://forumstatic.ru/files/001b/73/d1/27021.jpg'>
<div class="plashkadura" style="background: #6e645f"> <p style="color: #ffffff"> текст </br> текст</p></div>
13
<img src='https://forumstatic.ru/files/001b/73/d1/24588.jpg'>
<div class="plashkadura" style="background: #ad4c5b"> <p style="color: #ffffff"> текст </br> текст</p></div>
14
<img src='https://forumstatic.ru/files/001b/73/d1/97719.jpg'>
<div class="plashkadura" style="background: #743139"> <p style="color: #ffffff"> текст </br> текст</p></div>
[hideprofile][hidesignature]
1
трек, который открывает твой летний сезон
Код:[quote][table] [tr] [td width=10%][/td] [td width=10%][align=right][size=35][b]1[/b][/size][/align][/td] [td width=45%] тут ответ [/td] [/tr] [/table][/quote]
[hideprofile][hidesignature]
12
дней
музыкального
вызоваkiss me hard before you go, summertime sadness. весной мы как-то эту традицию пропустили, поэтому навёрстываем с началом лета. вы можете спросить: Даррен, почему такое странное количество дней? а я вам отвечу, друзья, я немного окрщик и мне надо, чтобы мы управились с вами к понедельнику, но к следующему получается вроде как совсем мало, поэтому так.
правила ничуть не изменились: новый день - новая тема - подходящий трек.
по традиции вливаться можно хоть с первого дня, хоть с седьмого; выпадать из активности тоже никто не запрещает, но всё ещё будем смотреть с осуждением, конечно.
[!!!] проходить дни нужно только с одного профиля [вот с какого начали, с такого просьба и довести вызов до конца].
[!!!] проходить вызов день-в-день желательно, но необязательно. допускается возмещение пропущенных дней в текущий.для тех кто очень постарается и пройдёт все дни вызова:
[!!!] за каждый день по 20 биткоинов, итого суммарно вы получите 240 монеток на ваши счета
[!!!] тематическая ачивка
[!!!] 1 любое оформление из новых сезонных бесплатнотем, кто решит не проходить до конца:
[!!!] насчитывается по 20 биткоинов за каждый день
темы дня
☀️ Лето и настроение
Первый день лета — трек, который открывает твой летний сезон.
Жара — песня, от которой становится ещё горячее.
Закат — идеальный саундтрек для летнего вечера.
Летняя ночь — трек для прогулок после полуночи.
Отпуск начинается — песня, которая ассоциируется со свободой.
🌊 Море и путешествия
У воды — море, озеро, речка, бассейн.
Дорога — лучший трек для путешествия.
Другой город — песня, связанная с местом, где хочется провести лето.
Пляжный вайб — максимально расслабленный трек.
Приключение — музыка для спонтанной поездки.
🍉 Летние детали
Вкус лета — трек, который напоминает о любимой летней еде или напитке.
Цвет лета — песня, ассоциирующаяся с определённым цветом.
Солнце — в названии, тексте или просто по ощущениям.
Дождь среди жары — трек с особым настроением после летнего ливня.
Фотография из лета — песня, которая могла бы стать подписью к снимку.
💃 Люди и эмоции
Летний роман — трек про влюблённость.
Компания друзей — песня, которая объединяет людей.
Ностальгия — трек о лете, которое уже прошло.
Танцы до утра — невозможно усидеть на месте.
Моё лето 2026 — песня, которая лучше всего описывает текущее лето.
✨ Бонус: необычные темы
Песня с названием месяца.
Трек, где упоминается погода.
Самая солнечная обложка альбома.
Песня длиннее 6 минут.
Трек исполнителя из жаркой страны.
Песня, которую ты открыл(а) этим летом.
Летний хит года твоего рождения.
Трек, который хочется включить на рассвете.
Песня с фруктом или цветком в названии.
Твой guilty pleasure этого лета.
[html]
<div class="center-wrapper">
<div class="instagram-post">
<div class="post-header">
<div class="avatar-wrapper">
<img class="avatar" src="ТУТ ССЫЛКА НА ФОТО ПРОФИЛЯ" alt="РАЗМЕР ПОДСТРАИВАЕТСЯ САМ, МОЖНО ТОЖЕ САМОЕ ФОТО, ЧТО ПОСТИТЕ">
</div>
<div class="username">contest._daily</div>
<div class="menu-dots">⋯</div>
</div>
<div class="photo-square">
<img class="contest-img" src="ТУТ ССЫЛКА НА ФОТО ПО ТЕМАТИКЕ" alt="РАЗМЕР ПОДСТРАИВАЕТСЯ САМ">
</div>
<div class="actions-bar">
<div class="post-text">
Тут любой ваш текст. МОЖНО УДАЛИТЬ ЭТУ ЧАСТЬ
</div>
</div>
</div>
</div>
<style>
.center-wrapper {
width: 100%;
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
.instagram-post {
max-width: 480px;
width: 100%;
background: white;
border-radius: 20px;
position: relative;
overflow: hidden;
}
.post-header {
display: flex;
align-items: center;
padding: 12px 16px;
gap: 10px;
background: white;
}
.avatar-wrapper {
position: relative;
width: 38px;
height: 38px;
border-radius: 50%;
background: linear-gradient(145deg, #f9ce34, #ee2a7b, #6228d7);
display: flex;
align-items: center;
justify-content: center;
}
.avatar {
width: 32px;
height: 32px;
border-radius: 50%;
object-fit: cover;
background: white;
}
.username {
font-weight: 600;
font-size: 14px;
color: #262626;
}
.menu-dots {
margin-left: auto;
font-size: 18px;
font-weight: 500;
color: #262626;
}
.photo-square {
width: 100%;
aspect-ratio: 1 / 1;
background-color: #f0f0f0;
overflow: hidden;
}
.contest-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.actions-bar {
padding: 12px 16px 20px 16px;
}
.post-text {
font-size: 12px;
line-height: 1.5;
color: #262626;
white-space: normal;
overflow-wrap: break-word;
word-break: break-word;
}
</style>
[/html]
[hideprofile]
12
дней
летних полароидовсмотреть на ваши красивые аватарки, конечно, здорово, но я предлагаю расчехлять ваши самые классные фотки, чтобы поучаствовать в этом вызове.
а это значит, что мы объявляем целых 12 дней летних персонажных фотоснимков!
правила каковы? правила таковы: новый день — новая тема — подходящее фото.
участвовать можно только с ОДНОГО профиля [или можете выбрать кого-то из своих нпс и постить за него под маской]
[!!!] одно сообщение - одна фотография.
[!!!] задания выполняются до смены темы дня, после, если вы не успели, день не будет засчитан.награды зачисляем так:
[!!!] каждый день - 20 биткоинов [итого 240]
[!!!] если собрали все 12 дней - купон на скип 200 сообщений или скип поста для твинка [на выбор]
темы дня
[hideprofile][hidesignature]
1
фото у воды [подойдёт любой водоём, бассейн, даже фонтан]
Код:[html] <div class="center-wrapper"> <div class="instagram-post"> <div class="post-header"> <div class="avatar-wrapper"> <img class="avatar" src="ТУТ ССЫЛКА НА ФОТО ПРОФИЛЯ" alt="РАЗМЕР ПОДСТРАИВАЕТСЯ САМ, МОЖНО ТОЖЕ САМОЕ ФОТО, ЧТО ПОСТИТЕ"> </div> <div class="username">contest._daily</div> <div class="menu-dots">⋯</div> </div> <div class="photo-square"> <img class="contest-img" src="ТУТ ССЫЛКА НА ФОТО ПО ТЕМАТИКЕ" alt="РАЗМЕР ПОДСТРАИВАЕТСЯ САМ"> </div> <div class="actions-bar"> <div class="post-text"> Тут любой ваш текст. МОЖНО УДАЛИТЬ ЭТУ ЧАСТЬ </div> </div> </div> </div> <style> .center-wrapper { width: 100%; min-height: 100vh; display: flex; justify-content: center; align-items: center; } .instagram-post { max-width: 480px; width: 100%; background: white; border-radius: 20px; position: relative; overflow: hidden; } .post-header { display: flex; align-items: center; padding: 12px 16px; gap: 10px; background: white; } .avatar-wrapper { position: relative; width: 38px; height: 38px; border-radius: 50%; background: linear-gradient(145deg, #f9ce34, #ee2a7b, #6228d7); display: flex; align-items: center; justify-content: center; } .avatar { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; background: white; } .username { font-weight: 600; font-size: 14px; color: #262626; } .menu-dots { margin-left: auto; font-size: 18px; font-weight: 500; color: #262626; } .photo-square { width: 100%; aspect-ratio: 1 / 1; background-color: #f0f0f0; overflow: hidden; } .contest-img { width: 100%; height: 100%; object-fit: cover; display: block; } .actions-bar { padding: 12px 16px 20px 16px; } .post-text { font-size: 12px; line-height: 1.5; color: #262626; white-space: normal; overflow-wrap: break-word; word-break: break-word; } </style> [/html]
безразличие
<img src="https://forumstatic.ru/files/001b/73/d1/82817.png">
<div class="plashkadura" style="background: url('https://forumstatic.ru/files/0016/e6/98/70243.png'); background-size: cover; filter: grayscale(30%)!important;"><p style="color: #ececec">Feelings?<br>That's your problem, not mine.</p></div>зависть
<img src="https://forumstatic.ru/files/001b/73/d1/76933.png">
<div class="plashkadura" style="background: url('https://forumstatic.ru/files/0016/e6/98/44242.png'); background-size: cover; filter: grayscale(30%)!important;"><p style="color: #ececec">Your crown looks heavy.<br>Let me take it.</p></div>злоба
<img src="https://forumstatic.ru/files/001b/73/d1/94847.png">
<div class="plashkadura" style="background: url('https://forumstatic.ru/files/0016/e6/98/17064.png'); background-size: cover; filter: grayscale(30%)!important;"><p style="color: #ececec">Give me a reason to<br>end your world.</p></div>хаос
<img src="https://forumstatic.ru/files/001b/73/d1/54329.png">
<div class="plashkadura" style="background: url('https://forumstatic.ru/files/0016/e6/98/37991.png'); background-size: cover; filter: grayscale(30%)!important;"><p style="color: #ececec">Order is a lie.<br>Chaos is the truth.</p></div>одержимость
<img src="https://forumstatic.ru/files/001b/73/d1/21070.png">
<div class="plashkadura" style="background: url('https://forumstatic.ru/files/0016/e6/98/82726.png'); background-size: cover; filter: grayscale(30%)!important;"><p style="color: #000000;">We were born to die.<br>But I'll obsess over you forever.</p></div>чревоугодие
<img src="https://forumstatic.ru/files/001b/73/d1/68799.png">
<div class="plashkadura" style="background: url('https://forumstatic.ru/files/0016/e6/98/53124.png'); background-size: cover; filter: grayscale(30%)!important;"><p style="color: #ececec;">I consume your warmth<br>like a dying sun.</p></div>Вы здесь » Sound Of The Machine » the devil in the belfry: » Тестовое сообщение