russian boi - uedu s toboi

Поделиться612024-11-20 00:40:48

Автор: highgrounder
Администратор
Зарегистрирован: 2020-01-24
Приглашений: 0
Сообщений: 378
Уважение: [+30/-0]
Позитив: [+22/-0]
Провел на форуме:
5 дней 3 часа
Последний визит:
2025-05-13 19:42:02

[html]<link href="https://fonts.googleapis.com/css?family=Gothic+A1|Roboto" rel="stylesheet">
<style>

#foolforyou {
width: 550px;
height: auto;
}

.ffyinbox {
height: 250px;
background: #eee;
width: 400px;
box-shadow: -2px 2px 5px #ccc;
margin: 15px;
border: 0px solid white;
outline: 5px solid #eee;
overflow: hidden;
margin-bottom: 5px;
}

.ffyicon {
width: 180px;
height: 180px;
border: 10px solid #eee;
box-shadow: 0 0 1pt 1pt #b3cad3;
box-shadow: 0 0 0 1pt #fff;
float: left;
margin: 15px;
}

.ffyicon img {
height: 180px;
width: 180px;
}

.ffytraittext {
height: 15px;
width: 450px;
padding: 10px;
margin-left: 10px;
padding-top: 15px;
font-family: 'Roboto', sans-serif;
font-size: 16px;
color: #558b99;
letter-spacing: 3px;
text-transform: uppercase;
text-align: left;
border-bottom: 1px solid white;
line-height: 80%;
}

.ffytraittext .ffytraittext2 {
font-size: 10px;
color: #aaa;
}

.ffytextbox {
height: 135px;
overflow: auto;
width:180px;
color: #aaa;
font-family: 'Gothic A1', sans-serif;
float: right;
text-align: justify;
margin-right: 15px;
margin-top: 10px;
font-size: 10px;
line-height: 100%;
padding-right: 5px;
}

.ffytextbox::-webkit-scrollbar {
width: 5px;
}

.ffytextbox::-webkit-scrollbar-track {
display: none;
}

.ffytextbox::-webkit-scrollbar-thumb {
background: #e1e1e1;
}

</style><center>
<div id="foolforyou">

<div class="ffyinbox"><div style="position:relative">
<div class="ffyicon"><img src="http://forumupload.ru/uploads/0018/1f/c9/8/132099.png"></div>
<div class="ffytraittext">Имя Фамилия<br>
<span class="ffytraittext2">дата</span>
</div>

<div class="ffytextbox">

jjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjj

</p>

</div></div></div>

</div>
<a href="http://wecode.jcink.net/index.php?showuser=4933" style="color:#ccc;font-size:7px;letter-spacing:7px;"></a>
</center>
[/html]

0

Поделиться622024-11-20 01:04:44

Автор: highgrounder
Администратор
Зарегистрирован: 2020-01-24
Приглашений: 0
Сообщений: 378
Уважение: [+30/-0]
Позитив: [+22/-0]
Провел на форуме:
5 дней 3 часа
Последний визит:
2025-05-13 19:42:02

111111111111

11111111111111

0

Поделиться632024-11-20 15:25:06

Автор: highgrounder
Администратор
Зарегистрирован: 2020-01-24
Приглашений: 0
Сообщений: 378
Уважение: [+30/-0]
Позитив: [+22/-0]
Провел на форуме:
5 дней 3 часа
Последний визит:
2025-05-13 19:42:02

[html]<style>
#slider {
margin: 0 auto;
width: 550px;
height: 520px;
max-width: 100%;
text-align: center;
}
#slider input[type=radio] {
display: none;
}
#slider label {
cursor:pointer;
text-decoration: none;
}
#slides {
padding: 0px;
border: 1px solid #ccc;
background: #fff;
position: relative;
z-index: 1;
}
#overflow {
width:100%;
overflow: hidden;
}
#slide1:checked ~ #slides .inner {
margin-left: 0;
}
#slide2:checked ~ #slides .inner {
margin-left: -100%;
}
#slide3:checked ~ #slides .inner {
margin-left: -200%;
}
#slide4:checked ~ #slides .inner {
margin-left: -300%;
}
#slides .inner {
transition: margin-left 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
width: 400%;
line-height: 0;
height: 420px;
}
#slides .slide {
width: 25%;
float:left;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
color: #fff;
}
#slides .slide_1 {
background: #ffffff;
}
#slides .slide_2 {
background: #ffffff;
}
#slides .slide_3 {
background: #ffffff;
}
#slides .slide_4 {
background: #ffffff;
}
#controls {
margin: -180px 0 0 0;
width: 100%;
height: 35px;
z-index: 3;
position: relative;
}
#controls label {
transition: opacity 0.2s ease-out;
display: none;
width: 50px;
height: 50px;
opacity: .4;
}
#controls label:hover {
opacity: 1;
}
#slide1:checked ~ #controls label:nth-child(2),
#slide2:checked ~ #controls label:nth-child(3),
#slide3:checked ~ #controls label:nth-child(4),
#slide4:checked ~ #controls label:nth-child(1) {
background: url(https://image.flaticon.com/icons/svg/130/130884.svg) no-repeat;
float:right;
margin: 0 -50px 0 0;
display: block;
}
#slide1:checked ~ #controls label:nth-last-child(2),
#slide2:checked ~ #controls label:nth-last-child(3),
#slide3:checked ~ #controls label:nth-last-child(4),
#slide4:checked ~ #controls label:nth-last-child(1) {
background: url(https://image.flaticon.com/icons/svg/130/130882.svg) no-repeat;
float:left;
margin: 0 0 0 -50px;
display: block;
}
#bullets {
margin: 150px 0 0;
text-align: center;
}
#bullets label {
display: inline-block;
width: 10px;
height: 10px;
border-radius:100%;
background: #ccc;
margin: 0 10px;
}
#slide1:checked ~ #bullets label:nth-child(1),
#slide2:checked ~ #bullets label:nth-child(2),
#slide3:checked ~ #bullets label:nth-child(3),
#slide4:checked ~ #bullets label:nth-child(4) {
background: #444;
}
@media screen and (max-width: 900px) {
#slide1:checked ~ #controls label:nth-child(2),
#slide2:checked ~ #controls label:nth-child(3),
#slide3:checked ~ #controls label:nth-child(4),
#slide4:checked ~ #controls label:nth-child(1),
#slide1:checked ~ #controls label:nth-last-child(2),
#slide2:checked ~ #controls label:nth-last-child(3),
#slide3:checked ~ #controls label:nth-last-child(4),
#slide4:checked ~ #controls label:nth-last-child(1) {
margin: 0;
}
#slides {
max-width: calc(100% - 140px);
margin: 0 auto;
}
}
</style>
<div id="slider">
<input type="radio" name="slider" id="slide1" checked>
<input type="radio" name="slider" id="slide2">
<input type="radio" name="slider" id="slide3">
<input type="radio" name="slider" id="slide4">
<div id="slides">
<div id="overflow">
<div class="inner">
<div class="slide slide_1">
<div class="slide-content">
<h2>Slide 1</h2>
<p><center><img src="http://forumupload.ru/uploads/0018/1f/c9/4/756415.png" alt="Italian Trulli"></center></p>
</div>
</div>
<div class="slide slide_2">
<div class="slide-content">
<h2>Slide 2</h2>
<p>Content for Slide 2</p>
</div>
</div>
<div class="slide slide_3">
<div class="slide-content">
<h2>Slide 3</h2>
<p>Content for Slide 3</p>
</div>
</div>
<div class="slide slide_4">
<div class="slide-content">
<h2>Slide 4</h2>
<p>Content for Slide 4</p>
</div>
</div>
</div>
</div>
</div>
<div id="controls">
<label for="slide1"></label>
<label for="slide2"></label>
<label for="slide3"></label>
<label for="slide4"></label>
</div>
<div id="bullets">
<label for="slide1"></label>
<label for="slide2"></label>
<label for="slide3"></label>
<label for="slide4"></label>
</div>
</div>[/html]

0

Поделиться642024-11-20 15:29:34

Автор: highgrounder
Администратор
Зарегистрирован: 2020-01-24
Приглашений: 0
Сообщений: 378
Уважение: [+30/-0]
Позитив: [+22/-0]
Провел на форуме:
5 дней 3 часа
Последний визит:
2025-05-13 19:42:02

[html]<link href="https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Cousine:400,400i,700,700i" rel="stylesheet">

<div class="pierrottindercontent">
<div class="pierrottindername"><b>Aleksandr,</b> 25</div>
<div class="pierrottinderdistance"><b>5 км от вас</b> был в сети 10 часов назад</div>

ENTP | Loves Cats | Swipe right???? lmao idk what to put here tbh. my tinder game suxx lmao!! jk but like jk not jk this has a min height of 500px but will extend forever..... idk maybe i'll add a scroll
</div>

</div>

<style>

.pierrottinder {
width:400px;
min-height:600px;
background:white;
border:1px solid silver;
margin:0 auto;
}

.pierrottindertitle {
padding:15px;
font-family: 'Lora', serif;
font-size:15px;
color:silver;
}
.profilepic {
width:400px;
height:400px;
background:url(http://forumupload.ru/uploads/0018/1f/c9/4/756415.png) center center;

}
.pierrottindercontent {
padding:15px;
font-family: 'Open Sans', sans-serif;
font-size:15px;
color: #888;
}
.pierrottindername { font-size:18px; color:black; }
.pierrottinderdistance { color:silver; font-size:12px; margin-bottom:10px; }
.pierrottinderdistance b { margin-right:5px; }
</style>
<input type="radio" name="pinsts" id="pinst1" checked>
<label for="pinst1">Главная </label>
<input type="radio" name="pinsts" id="pinst2">
<label for="pinst2">Предпочтения</label>
<input type="radio" name="pinsts" id="pinst3">
<label for="pinst3">Фото</label>
<bg1></bg1>

<div id="pinscont1"> ваши грязные секретики и не оч грязные, можно писать все от ориентации до ожиданий от игры (свидания, только поцелуи, интрижка и тд)

</div>

#foolforyou {
width: auto;
height: auto;
}

