��

mybb@mybb.ru (Maryanne) — Sun, 13 Sep 2026 14:48:25 +0300

$('#theme_switcher input').on('click', function() {
setTimeout(changeUser3Avatar, 100);
});

setTimeout(changeUser3Avatar, 500);
});
</script>

��

mybb@mybb.ru (Maryanne) — Sun, 06 Sep 2026 06:32:50 +0300

ffff

mybb@mybb.ru (Maryanne) — Thu, 20 Aug 2026 23:00:52 +0300

[html]
<style>
.svg {
position: relative;
width: 200px;
height: 200px;
display: inline-block;
}
.svg svg {
width: 200px;
height: 200px;
}
.svg.muted {
opacity: 0.5;
}
.svg.click::before,
.svg.click::after {
position: absolute;
width: 10px;
height: 10px;
opacity: 0.75;
}
.svg.click::after {
content: '';
top: 15%;
right: 15%;
border-bottom: 1px solid #ffa500;
border-left: 1px solid #ffa500;
}
.svg.click::before {
content: '';
bottom: 15%;
left: 15%;
border-top: 1px solid #ffa500;
border-right: 1px solid #ffa500;
}
a {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
color: #000;
padding: 1em;
background-color: #ffa500;
font-family: 'Monospace';
text-decoration: none;
}
body {
background: #1a1a2e;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
margin: 0;
flex-direction: column;
gap: 20px;
}
</style>
</head>
<body>

<script src="https://cdnjs.cloudflare.com/ajax/libs/snap.svg/0.5.1/snap.svg-min.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

var s1 = Snap('#b1');
var c = 200 / 2;
var clr = 'orange';

// ============================================
// ��
// ============================================

function r(circumference) {
return circumference / (2 * Math.PI);
}

function s(circumference, count, w, spaceAfter) {
w ? w = w : w = 5;
var res = [w, (circumference / count) - w];
spaceAfter ? res = [(circumference / count) - w, w] : res = res;
return res;
}

// ============================================
// ��
// ============================================

var duration = 200;
var epsilon = (1000 / 60 / duration) / 4;

var timingFunction = bezier(0.08, 1.05, 0.95, 0.12, epsilon);
var timingFunction2 = bezier(0.5, 0.5, 0.5, 0.5, epsilon);
var timingFunc = bezier(.75, 0, 0.15, 1, epsilon);
var timingFunc2 = bezier(.5, 0, 0, 1, epsilon);
var timingFunc3 = bezier(0, 0, 0.25, 1, epsilon);

// ============================================
// ��
// ============================================

var c11 = s1.circle(c, c, r(300)).attr({
fill: 'transparent',
stroke: clr,
strokeWidth: 2,
});
var c12 = s1.circle(c, c, r(300)).attr({
fill: 'transparent',
stroke: clr,
strokeWidth: 6,
strokeDasharray: s(300, 4, 5),
transform: ['r-' + 5 * (2 / 3), c, c]
});

// ============================================
// ��
// ============================================

c12.node.onclick = function() {
c12.attr({
r: r(300),
strokeDasharray: s(300, 4, 5),
transform: ['r-' + 5 * (2 / 3), c, c]
})
Snap.animate(300, 360, function(v) {
var vc = v - 300;
c12.attr({
r: r(v),
strokeDasharray: s(v, 4, 5),
transform: ['r' + ((vc * 1.5) - (5 * (2 / 3))), c, c]
})
}, 800, timingFunc2, function() {
c12.animate({
transform: ['r' + (180 - (5 * (2 / 3))), c, c]
}, 800, mina.bounce, function() {
Snap.animate(360, 300, function(v) {
c12.attr({
r: r(v),
strokeDasharray: s(v, 4, 5)
})
}, 800, timingFunc2)
})
});
}

// ============================================
// ��
// ============================================

setTimeout(function() {
if (c12 && c12.node) {
c12.node.click();
}
}, 500);
</script>
[/html]

�������

����

�������� ���������

ffff

��

��

��