240x330
Фоны профиля
Сообщений 1 страница 12 из 12
Поделиться22025-11-27 13:41:11
ориги:
ориги:
Поделиться32025-11-27 22:48:12
[html]
<div id="bgContainer"></div>
<script>
const allImages = ["https://upforme.ru/uploads/001c/1a/e7/2/850241.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/241268.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/126850.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/668412.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/481440.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/242453.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/590267.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/315165.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/240077.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/376667.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/491381.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/72497.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/604499.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/685815.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/314619.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/275492.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/888740.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/221937.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/761887.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/869408.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/726961.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/596835.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/838085.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/39398.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/507642.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/997698.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/767299.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/653892.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/168474.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/794456.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/858771.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/972872.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/542604.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/599330.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/499839.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/848178.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/777023.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/513687.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/277485.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/78036.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/697711.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/775638.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/970893.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/817336.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/194158.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/857487.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/186852.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/663815.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/384772.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/267989.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/343080.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/244107.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/829199.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/480559.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/357161.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/277492.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/35497.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/476996.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/807263.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/71135.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/960241.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/559851.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/197111.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/705770.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/918562.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/497366.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/563597.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/383523.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/839603.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/163274.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/230366.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/541007.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/759487.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/272305.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/917144.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/37654.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/162629.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/537609.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/285880.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/68225.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/82134.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/987039.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/332409.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/591447.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/658215.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/947033.jpg",
];
function labelStripe(className, nameCategory, src, index) {
return `<label class="${className}"><input type="radio" name="${nameCategory}" id="${src}" onchange="updateProfilePreview()"> <div class="bgDescr">${index+1}</div> <img src="${src}"> </label>`;
}
function fillBgs(allImages) {
document.getElementById('bgContainer').innerHTML = allImages
.map((bgImage, index) => labelStripe("profileBgLabel", "profileBg", bgImage, index)).join('');
}
// Вызываем функцию с массивом изображений
fillBgs(allImages);
// --------- post user profile update ------------
function updateProfilePreview() {
const bgForm = Array.from(document.getElementsByName('profileBg'))
.filter(element => element.checked)
.map(element => element.id)
.join('');
console.log(bgForm);
window.parent.postMessage({
eventName: 'profileDemo',
background: bgForm
}, "*");
}
</script>
<style>
.profileBgLabel {
margin: 5px 5px;
display: inline-block;
width: 150px;
border-radius: 5px;
padding: 5px;
background: rgb(255 255 255 / 17%);
}
.profileBgLabel img { border-radius: 3px; }
.profileBgLabel input { display: none; }
.profileBgLabel:has(input:checked) {
background: rgb(0 0 0 / 12%);
}
.bgDescr {
color: rgb(0 0 0 / 51%);
padding: 0px 0px 3px 0px;
}
div#bgContainer {
display: flex;
flex-wrap: wrap;
align-items: baseline;
}
label.profileBgLabel img {
width: 150px;
height: 30px;
object-fit: cover;
}
</style>
[/html]
Поделиться42025-11-29 22:53:30
3, 6, 7,9, 17, 20, 25, 37, 49, 55, 63, 67, 71
5, 12, 13, 14, 21, 23, 26, 35, 42, 45, 51, 70, 72
77 83
85
Поделиться52025-11-29 22:53:52
"https://upforme.ru/uploads/001c/1a/e7/2/850241.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/241268.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/126850.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/668412.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/481440.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/242453.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/590267.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/315165.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/240077.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/376667.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/491381.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/72497.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/604499.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/685815.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/314619.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/275492.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/888740.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/221937.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/761887.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/869408.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/726961.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/596835.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/838085.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/39398.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/507642.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/997698.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/767299.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/653892.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/168474.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/794456.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/858771.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/972872.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/542604.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/599330.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/499839.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/848178.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/777023.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/513687.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/277485.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/78036.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/697711.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/775638.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/970893.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/817336.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/194158.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/857487.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/186852.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/663815.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/384772.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/267989.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/343080.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/244107.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/829199.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/480559.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/357161.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/277492.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/35497.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/476996.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/807263.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/71135.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/960241.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/559851.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/197111.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/705770.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/918562.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/497366.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/563597.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/383523.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/839603.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/163274.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/230366.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/541007.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/759487.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/272305.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/917144.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/37654.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/162629.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/537609.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/285880.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/68225.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/82134.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/987039.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/332409.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/591447.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/658215.jpg",
"https://upforme.ru/uploads/001c/1a/e7/2/947033.jpg",
ориг лист
Поделиться62025-11-29 23:13:33
https://upforme.ru/uploads/001c/1a/e7/2/230366.jpg
https://upforme.ru/uploads/001c/1a/e7/2/507642.jpg
https://upforme.ru/uploads/001c/1a/e7/2/349017.jpg
https://upforme.ru/uploads/001c/1a/e7/2/925262.jpg
https://upforme.ru/uploads/001c/1a/e7/2/374638.jpg
https://upforme.ru/uploads/001c/1a/e7/2/149295.jpg
https://upforme.ru/uploads/001c/1a/e7/2/568936.jpg
https://upforme.ru/uploads/001c/1a/e7/2/973013.jpg
https://upforme.ru/uploads/001c/1a/e7/2/696285.jpg
https://upforme.ru/uploads/001c/1a/e7/2/360891.jpg
https://upforme.ru/uploads/001c/1a/e7/2/52573.jpg
https://upforme.ru/uploads/001c/1a/e7/2/611498.jpg
https://upforme.ru/uploads/001c/1a/e7/2/168761.jpg
https://upforme.ru/uploads/001c/1a/e7/2/310874.jpg
https://upforme.ru/uploads/001c/1a/e7/2/113410.jpg
https://upforme.ru/uploads/001c/1a/e7/2/706778.jpg
https://upforme.ru/uploads/001c/1a/e7/2/198391.jpg
https://upforme.ru/uploads/001c/1a/e7/2/348503.jpg
https://upforme.ru/uploads/001c/1a/e7/2/389340.jpg
https://upforme.ru/uploads/001c/1a/e7/2/586029.jpg
https://upforme.ru/uploads/001c/1a/e7/2/639562.jpg
https://upforme.ru/uploads/001c/1a/e7/2/763521.jpg
https://upforme.ru/uploads/001c/1a/e7/2/922780.jpg
https://upforme.ru/uploads/001c/1a/e7/2/688327.jpg
https://upforme.ru/uploads/001c/1a/e7/2/560316.jpg
https://upforme.ru/uploads/001c/1a/e7/2/626590.jpg
https://upforme.ru/uploads/001c/1a/e7/2/741459.jpg
https://upforme.ru/uploads/001c/1a/e7/2/791875.jpg
https://upforme.ru/uploads/001c/1a/e7/2/516359.jpg
Поделиться72025-12-15 12:51:15
[nick]тест[/nick][status]статус[/status][sign]подпись[/sign][customBg]https://upforme.ru/uploads/001c/1a/e7/2/586029.jpg[/customBg]
Поделиться82025-12-15 18:39:53
[custom-stripe]https://upforme.ru/uploads/001c/1a/e7/2/688327.jpg[/custom-stripe][nick]ник[/nick]
Поделиться92026-01-04 20:39:03
[dice=0-:5:сесть|~|лечь|~|спать|~|лежать|~|что-то еще]
Поделиться102026-01-09 15:11:33
Я тут подумала а может сделать шоб тык на плашку переходил на личную тему?А ещё может поставить код шоб можно было тыкать на ник гостя?_?
Поделиться112026-01-19 20:10:09
исходный текст
Поделиться122026-01-19 23:30:26
[html]<video autoplay loop muted playsinline style="width:50px; height:50px;"><source src="https://forumstatic.ru/files/001c/1a/e7/73456.webm" type="video/webm"></video>[/html]