.ffyinbox {
height: 200px;
background: #eee;
width: 330px;
box-shadow: -2px 2px 5px #ccc;
margin: 15px;
border: 1px solid white;
outline: 5px solid #eee;
overflow: hidden;
margin-bottom: 5px;
}

.ffyicon {
width: 150px;
height: 150px;
border: 10px solid #eee;
box-shadow: 0 0 1pt 1pt #b3cad3;
box-shadow: 0 0 0 1pt #fff;
float: left;
margin: 15px;
}

.ffyicon img {
height: 150px;
width: 150px;
}

.ffytraittext {
height: 15px;
width: 300px;
padding: 10px;
margin-left: 10px;
padding-top: 15px;
font-family: 'Roboto', sans-serif;
font-size: 16px;
color: #558b99;
letter-spacing: 3px;
text-transform: uppercase;
text-align: left;
border-bottom: 1px solid white;
line-height: 80%;
}

.ffytraittext .ffytraittext2 {
font-size: 10px;
color: #aaa;
}
.ffytextbox {
height: 135px;
overflow: 100px;
width:300px;
color: #aaa;
font-family: 'Gothic A1', sans-serif;
float: right;
text-align: justify;
margin-right: 15px;
margin-top: 10px;
font-size: 10px;
line-height: 100%;
padding-right: 5px;
}

</style><center>
<div id="foolforyou">

<div class="ffyinbox"><div style="position:relative">
<div class="ffyicon"><img src="http://forumupload.ru/uploads/0018/1f/c9/8/132099.png"></div>
<div class="ffytraittext">Имя Фамилия<br>
<span class="ffytraittext2">дата</span>
<div class="ffytextbox">

описаниhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh

</div>
</div>
</div></div>

</div>
<a href="http://wecode.jcink.net/index.php?showuser=4933" style="color:#ccc;font-size:7px;letter-spacing:7px;"></a>
</center>
</div>

<a href="http://wecode.jcink.net/index.php?showuser=4918"><div style="width: 420px; margin: 10px auto; text-align: right; font-size: 8px; font-family: arial; text-transform: uppercase; color: #aaa;">liv's codes</div></a>
<style>#pins {height: 617px; width: 500px; border: 1px solid #192520; outline: 1px solid #C27489; outline-offset: 10px; margin: 20px auto; position: relative; background: #FF7158}
#pins bg {position: absolute; bottom: 0; right: 0; background-size: cover; height: 617px; width: 450px; filter: grayscale(100%)}
#pins sc1 {background: #C27489; position: absolute; bottom: 0; right: 0; height: 617px; width: 450px; mix-blend-mode: darken;}
#pins h1 {font-family: poppins; text-transform: uppercase; color: #192520; position: absolute; left: 50px; font-size: 20px; height: 0; line-height:65px; letter-spacing: 1px;}
#pinst1+label, #pinst2+label, #pinst3+label, #pinst4+label, #pinst5+label {font-family: poppins; position: absolute; text-transform: uppercase; font-weight: 700; font-size: 12px; letter-spacing: 1px; color: #192520; transform: rotate(-90deg); height: 30px; line-height: 30px; width: 50px; cursor: crosshair; }
#pins input {display: none;}
#pinst1+label {top: 70px}
#pinst2+label {top: 215px}
#pinst3+label {top: 285px}
#pinst1:checked+label, #pinst2:checked+label, #pinst3:checked+label, #pinst4:checked+label, #pinst5:checked+label {color: #C27489; font-style: italic; font-weight: 900; }
#pins bg1 {background: rgba(0,0,0,0.5); height: 600px; width: 400px; opacity: 0; position: absolute; bottom: 0; right: 0; transition: 0.4s ease}
#pinst1:checked+label ~ bg1 {opacity: 0}
#pinscont1, #pinscont2, #pinscont3, #pinscont4 {height: 617px; width: 400px; background: #ffffff; box-sizing: border-box; position: absolute; bottom: 0px; right: 50px; border-width: 20px 15px 20px 20px; border-color: #ffffff; border-style: solid; padding-right: 5px; font-family: cousine; color: ; font-size: 10px; line-height: 1.6; text-align: justify; overflow: auto; transition: 0.5s ease; opacity: 0}
#pinst2:checked+label ~ #pinscont1 {opacity: 1; z-index: 5}
#pinst3:checked+label ~ #pinscont2 {opacity: 1; z-index: 5}

#pins b {font-family: poppins; color: #C27489; font-size: 14px}
#pinst1:checked+label:before, #pinst2:checked+label:before, #pinst3:checked+label:before, #pinst4:checked+label:before, #pinst5:checked+label:before {height: 10px; width: 1px; background: #C27489; content: ""; display: block; position: absolute; top: -10px}
#pinst1:checked+label:before {left: 20px}
#pinst2:checked+label:before, #pinst3:checked+label:before, #pinst5:checked+label:before {left: 25px}
#pinst4:checked+label:before {left: 30px}
#pins h2 {font-family: poppins; color: #C27489; text-transform: uppercase; font-weight: 700; margin: 0px 0px 10px 0px}
#pinscont1::-webkit-scrollbar, #pinscont2::-webkit-scrollbar, #pinscont3::-webkit-scrollbar, #pinscont4::-webkit-scrollbar {width: 5px}
#pinscont1::-webkit-scrollbar-thumb, #pinscont2::-webkit-scrollbar-thumb, #pinscont3::-webkit-scrollbar-thumb, #pinscont4::-webkit-scrollbar-thumb {background: #C27489; border: 2px solid #eee}
#pinscont1::-webkit-scrollbar-track, #pinscont2::-webkit-scrollbar-track, #pinscont3::-webkit-scrollbar-track, #pinscont4::-webkit-scrollbar-track {background: #eee!important; border: none!important}
</style>[/html]

0

Поделиться652024-11-20 18:10:02

Автор: highgrounder
Администратор
Зарегистрирован: 2020-01-24
Приглашений: 0
Сообщений: 378
Уважение: [+30/-0]
Позитив: [+22/-0]
Провел на форуме:
5 дней 3 часа
Последний визит:
2025-05-13 19:42:02

[html]<link href="https://fonts.googleapis.com/css?family=Lora" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<script src="https://use.fontawesome.com/6bccbdfdd9.js"></script>

<input type="radio" name="slides" id="slide2">
<figure>
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/327776.png">

<label for="slide1" class="last">◄</label>
<label for="slide3" class="next">►</label>
</figure>

<input type="radio" name="slides" id="slide3">
<figure>
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/674697.png">
<label for="slide2" class="last">◄</label>
</figure>
</div>
<div class="pierrottindercontent">
<div class="pierrottindername"><b>Aleksandr,</b> 25</div>
<div class="pierrottinderdistance"><b>5 км от вас</b> Active 10 hours ago</div>

ENTP | Loves Cats | Swipe right???? lmao idk what to put here tbh. my tinder game suxx lmao!! jk but like jk not jk this has a min height of 500px but will extend forever..... idk maybe i'll add a scroll
</div>

</div>

<style>

.pierrottinder {
width:400px;
min-height:600px;
background:white;
border:1px solid silver;
margin:0 auto;
}

.pierrottindertitle {
padding:15px;
font-family: 'Lora', serif;
font-size:15px;
color:silver;
}
.profilepic {
width:0px;
height:0px;
background:
}
.pierrottindercontent {
padding:15px;
font-family: 'Open Sans', sans-serif;
font-size:15px;
color: #888;
}
.pierrottindername { font-size:18px; color:black; }
.pierrottinderdistance { color:silver; font-size:12px; margin-bottom:10px; }
.pierrottinderdistance b { margin-right:5px; }
}
/* (PART A) SHOW SELECTED SLIDE ONLY */
.slides input[type="radio"] { display: none; }
.slides figure {
visibility: hidden; opacity: 0;
transition: all 0.5s;
}
.slides input[type="radio"]:checked + figure {
visibility: visible; opacity: 1;
}
.slides {
position: relative;
max-width: 400px; height: 400px;
}
.slides img, .slides figcaption, .slides label {
position: absolute;
}
.slides label, .slides figcaption {
color: #fff; background: rgba(0, 0, 0, 0.7);
}

/* (PART C) SLIDE IMAGES */
.slides img {
top: 0; left: 0;
width: 100%; height: 100%; object-fit: cover;
}

/* (PART D) SLIDE CAPTION */
.slides figcaption {
bottom: 0; left: 0;
width: 100%; padding: 10px; text-align: center;
}

/* (PART E) LAST & NEXT BUTTONS */
.slides label {
top: 50%; transform: translateY(-50%);
display: flex; align-items: center; justify-content: center;
width: 20px; height: 20px; border-radius: 50%;
font-size: 1.5em; cursor: pointer;
}
.slides label.last { left: 5px; }
.slides label.next { right: 5px; }
</style>[/html]

0

Поделиться662024-11-20 18:13:41

Автор: highgrounder
Администратор
Зарегистрирован: 2020-01-24
Приглашений: 0
Сообщений: 378
Уважение: [+30/-0]
Позитив: [+22/-0]
Провел на форуме:
5 дней 3 часа
Последний визит:
2025-05-13 19:42:02

[html]<link href="https://fonts.googleapis.com/css?family=Lora" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<script src="https://use.fontawesome.com/6bccbdfdd9.js"></script>

<div class="profilepic">
</div></a>
<div id="slider">
<input type="radio" name="slider" class="slide1" checked>
<input type="radio" name="slider" class="slide2">
<input type="radio" name="slider" class="slide3">
<input type="radio" name="slider" class="slide4">
<div id="slides">
<div id="overflow">
<div class="inner">
<div class="slide slide_1">
<div class="slide-content">
<h2>Slide 1</h2>
<p><center><img src="http://forumupload.ru/uploads/0018/1f/c9/4/756415.png" alt="Italian Trulli"></center></p>
</div>
</div>
<div class="slide slide_2">
<div class="slide-content">
<h2>Slide 2</h2>
<p>Content for Slide 2</p>
</div>
</div>
<div class="slide slide_3">
<div class="slide-content">
<h2>Slide 3</h2>
<p>Content for Slide 3</p>
</div>
</div>
<div class="slide slide_4">
<div class="slide-content">
<h2>Slide 4</h2>
<p>Content for Slide 4</p>
</div>
</div>
</div>
</div>
</div>
<div id="controls">
<label for="slide1"></label>
<label for="slide2"></label>
<label for="slide3"></label>
<label for="slide4"></label>
</div>
<div id="bullets">
<label for="slide1"></label>
<label for="slide2"></label>
<label for="slide3"></label>
<label for="slide4"></label>
</div>
</div>
<div class="pierrottindercontent">
<div class="pierrottindername"><b>Aleksandr,</b> 25</div>
<div class="pierrottinderdistance"><b>5 км от вас</b> Active 10 hours ago</div>

ENTP | Loves Cats | Swipe right???? lmao idk what to put here tbh. my tinder game suxx lmao!! jk but like jk not jk this has a min height of 500px but will extend forever..... idk maybe i'll add a scroll
</div>

</div>

<style>

.pierrottinder {
width:400px;
min-height:600px;
background:white;
border:1px solid silver;
margin:0 auto;
}

.pierrottindertitle {
padding:15px;
font-family: 'Lora', serif;
font-size:15px;
color:silver;
}
.profilepic {
width:0px;
height:0px;
background:center center;
}
.pierrottindercontent {
padding:15px;
font-family: 'Open Sans', sans-serif;
font-size:15px;
color: #888;
}
.pierrottindername { font-size:18px; color:black; }
.pierrottinderdistance { color:silver; font-size:12px; margin-bottom:10px; }
.pierrottinderdistance b { margin-right:5px; }
#slider {
margin: 0 auto;
width: 550px;
height: 520px;
max-width: 100%;
text-align: center;
}
#slider input[type=radio] {
display: none;
}
#slider label {
cursor:pointer;
text-decoration: none;
}
#slides {
padding: 0px;
border: 1px solid #ccc;
background: #fff;
position: relative;
z-index: 1;
}
#overflow {
width:100%;
overflow: hidden;
}
#slide1:checked ~ #slides .inner {
margin-left: 0;
}
#slide2:checked ~ #slides .inner {
margin-left: -100%;
}
#slide3:checked ~ #slides .inner {
margin-left: -200%;
}
#slide4:checked ~ #slides .inner {
margin-left: -300%;
}
#slides .inner {
transition: margin-left 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
width: 400%;
line-height: 0;
height: 420px;
}
#slides .slide {
width: 25%;
float:left;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
color: #fff;
}
#slides .slide_1 {
background: #ffffff;
}
#slides .slide_2 {
background: #ffffff;
}
#slides .slide_3 {
background: #ffffff;
}
#slides .slide_4 {
background: #ffffff;
}
#controls {
margin: -180px 0 0 0;
width: 100%;
height: 35px;
z-index: 3;
position: relative;
}
#controls label {
transition: opacity 0.2s ease-out;
display: none;
width: 50px;
height: 50px;
opacity: .4;
}
#controls label:hover {
opacity: 1;
}
#slide1:checked ~ #controls label:nth-child(2),
#slide2:checked ~ #controls label:nth-child(3),
#slide3:checked ~ #controls label:nth-child(4),
#slide4:checked ~ #controls label:nth-child(1) {
background: url(https://image.flaticon.com/icons/svg/130/130884.svg) no-repeat;
float:right;
margin: 0 -50px 0 0;
display: block;
}
#slide1:checked ~ #controls label:nth-last-child(2),
#slide2:checked ~ #controls label:nth-last-child(3),
#slide3:checked ~ #controls label:nth-last-child(4),
#slide4:checked ~ #controls label:nth-last-child(1) {
background: url(https://image.flaticon.com/icons/svg/130/130882.svg) no-repeat;
float:left;
margin: 0 0 0 -50px;
display: block;
}
#bullets {
margin: 150px 0 0;
text-align: center;
}
#bullets label {
display: inline-block;
width: 10px;
height: 10px;
border-radius:100%;
background: #ccc;
margin: 0 10px;
}
#slide1:checked ~ #bullets label:nth-child(1),
#slide2:checked ~ #bullets label:nth-child(2),
#slide3:checked ~ #bullets label:nth-child(3),
#slide4:checked ~ #bullets label:nth-child(4) {
background: #444;
}
@media screen and (max-width: 900px) {
#slide1:checked ~ #controls label:nth-child(2),
#slide2:checked ~ #controls label:nth-child(3),
#slide3:checked ~ #controls label:nth-child(4),
#slide4:checked ~ #controls label:nth-child(1),
#slide1:checked ~ #controls label:nth-last-child(2),
#slide2:checked ~ #controls label:nth-last-child(3),
#slide3:checked ~ #controls label:nth-last-child(4),
#slide4:checked ~ #controls label:nth-last-child(1) {
margin: 0;
}
#slides {
max-width: calc(100% - 140px);
margin: 0 auto;
}
}</style>[/html]

0

Поделиться672024-11-20 18:31:49

Автор: highgrounder
Администратор
Зарегистрирован: 2020-01-24
Приглашений: 0
Сообщений: 378
Уважение: [+30/-0]
Позитив: [+22/-0]
Провел на форуме:
5 дней 3 часа
Последний визит:
2025-05-13 19:42:02

[html]<div class="slides">

<input type="radio" name="slides" id="slide1" checked>
<figure>
<img src="https://forumupload.ru/uploads/0018/1f/c9/4/346639.jpg">

<label for="slide2" class="next"></label>
</figure>

<input type="radio" name="slides" id="slide2">
<figure>
<img src="https://forumupload.ru/uploads/0018/1f/c9/4/364777.webp
">

<label for="slide1" class="last"></label>
<label for="slide3" class="next"></label>
</figure>

<input type="radio" name="slides" id="slide3">
<figure>
<img src="slide-3.webp">
<figcaption>Canned Coffee</figcaption>
<label for="slide2" class="last"></label>
</figure>
</div>
<style>
/* (PART A) SHOW SELECTED SLIDE ONLY */
.slides input[type="radio"] { display: none; }
.slides figure {
visibility: hidden; opacity: 0;
transition: all 0.5s;
}
.slides input[type="radio"]:checked + figure {
visibility: visible; opacity: 1;
}
.slides {
position: relative;
max-width: 400px; height: 400px;
}
.slides img, .slides figcaption, .slides label {
position: absolute;
}
.slides label, .slides figcaption {
color: #fff; background: rgba(0, 0, 0, 0.7);
}

/* (PART C) SLIDE IMAGES */
.slides img {
top: 0; left: 0;
width: 100%; height: 100%; object-fit: cover;
}

/* (PART D) SLIDE CAPTION */
.slides figcaption {
bottom: 0; left: 0;
width: 100%; padding: 10px; text-align: center;
}

/* (PART E) LAST & NEXT BUTTONS */
.slides label {
top: 50%; transform: translateY(-50%);
display: flex; align-items: center; justify-content: center;
width: 20px; height: 20px; border-radius: 50%;
font-size: 1.5em; cursor: pointer;
}
.slides label.last { left: 5px; }
.slides label.next { right: 5px; }
</style>[/html]

0

Поделиться682024-11-20 19:40:29

Автор: highgrounder
Администратор
Зарегистрирован: 2020-01-24
Приглашений: 0
Сообщений: 378
Уважение: [+30/-0]
Позитив: [+22/-0]
Провел на форуме:
5 дней 3 часа
Последний визит:
2025-05-13 19:42:02

[html]<link href="https://fonts.googleapis.com/css?family=Lora" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<script src="https://use.fontawesome.com/6bccbdfdd9.js"></script>

.pierrottindertitle {
padding: 15px;
font-family: 'Lora', serif;
font-size: 15px;
color: silver;
}

.profilepic {
width: 400px;
height: 400px;
background: url(http://forumupload.ru/uploads/0018/1f/c9/4/756415.png) center center;
}

.pierrottindercontent {
padding: 15px;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
color: #888;
}

.pierrottindername {
font-size: 18px;
color: black;
}

.pierrottinderdistance {
color: silver;
font-size: 12px;
margin-bottom: 10px;
}

.pierrottinderdistance b {
margin-right: 5px;
}

#slider {
margin: 0 auto;
width: 550px;
max-width: 100%;
text-align: center;
}

#slider input[type=radio] {
display: none;
}

#slider label {
cursor: pointer;
text-decoration: none;
}

#slides {
padding: 0px;
background: #fff;
position: relative;
z-index: 1;
}

#overflow {
width: 100%;
overflow: hidden;
}

#slide1:checked~#slides .inner {
margin-left: 0;
}

#slide2:checked~#slides .inner {
margin-left: -100%;
}

#slide3:checked~#slides .inner {
margin-left: -200%;
}

#slide4:checked~#slides .inner {
margin-left: -300%;
}

#slides .inner {
transition: margin-left 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
width: 400%;
line-height: 0;
}

#slides .slide {
width: 25%;
float: left;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
}

#slides .slide_1 {
background: #ffffff;
}

#slides .slide_2 {
background: #ffffff;
}

#slides .slide_3 {
background: #ffffff;
}

#slides .slide_4 {
background: #ffffff;
}

#controls {
margin: -180px 0 0 0;
width: 100%;
height: 35px;
z-index: 3;
position: relative;
}

#controls label {
transition: opacity 0.2s ease-out;
display: none;
width: 50px;
height: 50px;
opacity: .4;
}

#controls label:hover {
opacity: 1;
}

#slide1:checked~#controls label:nth-child(2),
#slide2:checked~#controls label:nth-child(3),
#slide3:checked~#controls label:nth-child(4),
#slide4:checked~#controls label:nth-child(1) {
background: url(https://image.flaticon.com/icons/svg/130/130884.svg) no-repeat;
float: right;
margin: 0 -50px 0 0;
display: block;
}

#slide1:checked~#controls label:nth-last-child(2),
#slide2:checked~#controls label:nth-last-child(3),
#slide3:checked~#controls label:nth-last-child(4),
#slide4:checked~#controls label:nth-last-child(1) {
background: url(https://image.flaticon.com/icons/svg/130/130882.svg) no-repeat;
float: left;
margin: 0 0 0 -50px;
display: block;
}

#bullets {
margin: 150px 0 0;
text-align: center;
}

#bullets label {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 100%;
background: #ccc;
margin: 0 10px;
}

#slide1:checked~#bullets label:nth-child(1),
#slide2:checked~#bullets label:nth-child(2),
#slide3:checked~#bullets label:nth-child(3),
#slide4:checked~#bullets label:nth-child(4) {
background: #444;
}

</style>

<div class="pierrottinder">
<div
class="pierrottindertitle">
<i class="fa fa-angle-left" aria-hidden="true"></i>
Park Sora
<span style="float:right;font-size:14px;">
<i class="fa fa-times fa-fw" aria-hidden="true" style="font-size:20px; color:rgb(255, 108, 76);"></i>
<i class="fa fa-heart fa-fw" aria-hidden="true" style="font-size:16px; color:rgb(110, 227, 90);"></i>
</span>
</div>
<div id="slider">
<input type="radio" name="slider" id="slide1" checked>
<input type="radio" name="slider" id="slide2">
<input type="radio" name="slider" id="slide3">
<input type="radio" name="slider" id="slide4">
<div id="slides">
<div id="overflow">
<div class="inner">
<div class="slide slide_1">
<div class="slide-content">
<div>
<center>
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/756415.png" alt="Italian Trulli">
</center>
</div>
</div>
</div>
<div class="slide slide_2">
<div class="slide-content">
<div>
<center>
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/756415.png" alt="Italian Trulli">
</center>
</div>
</div>
</div>
<div class="slide slide_3">
<div class="slide-content">
<div>
<center>
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/756415.png" alt="Italian Trulli">
</center>
</div>
</div>
</div>
<div class="slide slide_4">
<div class="slide-content">
<div>
<center>
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/756415.png" alt="Italian Trulli">
</center>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="controls">
<label for="slide1"></label>
<label for="slide2"></label>
<label for="slide3"></label>
<label for="slide4"></label>
</div>
<div id="bullets">
<label for="slide1"></label>
<label for="slide2"></label>
<label for="slide3"></label>
<label for="slide4"></label>
</div>
</div>
<div class="pierrottindercontent">
<div class="pierrottindername"><b>Aleksandr,</b> 25</div>
<div class="pierrottinderdistance"><b>5 км от вас</b> Active 10 hours ago</div>
ENTP | Loves Cats | Swipe right???? lmao idk what to put here tbh. my tinder game suxx lmao!! jk but like jk not jk this has a min height of 500px but will extend forever..... idk maybe i'll add a scroll
</div>
</div>[/html]

0

Поделиться692024-11-22 15:59:41

Автор: highgrounder
Администратор
Зарегистрирован: 2020-01-24
Приглашений: 0
Сообщений: 378
Уважение: [+30/-0]
Позитив: [+22/-0]
Провел на форуме:
5 дней 3 часа
Последний визит:
2025-05-13 19:42:02

[html]<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900" rel="stylesheet">
<link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
<style>
.ewsocial {
height: 970px;
width: 650px;
position: relative;
background: #fafafa;
border: 2px solid #eee;
border-radius: 20px;
margin: 20px auto 0px;
}

.ewinbox {
position: absolute;
height: 940px;
width: 620px;
border: 1px solid #e9e9e9;
top: 14px;
left: 14px;
border-radius: 15px;
background: white;
}

.ewicon {
position: absolute;
height: 100px;
width: 100px;
border-radius: 100%;
border: 10px solid #fafafa;
background-size: cover;
box-shadow: 0 0 1pt 1pt #eee;
box-shadow: 0 0 0 1pt #eee;
top: 20px;
left:20px;
}

.ewname {
position: absolute;
width: 600px;
font-family: roboto;
color: #262626;
font-size: 23px;
top: 50px;
left: 180px;
line-height: 100%;
letter-spacing: 0.5px;
font-weight:500;
}

.eweditbutton {
font-size: 13px;
background: #fafafa;
padding: 3px;
border-radius: 3px;
border: 1px solid #eee;
margin: 0px 5px;
font-weight: 300;
position: relative;
top: -3px;
}

.ewlinestuff {
width: 300px;
font-size: 15px;
top: 82px;
position: absolute;
left: 170px;
font-family: roboto;
color: #262626;
line-height: 140%;
}

.ewsocial num {
font-weight: 700;
margin-left: 10px;
}

.ewsocial name {
font-weight: 700;
margin-right: 5px;
display: block;
}

.ewinfo {
height: 50px;
width: 300px;
left: 180px;
position: absolute;
width: 200px;
top: 105px;
font-family: roboto;
font-weight: 300;
font-size: 14px;
line-height: 140%;
}

.ewimgbox {
position: absolute;
width: 580px;
height: 800px;
border-top: 1px solid rgba(0,0,0,0.1);
top: 150px;
left: 40px;
overflow: auto;
display: flex;
align-items: flex-start;
justify-content: space-around;
flex-wrap: wrap;
padding-bottom: 40px;
}

.ewsocial hover {
position: absolute;
padding: 25px 0px;
width: 100px;
height: 50px;
background: rgba(0,0,0,0.8);
top: 10px;
left: 0px;
font-size: 10px;
color: #fafafa;
text-align: center;
font-family: roboto;
font-weight: 700;
line-height: 200%;
opacity: 0;
z-index: 1;
transition: 0.3s;
border-radius: 4px;
}

.ewblocker {
height:0px;
width:100px;
display: block;
position: relative;
}

.ewsocial hover:hover {
opacity: 1;
}

.ewimgbox img {
height:100px;
width:100px;
object-fit: cover;
position: absolute;
top: 10px;
border-radius: 4px;
}

.ewsocial heart {
margin-right: 5px;
}

.ewsocial ::-webkit-scrollbar{display: none;}

</style>
<div class="ewsocial"><div class="ewinbox"></div>

<div class="ewblocker">
<img src="ANY IMAGE">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="ANY IMAGE">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="ANY IMAGE">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="ANY IMAGE">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="ANY IMAGE">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="ANY IMAGE">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="ANY IMAGE">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="ANY IMAGE">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="ANY IMAGE">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="ANY IMAGE">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="ANY IMAGE">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="ANY IMAGE">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="ANY IMAGE">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="ANY IMAGE">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="ANY IMAGE">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="ANY IMAGE">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="ANY IMAGE">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="ANY IMAGE">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="ANY IMAGE">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="ANY IMAGE">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="ANY IMAGE">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="ANY IMAGE">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="ANY IMAGE">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="ANY IMAGE">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="ANY IMAGE">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="ANY IMAGE">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="ANY IMAGE">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
</div>
</div><center><a href="http://wecode.jcink.net/index.php?showuser=4933" style="color:#ccc;font-size:7px;letter-spacing:5px;">MONTY</a></center>[/html]

0

Поделиться702024-11-22 18:43:41

Автор: highgrounder
Администратор
Зарегистрирован: 2020-01-24
Приглашений: 0
Сообщений: 378
Уважение: [+30/-0]
Позитив: [+22/-0]
Провел на форуме:
5 дней 3 часа
Последний визит:
2025-05-13 19:42:02

[html]
<div class="tinder_block">
<div class="tinder_container">

<div class="tinder_ava" style="background: url(ссылка на изображение без кавычек) center center /cover;"></div>
<div class="tinder_icon">
<a href="ссылка на то что ты не любишь" title="то что не люблю"><div class="th-cross-3-o"></div></a>
<a href="ссылка на твой лучший пост или тему" title="моё лучшее творение"><div class="th-star-o"></div></a>
<a href="ссылка на то, что нравится" title="то, что обожаю"><div class="th-heart-1-o"></div></a>
</div>
<div class="tinder_name">Lorem ipsum</div>
<div class="tinder_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do</div>

</div>
</div>
<style>
@import url(//solrainha.github.io/honeybee/honeybee.css);
:root {
--main-font: montserrat, arial, sans-serif; /* шрифт */
--tinder-bg: rgb(253, 253, 253); /* фон блока */
--tinder-btn: rgb(62, 107, 121); /* цвет кнопок */
--tinder-btn-hvr: rgb(234, 107, 107); /* цвет кнопки при наведении */
--tinder-url: rgb(255, 255, 255); /* цвет ссылок */
--tinder-url-hvr: rgb(212, 245, 255); /* цвет ссылок при наведении */
}

.tinder_container { width: 335px; height: 100%; min-height: 500px; margin: 0 auto; background: var(--tinder-bg); border-radius: 25px; padding: 40px; }
.tinder_ava { width: 335px; height: 335px; margin: 0 auto; border-radius: 25px; }
.tinder_icon { width: 310px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin: -29px auto auto auto; }
.tinder_icon a { border-radius: 100%; color: var(--tinder-url); background: var(--tinder-btn); width: 60px; height: 60px; font-size: 30px; text-align: center; display: flex; justify-content: center; align-items: center; }
.tinder_icon .th-cross-3-o { font-size: 22px; }
.tinder_icon a:hover { color: var(--tinder-url-hvr); background: var(--tinder-btn-hvr); }
.tinder_name { text-align: justify; font: 700 normal 28px/20px var(--main-font); color: var(--main-text); padding: 20px 0px 0px 0px;}
.tinder_text { text-align: justify; font: 500 normal 14px/16px var(--main-font); margin: 0 auto; padding: 20px 0px; }
.tinder_button { width: 335px; height: 50px; margin: 0 auto;}
.tinder_button a { color: var(--tinder-url); font: 700 normal 18px/18px var(--main-font); text-align: center; padding: 16px 0px; border-radius: 10px; background: var(--tinder-btn); color: var(--tinder-url); width: 100%; display: block;}
.tinder_button a:hover { color: var(--tinder-url-hvr); background: var(--tinder-btn-hvr);}
.tinder_block a { transition: all .5s ease-in-out 0s; -webkit-transition: all .5s ease-in-out 0s; -khtml-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; }
</style>
[/html]

0

Поделиться712024-11-22 20:15:40

Автор: highgrounder
Администратор
Зарегистрирован: 2020-01-24
Приглашений: 0
Сообщений: 378
Уважение: [+30/-0]
Позитив: [+22/-0]
Провел на форуме:
5 дней 3 часа
Последний визит:
2025-05-13 19:42:02

[html]
<body>

<div id='heart' class='button'></div>

</body>
<style>
html{
padding:0;
margin: 0;
min-height:100%;
}
body{
background: #111;
position:relative;
min-height:100%;
}
.button{
width: 50px;
height: 50px;
top:50%;
position: fixed;
left: 50%;
margin-top: -45px;
margin-left: -50px;
border-radius: 5px;
background: none;
cursor: pointer;
transition: background 0.5s ease;
}
.button:hover{

}
.active#heart:before,.active#heart:after{
background: red !important;
}
#heart {
width: 100px;
height: 90px;
transition: background 0.5s ease;
}
#heart:before,
#heart:after {
transition: background 0.5s ease;
position: absolute;
content: "";
left: 50px;
top: 0;
width: 50px;
height: 80px;
background: dimgrey;
border-radius: 50px 50px 0 0;
transform: rotate(-45deg);
transform-origin: 0 100%;
}
#heart:after {
left: 0;
transform: rotate(45deg);
transform-origin :100% 100%;
}
<style>
$( document ).ready(function() {
var scaleCurve = mojs.easing.path('M0,100 L25,99.9999983 C26.2328835,75.0708847 19.7847843,0 100,0');
var el = document.querySelector('.button'),
// mo.js timeline obj
timeline = new mojs.Timeline(),

// tweens for the animation:

// burst animation
tween1 = new mojs.Burst({
parent: el,
radius: { 0: 100 },
angle: { 0: 45 },
y: -10,
count: 10,
radius: 100,
children: {
shape: 'circle',
radius: 30,
fill: [ 'red', 'white' ],
strokeWidth: 15,
duration: 500,
}
});

tween2 = new mojs.Tween({
duration : 900,
onUpdate: function(progress) {
var scaleProgress = scaleCurve(progress);
el.style.WebkitTransform = el.style.transform = 'scale3d(' + scaleProgress + ',' + scaleProgress + ',1)';
}
});
tween3 = new mojs.Burst({
parent: el,
radius: { 0: 100 },
angle: { 0: -45 },
y: -10,
count: 10,
radius: 125,
children: {
shape: 'circle',
radius: 30,
fill: [ 'white', 'red' ],
strokeWidth: 15,
duration: 400,
}
});

// add tweens to timeline:
timeline.add(tween1, tween2, tween3);

// when clicking the button start the timeline/animation:
$( ".button" ).click(function() {
if ($(this).hasClass('active')){
$(this).removeClass('active');
}else{
timeline.play();
$(this).addClass('active');
}
});

});
[/html]

0

Поделиться722024-11-22 20:21:17

Автор: highgrounder
Администратор
Зарегистрирован: 2020-01-24
Приглашений: 0
Сообщений: 378
Уважение: [+30/-0]
Позитив: [+22/-0]
Провел на форуме:
5 дней 3 часа
Последний визит:
2025-05-13 19:42:02

[html] <html lang="en">
<head>
<title>Network</title>
<script src="" crossorigin="anonymous"></script>
<script src="{% static 'network/functions.js' %}"></script>
</head>
<body>
<div class="h_container">
<i id="heart" class="far fa-heart"></i>
</div>
<style>
.h_container{
border-radius: 20px;
display: inline-block;
width:35px;
height:35px;
text-align:center;
line-height:45px;
background-image: linear-gradient(to right, #fd287c, #ff7654);

}
#heart{
font-size: 25px;
}
#heart:hover{
color:red;
}
</style>[/html]

0

Поделиться732024-11-22 20:35:29

Автор: highgrounder
Администратор
Зарегистрирован: 2020-01-24
Приглашений: 0
Сообщений: 378
Уважение: [+30/-0]
Позитив: [+22/-0]
Провел на форуме:
5 дней 3 часа
Последний визит:
2025-05-13 19:42:02

[html]<button title="Click to Show/Hide Content" type="button" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}">Show/Hide</button>
<div id="spoiler" style="display:none">
ADD YOUR HIDDEN CONTENT HERE
</div>[/html]

0

Поделиться742024-11-22 20:37:58

Автор: highgrounder
Администратор
Зарегистрирован: 2020-01-24
Приглашений: 0
Сообщений: 378
Уважение: [+30/-0]
Позитив: [+22/-0]
Провел на форуме:
5 дней 3 часа
Последний визит:
2025-05-13 19:42:02

[html]<style type="text/css">
.spoilerbutton {display:block; border:none; padding: 0px 0px; margin:10px 0px; font-size:150%; font-weight: bold; color:#000000; background-color:transparent; outline:0;
}
.spoiler {overflow:hidden;}
.spoiler > div {-webkit-transition: all 0s ease;-moz-transition: margin 0s ease;-o-transition: all 0s ease;transition: margin 0s ease;}
.spoilerbutton[value="Show Solution"] + .spoiler > div {margin-top:-500%;}
.spoilerbutton[value="Hide SolutionSolution"] + .spoiler {padding:5px;}
</style>
<input class="spoilerbutton" type="button" value="Show Solution" onclick="this.value=this.value=='Show Solution'?'Hide Solution':'Show Solution';">
<div class="spoiler"><div>

SOME TEXT

<img style=" margin: 30px auto; display: block;" height="Auto" width = "Auto" src="IMAGE URL">
:root {
--main-font: montserrat, arial, sans-serif; /* шрифт */
--tinder-bg: rgb(253, 253, 253); /* фон блока */
--tinder-btn: rgb(62, 107, 121); /* цвет кнопок */
--tinder-btn-hvr: rgb(234, 107, 107); /* цвет кнопки при наведении */
--tinder-url: rgb(255, 255, 255); /* цвет ссылок */
--tinder-url-hvr: rgb(212, 245, 255); /* цвет ссылок при наведении */
}

</div></div>
<div class="tinder_button"><a href="ссылка на твой профиль" title="жмякай">date me</a></div>[/html]

0

Поделиться752024-11-22 20:49:20

Автор: highgrounder
Администратор
Зарегистрирован: 2020-01-24
Приглашений: 0
Сообщений: 378
Уважение: [+30/-0]
Позитив: [+22/-0]
Провел на форуме:
5 дней 3 часа
Последний визит:
2025-05-13 19:42:02

[html]<link href="https://fonts.googleapis.com/css?family=Lora" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<script src="https://use.fontawesome.com/6bccbdfdd9.js"></script>
<style>
.pierrottinder {
width: 400px;
min-height: 600px;
background: white;
border: 0px solid silver;
margin: auto;
border-radius: 25px;
padding: 0px;
}

.pierrottindertitle {
padding: 15px;
font-family: 'Lora', serif;
font-size: 15px;
color: silver;
}

.profilepic {
width: 400px;
height: 400px;
background: url(http://forumupload.ru/uploads/0018/1f/c9/4/756415.png) center center;
}

.pierrottindercontent {
padding: 15px;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
color: #888;
}

.pierrottindername {
font-size: 18px;
color: black;
}

.pierrottinderdistance {
color: silver;
font-size: 12px;
margin-bottom: 0px;
}

.pierrottinderdistance b {
margin-right: 5px;
}

#slider {
margin: 0 auto;
width: 550px;
max-width: 100%;
text-align: center;
}

#slider input[type=radio] {
display: none;
}

#slider label {
cursor: pointer;
text-decoration: none;
}

#slides {
padding: 0px;
background: #fff;
position: relative;
z-index: 1;
}

#overflow {
width: 100%;
overflow: hidden;
}

#slide1:checked~#slides .inner {
margin-left: 0;
}

#slide2:checked~#slides .inner {
margin-left: -100%;
}

#slide3:checked~#slides .inner {
margin-left: -200%;
}

#slide4:checked~#slides .inner {
margin-left: -300%;
}

#slides .inner {
transition: margin-left 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
width: 400%;
line-height: 0;
}

#slides .slide {
width: 25%;
float: left;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
}

#slides .slide_1 {
background: #ffffff;
}

#slides .slide_2 {
background: #ffffff;
}

#slides .slide_3 {
background: #ffffff;
}

#slides .slide_4 {
background: #ffffff;
}

#controls {
margin: -180px 0 0 0;
width: 100%;
height: 35px;
z-index: 3;
position: relative;
}

#controls label {
transition: opacity 0.2s ease-out;
display: none;
width: 50px;
height: 50px;
opacity: .4;
}

#controls label:hover {
opacity: 1;
}

#slide1:checked~#controls label:nth-child(2),
#slide2:checked~#controls label:nth-child(3),
#slide3:checked~#controls label:nth-child(4),
#slide4:checked~#controls label:nth-child(1) {
background: url(https://image.flaticon.com/icons/svg/130/130884.svg) no-repeat;
float: right;
margin: 0 -50px 0 0;
display: block;
}

#slide1:checked~#controls label:nth-last-child(2),
#slide2:checked~#controls label:nth-last-child(3),
#slide3:checked~#controls label:nth-last-child(4),
#slide4:checked~#controls label:nth-last-child(1) {
background: url(https://image.flaticon.com/icons/svg/130/130882.svg) no-repeat;
float: left;
margin: 0 0 0 -50px;
display: block;
}

#bullets {
margin: 150px 0 0;
text-align: center;
}

#bullets label {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 100%;
background: #ccc;
margin: 0 10px;
}

#slide1:checked~#bullets label:nth-child(1),
#slide2:checked~#bullets label:nth-child(2),
#slide3:checked~#bullets label:nth-child(3),
#slide4:checked~#bullets label:nth-child(4) {
background: #444;
}
@import url(//solrainha.github.io/honeybee/honeybee.css);
:root {
--main-font: montserrat, arial, sans-serif; /* шрифт */
--tinder-bg: rgb(253, 253, 253); /* фон блока */
--tinder-btn: rgb(62, 107, 121); /* цвет кнопок */
--tinder-btn-hvr: rgb(234, 107, 107); /* цвет кнопки при наведении */
--tinder-url: rgb(255, 255, 255); /* цвет ссылок */
--tinder-url-hvr: rgb(212, 245, 255); /* цвет ссылок при наведении */
}
.tinder_button { width: 250px; height: 50px; padding: 0px; padding-right: 20px; margin: auto;}
.tinder_button a { color: var(--tinder-url); font: 700 normal 18px/18px var(--main-font); text-align: center; padding: 10px; border-radius: 10px; background: var(--tinder-btn); color: var(--tinder-url); width: 100%; display: block; background-image: linear-gradient(to right, #fd287c, #ff7654);}
.tinder_button a:hover { color: var(--tinder-url-hvr); background: var(--tinder-btn-hvr);}
.tinder_block a { transition: all .5s ease-in-out 0s; -webkit-transition: all .5s ease-in-out 0s; -khtml-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; }
.tinder_icon { width: 80px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin: -40px auto auto auto; padding: 2px; padding-left: 270px }
.tinder_icon a { border-radius: 100%; color: var(--tinder-url); background: var(--tinder-btn); width: 30px; height: 30px; font-size: 10px; text-align: ; display: flex; justify-content: center; align-items: center; background-image: linear-gradient(to right, #fd287c, #ff7654); }
.tinder_icon .th-heart-1-o { font-size: 15px; }
.tinder_icon .th-cross-3-o { font-size: 15px; }
.tinder_icon a:hover { color: var(--tinder-url-hvr); background: var(--tinder-btn-hvr); }

</style>

<div id="slider">
<input type="radio" name="slider" id="slide1" checked>
<input type="radio" name="slider" id="slide2">
<input type="radio" name="slider" id="slide3">
<input type="radio" name="slider" id="slide4">
<div id="slides">
<div id="overflow">
<div class="inner">
<div class="slide slide_1">
<div class="slide-content">
<div>
<center>
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/756415.png" alt="Italian Trulli">
</center>
</div>
</div>
</div>
<div class="slide slide_2">
<div class="slide-content">
<div>
<center>
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/756415.png" alt="Italian Trulli">
</center>
</div>
</div>
</div>
<div class="slide slide_3">
<div class="slide-content">
<div>
<center>
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/756415.png" alt="Italian Trulli">
</center>
</div>
</div>
</div>
<div class="slide slide_4">
<div class="slide-content">
<div>
<center>
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/756415.png" alt="Italian Trulli">
</center>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="controls">
<label for="slide1"></label>
<label for="slide2"></label>
<label for="slide3"></label>
<label for="slide4"></label>
</div>
<div id="bullets">
<label for="slide1"></label>
<label for="slide2"></label>
<label for="slide3"></label>
<label for="slide4"></label>
</div>
</div>
<div class="pierrottindercontent">
<div class="pierrottindername"><b>Aleksandr,</b> 25</div>
<div class="pierrottinderdistance"><b>5 км от вас</b> Active 10 hours ago</div>
ENTP | Loves Cats | Swipe right???? lmao idk what to put here tbh. my tinder game suxx lmao!! jk but like jk not jk this has a min height of 500px but will extend forever..... idk maybe i'll add a scroll
</div>
<div class="tinder_button"><a href="ссылка на твой профиль" title="жмякай"><details>
<summary></summary>
Something small enough to escape casual notice.
</details></a></div>
<div id="spoiler" style="display:none">
ADD YOUR HIDDEN CONTENT HERE
</div>
</div>
[/html]

0

Поделиться762024-11-22 22:17:56

Автор: highgrounder
Администратор
Зарегистрирован: 2020-01-24
Приглашений: 0
Сообщений: 378
Уважение: [+30/-0]
Позитив: [+22/-0]
Провел на форуме:
5 дней 3 часа
Последний визит:
2025-05-13 19:42:02

[html]<style>
.spoilerbutton {display:block;margin:5px 0;}

.spoiler {color:black;overflow:hidden;background: #f5f5f5;}

.spoiler > div {-webkit-transition: all 0.2s ease;-moz-transition: margin 0.2s ease;-o-transition: all 0.2s ease;transition: margin 0.2s ease;}

.spoilerbutton[value="Show Navigation"] + .spoiler > div {margin-top:-100%;}

.spoilerbutton[value="Hide Navigation"] + .spoiler {padding:5px;}
</style>
<input name="spoilerbtn" name="spoilerbtn" class="spoilerbutton show2" style="width:100%" type="button" value="Show Navigation" onclick="this.value=this.value=='Show Navigation'?'Hide Navigation':'Show Navigation';">

</ul>
</nav>

</div></div>[/html]

0

Поделиться772024-11-22 22:21:44

Автор: highgrounder
Администратор
Зарегистрирован: 2020-01-24
Приглашений: 0
Сообщений: 378
Уважение: [+30/-0]
Позитив: [+22/-0]
Провел на форуме:
5 дней 3 часа
Последний визит:
2025-05-13 19:42:02

[html]<style>
:root {
--main-font: montserrat, arial, sans-serif; /* шрифт */
--tinder-bg: rgb(253, 253, 253); /* фон блока */
--tinder-btn: rgb(62, 107, 121); /* цвет кнопок */
--tinder-btn-hvr: rgb(234, 107, 107); /* цвет кнопки при наведении */
--tinder-url: rgb(255, 255, 255); /* цвет ссылок */
--tinder-url-hvr: rgb(212, 245, 255); /* цвет ссылок при наведении */
}
.tinder_button { width: 250px; height: 50px; padding: 0px; padding-right: 20px; margin: auto;}
.tinder_button a { color: var(--tinder-url); font: 700 normal 18px/18px var(--main-font); text-align: center; padding: 10px; border-radius: 10px; background: var(--tinder-btn); color: var(--tinder-url); width: 100%; display: block; background-image: linear-gradient(to right, #fd287c, #ff7654);}
.tinder_button a:hover { color: var(--tinder-url-hvr); background: var(--tinder-btn-hvr);}
</style>
<input name="tinder_button" name="tinder_button" class="spoilerbutton show2" style="width:100%" type="button" value="Show Navigation" onclick="this.value=this.value=='Show Navigation'?'Hide Navigation':'Show Navigation';">

</ul>
</nav>

</div>
<div class="tinder_button"><a href="ссылка на твой профиль" title="жмякай">de</a></div>[/html]

0

Поделиться782024-11-22 22:43:34

Автор: highgrounder
Администратор
Зарегистрирован: 2020-01-24
Приглашений: 0
Сообщений: 378
Уважение: [+30/-0]
Позитив: [+22/-0]
Провел на форуме:
5 дней 3 часа
Последний визит:
2025-05-13 19:42:02

[html]<style>
.obnov a {
padding: 3px 15px;
background-image: url();
color: #555555!important;
font-weight: 500;
border: 1px solid #E5856C;
}

.obnov {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 15px;
}

.dark .obnov a {
padding: 3px 15px;
background-image: url(https://forumstatic.ru/files/001c/20/89/98068.png);
color: #F0EAF1 !important;
font-weight: 500;
border: 0px solid #824992;
}
</style>
<div class="obnov">
<a href="#">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/t228253.jpg">
</a>
<a href="https://morbusnew.rusff.me/viewtopic.php?id=9#p9"> <img src="http://forumupload.ru/uploads/0018/1f/c9/4/t228253.jpg"></a>
<a href="https://morbusnew.rusff.me/viewtopic.php?id=123#p9675">календарь</a>
<a href="https://morbusnew.rusff.me/viewtopic.php?id=138#p12303">радио морбуса</a>
<a href="https://morbusnew.rusff.me/viewtopic.php?id=139#p12305">кто ты из</a>

</div>[/html]

0

Поделиться792024-11-24 16:55:51

Автор: highgrounder
Администратор
Зарегистрирован: 2020-01-24
Приглашений: 0
Сообщений: 378
Уважение: [+30/-0]
Позитив: [+22/-0]
Провел на форуме:
5 дней 3 часа
Последний визит:
2025-05-13 19:42:02

[html]<style>
.table {
width: 55em;
position: relative;
border: 1px solid #455196;
border-radius: 25px;
padding: 20px;
margin-left: 14.6em;
text-align: center;
background-image: url(https://forumstatic.ru/files/001c/20/89/31124.png?v=1);
background-position: center;
background-size: cover;
}
</style>
<div class="table">
<a href="#">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/t228253.jpg">
</a>[/html]

0

Поделиться802024-11-24 20:01:27

Автор: highgrounder
Администратор
Зарегистрирован: 2020-01-24
Приглашений: 0
Сообщений: 378
Уважение: [+30/-0]
Позитив: [+22/-0]
Провел на форуме:
5 дней 3 часа
Последний визит:
2025-05-13 19:42:02

[html]<div class="bank-list"><div class="banklist-descr"><span>смена внешности персонажа</span><br>
Данная услуги распространяется только на тех персонажей, которые уже имеют активные игры. Остальные - пишите амс и мы поможем <3<br>
500 AUD</div>
<div class="banklist-descr"><span>смена возраста более 1 года</span><br>
Данная услуги распространяется только на тех персонажей, которые уже имеют активные игры. Остальные - пишите амс и мы поможем <3<br>
500 AUD</div>
<div class="banklist-descr"><span>реклама с вашей акцией</span><br>
500 AUD</div>
<div class="banklist-descr"><span>ваша акция по партнёрам вне очереди</span><br>
500 AUD</div>
<div class="banklist-descr"><span>ваш трек в шапке</span><br>
100 AUD/день 500 AUD/неделя</div>
<div class="banklist-descr"><span>бонусный трек на радио вне правил</span><br>
500 AUD</div>
</div>[/html]

0

Поделиться812024-11-27 15:32:44

Автор: highgrounder
Администратор
Зарегистрирован: 2020-01-24
Приглашений: 0
Сообщений: 378
Уважение: [+30/-0]
Позитив: [+22/-0]
Провел на форуме:
5 дней 3 часа
Последний визит:
2025-05-13 19:42:02

[html]<link href="https://fonts.googleapis.com/css?family=Lora" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<script src="https://use.fontawesome.com/6bccbdfdd9.js"></script>
<style>
.pierrottinder {
width: 400px;
min-height: auto;
background: white;
border: 0px solid silver;
margin: auto;
border-radius: 25px;
padding-bottom: 5px;
}

.pierrottindertitle {
padding: 15px;
font-family: 'Lora', serif;
font-size: 15px;
color: silver;
}

.profilepic {
width: 400px;
height: 400px;
background: url(https://forumupload.ru/uploads/0018/1f/c9/4/756415.png) center center;
}

.pierrottindercontent {
padding: 15px;
font-family: 'Open Sans', sans-serif;
font-size: 15px;
color: #888;
}

.pierrottindername {
font-size: 18px;
color: black;
}

.pierrottinderdistance {
color: silver;
font-size: 12px;
margin-bottom: 0px;
}

.pierrottinderdistance b {
margin-right: 5px;
}

#slider {
margin: 0 auto;
width: 550px;
max-width: 100%;
text-align: center;
}

#slider input[type=radio] {
display: none;
}

#slider label {
cursor: pointer;
text-decoration: none;
}

#slides {
padding: 0px;
background: #fff;
position: relative;
z-index: 1;
}

#overflow {
width: 100%;
overflow: hidden;
}

#slide1:checked~#slides .inner {
margin-left: 0;
}

#slide2:checked~#slides .inner {
margin-left: -100%;
}

#slide3:checked~#slides .inner {
margin-left: -200%;
}

#slide4:checked~#slides .inner {
margin-left: -300%;
}

#slides .inner {
transition: margin-left 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
width: 400%;
line-height: 0;
}

#slides .slide {
width: 25%;
float: left;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
}

#slides .slide_1 {
background: #ffffff;
}

#slides .slide_2 {
background: #ffffff;
}

#slides .slide_3 {
background: #ffffff;
}

#slides .slide_4 {
background: #ffffff;
}

#controls {
margin: -180px 0 0 0;
width: 100%;
height: 35px;
z-index: 3;
position: relative;
}

#controls label {
transition: opacity 0.2s ease-out;
display: none;
width: 50px;
height: 50px;
opacity: .4;
}

#controls label:hover {
opacity: 1;
}

#slide1:checked~#controls label:nth-child(2),
#slide2:checked~#controls label:nth-child(3),
#slide3:checked~#controls label:nth-child(4),
#slide4:checked~#controls label:nth-child(1) {
background: url(https://image.flaticon.com/icons/svg/130/130884.svg) no-repeat;
float: right;
margin: 0 -50px 0 0;
display: block;
}

#slide1:checked~#controls label:nth-last-child(2),
#slide2:checked~#controls label:nth-last-child(3),
#slide3:checked~#controls label:nth-last-child(4),
#slide4:checked~#controls label:nth-last-child(1) {
background: url(https://image.flaticon.com/icons/svg/130/130882.svg) no-repeat;
float: left;
margin: 0 0 0 -50px;
display: block;
}

#bullets {
margin: 150px 0 0;
text-align: center;
}

#bullets label {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 100%;
background: #ccc;
margin: 0 10px;
}

#slide1:checked~#bullets label:nth-child(1),
#slide2:checked~#bullets label:nth-child(2),
#slide3:checked~#bullets label:nth-child(3),
#slide4:checked~#bullets label:nth-child(4) {
background: #444;
}
@import url(//solrainha.github.io/honeybee/honeybee.css);
:root {
—main-font: montserrat, arial, sans-serif; /* шрифт */
—tinder-bg: rgb(253, 253, 253); /* фон блока */
—tinder-btn: rgb(62, 107, 121); /* цвет кнопок */
—tinder-btn-hvr: rgb(234, 107, 107); /* цвет кнопки при наведении */
—tinder-url: rgb(255, 255, 255); /* цвет ссылок */
—tinder-url-hvr: rgb(212, 245, 255); /* цвет ссылок при наведении */
}
.tinder_button { width: 250px; padding: 0px; padding-right: 20px; margin: auto; margin-bottom: 15px; }
.tinder_button { color: var(--tinder-url); font: 700 normal 18px/18px var(--main-font); text-align: center; padding: 10px; border-radius: 30px; background: var(--tinder-btn); color: var(--tinder-url); display: block; background-image: linear-gradient(to right, #fd287c, #ff7654);}
.tinder_block a { transition: all .5s ease-in-out 0s;

; -webkit-transition: all .5s ease-in-out 0s; -khtml-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; }
.tinder_icon { width: 80px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin: -40px auto auto auto; padding: 2px; padding-left: 270px }
.tinder_icon a { border-radius: 100%; color: var(--tinder-url); background: var(--tinder-btn); width: 30px; height: 30px; font-size: 10px; text-align: ; display: flex; justify-content: center; align-items: center; background-image: linear-gradient(to right, #fd287c, #ff7654); }
.tinder_icon .th-heart-1-o { font-size: 15px; }
.tinder_icon .th-cross-3-o { font-size: 15px; }
.tinder_icon a:hover { color: var(--tinder-url-hvr); background: var(--tinder-btn-hvr); }

</style>

<div id="slider">
<input type="radio" name="slider" id="slide1" checked>
<input type="radio" name="slider" id="slide2">
<input type="radio" name="slider" id="slide3">
<input type="radio" name="slider" id="slide4">
<div id="slides">
<div id="overflow">
<div class="inner">
<div class="slide slide_1">
<div class="slide-content">
<div>
<center>
<img src="https://forumupload.ru/uploads/0018/1f/c9/4/756415.png" alt="Italian Trulli">
</center>
</div>
</div>
</div>
<div class="slide slide_2">
<div class="slide-content">
<div>
<center>
<img src="https://forumupload.ru/uploads/0018/1f/c9/4/756415.png" alt="Italian Trulli">
</center>
</div>
</div>
</div>
<div class="slide slide_3">
<div class="slide-content">
<div>
<center>
<img src="https://forumupload.ru/uploads/0018/1f/c9/4/756415.png" alt="Italian Trulli">
</center>
</div>
</div>
</div>
<div class="slide slide_4">
<div class="slide-content">
<div>
<center>
<img src="https://forumupload.ru/uploads/0018/1f/c9/4/756415.png" alt="Italian Trulli">
</center>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="controls">
<label for="slide1"></label>
<label for="slide2"></label>
<label for="slide3"></label>
<label for="slide4"></label>
</div>
<div id="bullets">
<label for="slide1"></label>
<label for="slide2"></label>
<label for="slide3"></label>
<label for="slide4"></label>
</div>
</div>
<div class="pierrottindercontent">
<div class="pierrottindername"><b>Aleksandr,</b> 25</div>
<div class="pierrottinderdistance"><b>5 км от вас</b> активен 10 часов назад</div>
ENTP | Loves Cats | Swipe right???? lmao idk what to put here tbh. my tinder game suxx lmao!! jk but like jk not jk this has a min height of 500px but will extend forever..... idk maybe i'll add a scroll
</div>
<details>
<summary class="tinder_button" id="tinder-button">Подробности</summary>
<div class="pierrottindercontent" id="tinder-reveal" style="padding-top: 0px !important">
ENTP | Loves Cats | Swipe right???? lmao idk what to put here tbh. my tinder game suxx lmao!! jk but like jk not jk this has a min height of 500px but will extend forever..... idk maybe i'll add a scroll
</div>
</details>
</div>[/html]

0

Поделиться822024-11-27 16:19:56

Автор: highgrounder
Администратор
Зарегистрирован: 2020-01-24
Приглашений: 0
Сообщений: 378
Уважение: [+30/-0]
Позитив: [+22/-0]
Провел на форуме:
5 дней 3 часа
Последний визит:
2025-05-13 19:42:02

[html]
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

.dawords::-webkit-scrollbar {width: 10px;}
.dawords::-webkit-scrollbar-thumb { background-image:url(http://i58.tinypic.com/24lvhok.png);}
.dawords::-webkit-scrollbar-corner {background: #000;}

.eyeem { width: 340px; height: 290px; background-image:url(http://i58.tinypic.com/24lvhok.png); border:1px solid #000; }
.eyeemtitle {font-family: 'Open Sans', sans-serif;color:#000;font-size:18px;text-transform:uppercase; margin-left: 140px; margin-top:-110px; padding-bottom: 28px; opacity:0.5;}
.eyeemline {width:90px; height:1px; background-color:#000; margin-left:35px;}
.eyeemtag {font-family:arial;font-size:9px; text-transform:uppercase; opacity:1.0;margin-left:70px; }

.eyeempicture {width:100px; height:100px; border: 10px solid #fff;border-radius:180px; margin-top:10px;
margin-right:00px; }
.eyeempicture img { width:100px; height:100px; border-radius:180px;}

.eyeemboxy {width:300px; height:80px; background-color:#fff; padding-top:50px;}
.dawords { width:250px; height: 40px; padding:10px; font-family:arial; font-size:9px; text-align:justify; text-transform:lowercase; overflow:auto; }
</style><center>

<div class="eyeem">
<div class="eyeempicture"><img src="http://placehold.it/150x150"></div>
<div class="eyeemtitle">USERNAME
<div class="eyeemline"></div>
<div class="eyeemtag">is online and typing</div></div>

<div class="eyeemboxy">
<div class="dawords">hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello </div>

</div>

</center>

[/html]

0

Поделиться832024-11-27 16:44:24

Автор: highgrounder
Администратор
Зарегистрирован: 2020-01-24
Приглашений: 0
Сообщений: 378
Уважение: [+30/-0]
Позитив: [+22/-0]
Провел на форуме:
5 дней 3 часа
Последний визит:
2025-05-13 19:42:02

[html]<style>
body {
padding: 0px;
font: 1em Helvetica Neue, Helvetica, Arial, sans-serif;
}

* {box-sizing: border-box;}

p {

}

.container {
width: 750px;
height: 460px;
border: 0px solid rgb(111,41,97);
border-radius: 25px;
padding: 10px;
margin-left:0px;
background-color: white;

}

.item {
width: 300px;
height: 50px;
margin: 30px;
padding: 0px;
border-radius: 35px;
background-color: #AFDAFC;
border: 0px solid rgba(111,41,97,.5);
display: inline-block;
vertical-align: middle
}
.eyeemtitle {font-family: 'Open Sans', sans-serif;color:#000;font-size:18px;text-transform:uppercase; margin-left: 100px; margin-top:-70px; padding-bottom: 28px; opacity:0.5;}
.eyeemline {width:80px; height:1px; background-color:#000; margin-left:35px;}
.eyeemtag {font-family:arial;font-size:9px; text-transform:uppercase; opacity:1.0;margin-left:70px; }

.eyeempicture img { width:100px; height:100px; border-radius:180px; border: 5px solid #B0B7C6; margin-left: -15px; margin-top: -25px;}

</style>
<div class="container">
<div class="item"><div class="eyeempicture"><img src="https://forumupload.ru/uploads/0018/1f/c9/4/156208.jpg"></div>
<div class="eyeemtitle">USERNAME
<div class="eyeemline"></div>
<div class="eyeemtag">is online and typing</div>
</div></div>
<div class="item">Two<br>Two</div>
<div class="item">Three<br>Three<br>Three</div>
<div class="item">Three<br>Three<br>Three</div>
<div class="item">One</div>
<div class="item">Two<br>Two</div>
<div class="item">Three<br>Three<br>Three</div>
<div class="item">Three<br>Three<br>Three</div>
</div>[/html]

0

Поделиться842024-11-29 00:20:08

Автор: highgrounder
Администратор
Зарегистрирован: 2020-01-24
Приглашений: 0
Сообщений: 378
Уважение: [+30/-0]
Позитив: [+22/-0]
Провел на форуме:
5 дней 3 часа
Последний визит:
2025-05-13 19:42:02

0

Поделиться852024-11-30 20:19:41

Автор: highgrounder
Администратор
Зарегистрирован: 2020-01-24
Приглашений: 0
Сообщений: 378
Уважение: [+30/-0]
Позитив: [+22/-0]
Провел на форуме:
5 дней 3 часа
Последний визит:
2025-05-13 19:42:02

0

Поделиться862024-11-30 20:34:46

Автор: highgrounder
Администратор
Зарегистрирован: 2020-01-24
Приглашений: 0
Сообщений: 378
Уважение: [+30/-0]
Позитив: [+22/-0]
Провел на форуме:
5 дней 3 часа
Последний визит:
2025-05-13 19:42:02

0

Поделиться872024-12-01 17:15:55

Автор: highgrounder
Администратор
Зарегистрирован: 2020-01-24
Приглашений: 0
Сообщений: 378
Уважение: [+30/-0]
Позитив: [+22/-0]
Провел на форуме:
5 дней 3 часа
Последний визит:
2025-05-13 19:42:02

0

Поделиться882024-12-01 18:41:53

Автор: highgrounder
Администратор
Зарегистрирован: 2020-01-24
Приглашений: 0
Сообщений: 378
Уважение: [+30/-0]
Позитив: [+22/-0]
Провел на форуме:
5 дней 3 часа
Последний визит:
2025-05-13 19:42:02

0

Поделиться892024-12-01 19:13:28

Автор: highgrounder
Администратор
Зарегистрирован: 2020-01-24
Приглашений: 0
Сообщений: 378
Уважение: [+30/-0]
Позитив: [+22/-0]
Провел на форуме:
5 дней 3 часа
Последний визит:
2025-05-13 19:42:02

0

Поделиться902024-12-01 19:15:35

Автор: highgrounder
Администратор
Зарегистрирован: 2020-01-24
Приглашений: 0
Сообщений: 378
Уважение: [+30/-0]
Позитив: [+22/-0]
Провел на форуме:
5 дней 3 часа
Последний визит:
2025-05-13 19:42:02

[hideprofile][html]<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900" rel="stylesheet">
<link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
<style>
.ewsocial {
height: 830px;
width: 730px;
position: relative;
background: #fc2727;
border: 2px solid #eee;
border-radius: 30px;
margin-left: 150px;
background-image: url("http://forumupload.ru/uploads/0018/1f/c9/4/19506.png");
background-repeat: repeat;
background-position: right top;
}

.ewinbox {
position: absolute;
height: 800px;
width: 700px;
border: 0px solid #e9e9e9;
top: 14px;
left: 14px;
border-radius: 30px;
background: white;
}

.ewicon {
position: absolute;
height: 100px;
width: 100px;
border-radius: 100%;
border: 10px solid #fafafa;
background-size: cover;
box-shadow: 0 0 1pt 1pt #eee;
box-shadow: 0 0 0 1pt #eee;
top: 20px;
left:20px;
}

.ewname {
position: absolute;
width: 600px;
font-family: roboto;
color: #262626;
font-size: 23px;
top: 13px;
left: 0px;
line-height: 100%;
letter-spacing: 0.5px;
font-weight:500;
}

.eweditbutton {
font-size: 13px;
background: #fafafa;
padding: 0px;
border-radius: 3px;
border: 1px solid #eee;
margin: 0px 5px;
font-weight: 300;
position: relative;
top: -3px;
}

.ewlinestuff {
width: 300px;
font-size: 15px;
top: 80px;
position: absolute;
left: 170px;
font-family: roboto;
color: #262626;
line-height: 140%;
}

.ewsocial num {
font-weight: 700;
margin-left: 10px;
}

.ewsocial name {
font-weight: 700;
margin-right: 0px;
margin-bottom:0px;
display: block;
}

.ewinfo {
height: 50px;
width: 300px;
left: 180px;
position: absolute;
width: 200px;
top: 105px;
font-family: roboto;
font-weight: 300;
font-size: 14px;
line-height: 140%;
}

.ewimgbox {
position: absolute;
width: 650px;
height: 650px;
border-top: 0px solid rgba(0,0,0,0.1);
top: 150px;
left: 40px;
overflow: auto;
display: flex;
align-items: flex-start;
justify-content: space-around;
flex-wrap: wrap;
padding-bottom: 40px;
}

.ewsocial hover {
position: absolute;
padding: 25px 0px;
width: 100px;
height: 50px;
background: rgba(0,0,0,0.8);
top: 10px;
left: 0px;
font-size: 10px;
color: #fafafa;
text-align: center;
font-family: roboto;
font-weight: 700;
line-height: 200%;
opacity: 0;
z-index: 1;
transition: 0.3s;
border-radius: 4px;
}

.ewblocker {
height:0px;
width:100px;
display: block;
position: relative;
}

.ewimgbox img {
height:100px;
width:100px;
object-fit: cover;
position: absolute;
top: 10px;
border-radius: 4px;
}

.ewsocial heart {
margin-right: 5px;
}

.ewsocial ::-webkit-scrollbar{display: none;}

</style>
<div class="ewsocial"><div class="ewinbox"></div>

<div class="ewblocker">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/t141368.png">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/339224.png">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/77777.png">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/611385.png">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/598555.png">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/539908.png">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/270133.png">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/346001.png">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/656867.png">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/334257.png">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/123638.png">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/250161.png">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/265842.png">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/146022.png">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/108695.png">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/565082.png">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/t83000.png">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/313758.png">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/500567.png">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/922537.png">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/t569289.png">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/t847210.png">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/t953441.png">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/930369.png">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/t14111.png">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/684958.png">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
<div class="ewblocker">
<img src="http://forumupload.ru/uploads/0018/1f/c9/4/t519243.png">
<hover># <heart><span class="th th-heart-1"></span></heart> # <span class="th th-chat-bubble"></span></hover>
</div>
</div>
</div><center><a href="http://wecode.jcink.net/index.php?showuser=4933" style="color:#ccc;font-size:7px;letter-spacing:5px;"></a></center>[/html]

0

ONE-TWO-FREE

Меню навигации

Пользовательские ссылки

Информация о пользователе

russian boi - uedu s toboi

Сообщений 61 страница 90 из 118

Поделиться612024-11-20 00:40:48

Поделиться622024-11-20 01:04:44

Поделиться632024-11-20 15:25:06

Поделиться642024-11-20 15:29:34

Поделиться652024-11-20 18:10:02

Поделиться662024-11-20 18:13:41

Поделиться672024-11-20 18:31:49

Поделиться682024-11-20 19:40:29

Поделиться692024-11-22 15:59:41

Поделиться702024-11-22 18:43:41

Поделиться712024-11-22 20:15:40

Поделиться722024-11-22 20:21:17

Поделиться732024-11-22 20:35:29

Поделиться742024-11-22 20:37:58

Поделиться752024-11-22 20:49:20

Поделиться762024-11-22 22:17:56

Поделиться772024-11-22 22:21:44

Поделиться782024-11-22 22:43:34

Поделиться792024-11-24 16:55:51

Поделиться802024-11-24 20:01:27

Поделиться812024-11-27 15:32:44

Поделиться822024-11-27 16:19:56

Поделиться832024-11-27 16:44:24

Поделиться842024-11-29 00:20:08

Поделиться852024-11-30 20:19:41

Поделиться862024-11-30 20:34:46

Поделиться872024-12-01 17:15:55

Поделиться882024-12-01 18:41:53

Поделиться892024-12-01 19:13:28

Поделиться902024-12-01 19:15:35