игровая комната

Страница: 1

Сообщений 1 страница 2 из 2

Поделиться12025-11-26 10:49:33

Автор: stefanio
Личное звание: гарри бенсон, 32
её глаза заворожили меня [опасностью буйного моря]. я отправился за ней на самое дно [поддавшись искушения воле]. не расслышал, как захрустели кости остатка рассудка. куда завела нас любовь? посмотри — в груди пепел. там жутко.
Администратор
Плашка:
Сообщений: 67
Уважение: +0
% vol: 0,0
Кнопка:
$: 100

hide-autor

Код:

<!--HTML-->

<style>
.topicpost h3 {
    background: url(https://forumstatic.ru/files/001b/fb/fb/86764.png?v=1)!important;
    padding: 0px 0px 0px 0px!important;
    margin: 15px 0px 0px -14px!important;
}
.topicpost h3 span {
    padding: 14px 0px 0px 40px!important;
}

.quote-box {
        margin: 20px 0px 20px 40px!important;
}

.post-content td {
    border-width: 1px !important;
    border-style: solid !important;
    padding: 10px 10px!important;
    overflow: hidden;
}

.topicpost h3 span a {
    font-family: trebucbi!important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    position: relative !important;
    margin: 0px !important;
    color: rgb(29 39 54 / 65%) !important;
}

.topicpost h3 span a:hover {
    font-family: trebucbi!important;
    color: rgb(29 39 54) !important;
}
</style>




<div class="korobka">

<zagl>игровая комната</zagl>

<div class="bats"> 

<div id="igratext">Поздравляю, ты открыл барную карту нашего клуба. Сейчас расскажем, что тут происходит. Начинать можешь с любого коктейля и с любой страницы нашей карты. Чтобы получить красивый коктейль в свою коллекцию, нужно выполнить все задания, описанные под коктейлем — 2 постовых и 2 флудовых. Давай договоримся: флудовое задание — это не два слова, а полноценный рассказ: чем ярче и красочнее, тем лучше! В одном посте можно сделать <b>не более двух заданий из <u>разных</u> коктейлей</b>, а принести задания в зачет — только в тот же месяц, когда выполнили. Увы, сделать задание в декабре, а зачесть команде в мае не получится, нужно будет делать заново.<br><br>
А теперь о приятном. Каждое задание принесет тебе <b>10 баксов и 1 градус</b> в общекомандный зачет, а полностью собранный коктейль — <b>1 звезду</b> в рейтинг, <b>5 градусов</b> команде сверху и дополнительные <b>50 баксов</b> на счет. Ну и на личной странице увидишь его на полке. Чем не трофей?</div>

<div class="korobkatoys-table">
<!-- первый ряд -->
<div class="korobkatoy-row">
<!-- Первая игрушка -->
<div class="korobkatoy-pair">
<div class="korobkatoy-pair-header">
<div class="korobkatoy-name">Игрушка 1</div>
<div class="korobkadetail-name">Детали</div>
</div>
<div class="korobkatoy-pair-content">
<div class="korobkatoy-image">
<img src="https://i.imgur.com/vC4HfAU.png" style="cursor: pointer;opacity: 0.2; filter: grayscale(1);" title="Игрушка 1">
</div>
<div class="korobkatoy-parts">
<div class="korobkaparts-grid">
<!-- Деталь 1 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★★★</div>
<img src="https://i.imgur.com/vC4HfAU.png" style="cursor: pointer;opacity: 0.2; filter: grayscale(1);"  title="Деталь 1">
</div>
<!-- Деталь 2 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★</div>
<img src="https://i.imgur.com/vC4HfAU.png" style="cursor: pointer;opacity: 0.2; filter: grayscale(1);"  title="Деталь 2">
</div>
<!-- Деталь 3 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★★★★</div>
<img src="https://i.imgur.com/vC4HfAU.png" title="Деталь 3">
</div>
<!-- Деталь 4 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★</div>
<img src="https://i.imgur.com/vC4HfAU.png" style="cursor: pointer;opacity: 0.2; filter: grayscale(1);"  title="Деталь 4">
</div>
<!-- Деталь 5 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★★</div>
<img src="https://i.imgur.com/vC4HfAU.png" style="cursor: pointer;opacity: 0.2; filter: grayscale(1);"  title="Деталь 5">
</div>
</div>
</div>
</div>
</div>
 
<!-- Вторая игрушка -->
<div class="korobkatoy-pair">
<div class="korobkatoy-pair-header">
<div class="korobkatoy-name">Игрушка 2</div>
<div class="korobkadetail-name">Детали</div>
</div>
<div class="korobkatoy-pair-content">
<div class="korobkatoy-image">
<img src="https://i.imgur.com/toy2.jpg" title="Игрушка 2">
</div>
<div class="korobkatoy-parts">
<div class="korobkaparts-grid">
<!-- Деталь 1 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★★★</div>
<img src="https://i.imgur.com/part1.jpg" title="Деталь 1">
</div>
<!-- Деталь 2 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★★</div>
<img src="https://i.imgur.com/part2.jpg" title="Деталь 2">
</div>
<!-- Деталь 3 -->
<div class="korobkapart-item">
<div class="part-symbol">★★★★★</div>
<img src="https://i.imgur.com/part3.jpg" title="Деталь 3">
</div>
<!-- Деталь 4 -->
<div class="korobkapart-item">
<div class="part-symbol">★</div>
<img src="https://i.imgur.com/part4.jpg" title="Деталь 4">
</div>
<!-- Деталь 5 -->
<div class="korobkapart-item">
<div class="part-symbol">★★★★★</div>
<img src="https://i.imgur.com/part5.jpg" title="Деталь 5">
</div>
</div>
</div>
</div>
</div>
</div>
 


<!-- второй ряд -->
<div class="korobkatoy-row">
<!-- Первая игрушка -->
<div class="korobkatoy-pair">
<div class="korobkatoy-pair-header">
<div class="korobkatoy-name">Игрушка 1</div>
<div class="korobkadetail-name">Детали</div>
</div>
<div class="korobkatoy-pair-content">
<div class="korobkatoy-image">
<img src="https://i.imgur.com/vC4HfAU.png" style="cursor: pointer;opacity: 0.2; filter: grayscale(1);" title="Игрушка 1">
</div>
<div class="korobkatoy-parts">
<div class="korobkaparts-grid">
<!-- Деталь 1 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★★★</div>
<img src="https://i.imgur.com/vC4HfAU.png" style="cursor: pointer;opacity: 0.2; filter: grayscale(1);"  title="Деталь 1">
</div>
<!-- Деталь 2 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★</div>
<img src="https://i.imgur.com/vC4HfAU.png" style="cursor: pointer;opacity: 0.2; filter: grayscale(1);"  title="Деталь 2">
</div>
<!-- Деталь 3 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★★★★</div>
<img src="https://i.imgur.com/vC4HfAU.png" title="Деталь 3">
</div>
<!-- Деталь 4 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★</div>
<img src="https://i.imgur.com/vC4HfAU.png" style="cursor: pointer;opacity: 0.2; filter: grayscale(1);"  title="Деталь 4">
</div>
<!-- Деталь 5 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★★</div>
<img src="https://i.imgur.com/vC4HfAU.png" style="cursor: pointer;opacity: 0.2; filter: grayscale(1);"  title="Деталь 5">
</div>
</div>
</div>
</div>
</div>
 
<!-- Вторая игрушка -->
<div class="korobkatoy-pair">
<div class="korobkatoy-pair-header">
<div class="korobkatoy-name">Игрушка 2</div>
<div class="korobkadetail-name">Детали</div>
</div>
<div class="korobkatoy-pair-content">
<div class="korobkatoy-image">
<img src="https://i.imgur.com/toy2.jpg" title="Игрушка 2">
</div>
<div class="korobkatoy-parts">
<div class="korobkaparts-grid">
<!-- Деталь 1 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★★★</div>
<img src="https://i.imgur.com/part1.jpg" title="Деталь 1">
</div>
<!-- Деталь 2 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★★</div>
<img src="https://i.imgur.com/part2.jpg" title="Деталь 2">
</div>
<!-- Деталь 3 -->
<div class="korobkapart-item">
<div class="part-symbol">★★★★★</div>
<img src="https://i.imgur.com/part3.jpg" title="Деталь 3">
</div>
<!-- Деталь 4 -->
<div class="korobkapart-item">
<div class="part-symbol">★</div>
<img src="https://i.imgur.com/part4.jpg" title="Деталь 4">
</div>
<!-- Деталь 5 -->
<div class="korobkapart-item">
<div class="part-symbol">★★★★★</div>
<img src="https://i.imgur.com/part5.jpg" title="Деталь 5">
</div>
</div>
</div>
</div>
</div>
</div>


<!-- третий ряд -->
<div class="korobkatoy-row">
<!-- Первая игрушка -->
<div class="korobkatoy-pair">
<div class="korobkatoy-pair-header">
<div class="korobkatoy-name">Игрушка 1</div>
<div class="korobkadetail-name">Детали</div>
</div>
<div class="korobkatoy-pair-content">
<div class="korobkatoy-image">
<img src="https://i.imgur.com/vC4HfAU.png" style="cursor: pointer;opacity: 0.2; filter: grayscale(1);" title="Игрушка 1">
</div>
<div class="korobkatoy-parts">
<div class="korobkaparts-grid">
<!-- Деталь 1 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★★★</div>
<img src="https://i.imgur.com/vC4HfAU.png" style="cursor: pointer;opacity: 0.2; filter: grayscale(1);"  title="Деталь 1">
</div>
<!-- Деталь 2 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★</div>
<img src="https://i.imgur.com/vC4HfAU.png" style="cursor: pointer;opacity: 0.2; filter: grayscale(1);"  title="Деталь 2">
</div>
<!-- Деталь 3 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★★★★</div>
<img src="https://i.imgur.com/vC4HfAU.png" title="Деталь 3">
</div>
<!-- Деталь 4 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★</div>
<img src="https://i.imgur.com/vC4HfAU.png" style="cursor: pointer;opacity: 0.2; filter: grayscale(1);"  title="Деталь 4">
</div>
<!-- Деталь 5 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★★</div>
<img src="https://i.imgur.com/vC4HfAU.png" style="cursor: pointer;opacity: 0.2; filter: grayscale(1);"  title="Деталь 5">
</div>
</div>
</div>
</div>
</div>
 
<!-- Вторая игрушка -->
<div class="korobkatoy-pair">
<div class="korobkatoy-pair-header">
<div class="korobkatoy-name">Игрушка 2</div>
<div class="korobkadetail-name">Детали</div>
</div>
<div class="korobkatoy-pair-content">
<div class="korobkatoy-image">
<img src="https://i.imgur.com/toy2.jpg" title="Игрушка 2">
</div>
<div class="korobkatoy-parts">
<div class="korobkaparts-grid">
<!-- Деталь 1 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★★★</div>
<img src="https://i.imgur.com/part1.jpg" title="Деталь 1">
</div>
<!-- Деталь 2 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★★</div>
<img src="https://i.imgur.com/part2.jpg" title="Деталь 2">
</div>
<!-- Деталь 3 -->
<div class="korobkapart-item">
<div class="part-symbol">★★★★★</div>
<img src="https://i.imgur.com/part3.jpg" title="Деталь 3">
</div>
<!-- Деталь 4 -->
<div class="korobkapart-item">
<div class="part-symbol">★</div>
<img src="https://i.imgur.com/part4.jpg" title="Деталь 4">
</div>
<!-- Деталь 5 -->
<div class="korobkapart-item">
<div class="part-symbol">★★★★★</div>
<img src="https://i.imgur.com/part5.jpg" title="Деталь 5">
</div>
</div>
</div>
</div>
</div>
</div>


<!-- четвертый ряд -->
<div class="korobkatoy-row">
<!-- Первая игрушка -->
<div class="korobkatoy-pair">
<div class="korobkatoy-pair-header">
<div class="korobkatoy-name">Игрушка 1</div>
<div class="korobkadetail-name">Детали</div>
</div>
<div class="korobkatoy-pair-content">
<div class="korobkatoy-image">
<img src="https://i.imgur.com/vC4HfAU.png" style="cursor: pointer;opacity: 0.2; filter: grayscale(1);" title="Игрушка 1">
</div>
<div class="korobkatoy-parts">
<div class="korobkaparts-grid">
<!-- Деталь 1 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★★★</div>
<img src="https://i.imgur.com/vC4HfAU.png" style="cursor: pointer;opacity: 0.2; filter: grayscale(1);"  title="Деталь 1">
</div>
<!-- Деталь 2 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★</div>
<img src="https://i.imgur.com/vC4HfAU.png" style="cursor: pointer;opacity: 0.2; filter: grayscale(1);"  title="Деталь 2">
</div>
<!-- Деталь 3 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★★★★</div>
<img src="https://i.imgur.com/vC4HfAU.png" title="Деталь 3">
</div>
<!-- Деталь 4 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★</div>
<img src="https://i.imgur.com/vC4HfAU.png" style="cursor: pointer;opacity: 0.2; filter: grayscale(1);"  title="Деталь 4">
</div>
<!-- Деталь 5 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★★</div>
<img src="https://i.imgur.com/vC4HfAU.png" style="cursor: pointer;opacity: 0.2; filter: grayscale(1);"  title="Деталь 5">
</div>
</div>
</div>
</div>
</div>
 
<!-- Вторая игрушка -->
<div class="korobkatoy-pair">
<div class="korobkatoy-pair-header">
<div class="korobkatoy-name">Игрушка 2</div>
<div class="korobkadetail-name">Детали</div>
</div>
<div class="korobkatoy-pair-content">
<div class="korobkatoy-image">
<img src="https://i.imgur.com/toy2.jpg" title="Игрушка 2">
</div>
<div class="korobkatoy-parts">
<div class="korobkaparts-grid">
<!-- Деталь 1 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★★★</div>
<img src="https://i.imgur.com/part1.jpg" title="Деталь 1">
</div>
<!-- Деталь 2 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★★</div>
<img src="https://i.imgur.com/part2.jpg" title="Деталь 2">
</div>
<!-- Деталь 3 -->
<div class="korobkapart-item">
<div class="part-symbol">★★★★★</div>
<img src="https://i.imgur.com/part3.jpg" title="Деталь 3">
</div>
<!-- Деталь 4 -->
<div class="korobkapart-item">
<div class="part-symbol">★</div>
<img src="https://i.imgur.com/part4.jpg" title="Деталь 4">
</div>
<!-- Деталь 5 -->
<div class="korobkapart-item">
<div class="part-symbol">★★★★★</div>
<img src="https://i.imgur.com/part5.jpg" title="Деталь 5">
</div>
</div>
</div>
</div>
</div>
</div>


<!-- пятый ряд -->
<div class="korobkatoy-row">
<!-- Первая игрушка -->
<div class="korobkatoy-pair">
<div class="korobkatoy-pair-header">
<div class="korobkatoy-name">Игрушка 1</div>
<div class="korobkadetail-name">Детали</div>
</div>
<div class="korobkatoy-pair-content">
<div class="korobkatoy-image">
<img src="https://i.imgur.com/vC4HfAU.png" style="cursor: pointer;opacity: 0.2; filter: grayscale(1);" title="Игрушка 1">
</div>
<div class="korobkatoy-parts">
<div class="korobkaparts-grid">
<!-- Деталь 1 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★★★</div>
<img src="https://i.imgur.com/vC4HfAU.png" style="cursor: pointer;opacity: 0.2; filter: grayscale(1);"  title="Деталь 1">
</div>
<!-- Деталь 2 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★</div>
<img src="https://i.imgur.com/vC4HfAU.png" style="cursor: pointer;opacity: 0.2; filter: grayscale(1);"  title="Деталь 2">
</div>
<!-- Деталь 3 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★★★★</div>
<img src="https://i.imgur.com/vC4HfAU.png" title="Деталь 3">
</div>
<!-- Деталь 4 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★</div>
<img src="https://i.imgur.com/vC4HfAU.png" style="cursor: pointer;opacity: 0.2; filter: grayscale(1);"  title="Деталь 4">
</div>
<!-- Деталь 5 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★★</div>
<img src="https://i.imgur.com/vC4HfAU.png" style="cursor: pointer;opacity: 0.2; filter: grayscale(1);"  title="Деталь 5">
</div>
</div>
</div>
</div>
</div>
 
<!-- Вторая игрушка -->
<div class="korobkatoy-pair">
<div class="korobkatoy-pair-header">
<div class="korobkatoy-name">Игрушка 2</div>
<div class="korobkadetail-name">Детали</div>
</div>
<div class="korobkatoy-pair-content">
<div class="korobkatoy-image">
<img src="https://i.imgur.com/toy2.jpg" title="Игрушка 2">
</div>
<div class="korobkatoy-parts">
<div class="korobkaparts-grid">
<!-- Деталь 1 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★★★</div>
<img src="https://i.imgur.com/part1.jpg" title="Деталь 1">
</div>
<!-- Деталь 2 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★★</div>
<img src="https://i.imgur.com/part2.jpg" title="Деталь 2">
</div>
<!-- Деталь 3 -->
<div class="korobkapart-item">
<div class="part-symbol">★★★★★</div>
<img src="https://i.imgur.com/part3.jpg" title="Деталь 3">
</div>
<!-- Деталь 4 -->
<div class="korobkapart-item">
<div class="part-symbol">★</div>
<img src="https://i.imgur.com/part4.jpg" title="Деталь 4">
</div>
<!-- Деталь 5 -->
<div class="korobkapart-item">
<div class="part-symbol">★★★★★</div>
<img src="https://i.imgur.com/part5.jpg" title="Деталь 5">
</div>
</div>
</div>
</div>
</div>
</div>


<!-- шестой ряд -->
<div class="korobkatoy-row">
<!-- Первая игрушка -->
<div class="korobkatoy-pair">
<div class="korobkatoy-pair-header">
<div class="korobkatoy-name">Игрушка 1</div>
<div class="korobkadetail-name">Детали</div>
</div>
<div class="korobkatoy-pair-content">
<div class="korobkatoy-image">
<img src="https://i.imgur.com/vC4HfAU.png" style="cursor: pointer;opacity: 0.2; filter: grayscale(1);" title="Игрушка 1">
</div>
<div class="korobkatoy-parts">
<div class="korobkaparts-grid">
<!-- Деталь 1 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★★★</div>
<img src="https://i.imgur.com/vC4HfAU.png" style="cursor: pointer;opacity: 0.2; filter: grayscale(1);"  title="Деталь 1">
</div>
<!-- Деталь 2 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★</div>
<img src="https://i.imgur.com/vC4HfAU.png" style="cursor: pointer;opacity: 0.2; filter: grayscale(1);"  title="Деталь 2">
</div>
<!-- Деталь 3 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★★★★</div>
<img src="https://i.imgur.com/vC4HfAU.png" title="Деталь 3">
</div>
<!-- Деталь 4 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★</div>
<img src="https://i.imgur.com/vC4HfAU.png" style="cursor: pointer;opacity: 0.2; filter: grayscale(1);"  title="Деталь 4">
</div>
<!-- Деталь 5 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★★</div>
<img src="https://i.imgur.com/vC4HfAU.png" style="cursor: pointer;opacity: 0.2; filter: grayscale(1);"  title="Деталь 5">
</div>
</div>
</div>
</div>
</div>
 
<!-- Вторая игрушка -->
<div class="korobkatoy-pair">
<div class="korobkatoy-pair-header">
<div class="korobkatoy-name">Игрушка 2</div>
<div class="korobkadetail-name">Детали</div>
</div>
<div class="korobkatoy-pair-content">
<div class="korobkatoy-image">
<img src="https://i.imgur.com/toy2.jpg" title="Игрушка 2">
</div>
<div class="korobkatoy-parts">
<div class="korobkaparts-grid">
<!-- Деталь 1 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★★★</div>
<img src="https://i.imgur.com/part1.jpg" title="Деталь 1">
</div>
<!-- Деталь 2 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★★</div>
<img src="https://i.imgur.com/part2.jpg" title="Деталь 2">
</div>
<!-- Деталь 3 -->
<div class="korobkapart-item">
<div class="part-symbol">★★★★★</div>
<img src="https://i.imgur.com/part3.jpg" title="Деталь 3">
</div>
<!-- Деталь 4 -->
<div class="korobkapart-item">
<div class="part-symbol">★</div>
<img src="https://i.imgur.com/part4.jpg" title="Деталь 4">
</div>
<!-- Деталь 5 -->
<div class="korobkapart-item">
<div class="part-symbol">★★★★★</div>
<img src="https://i.imgur.com/part5.jpg" title="Деталь 5">
</div>
</div>
</div>
</div>
</div>
</div>


<!-- седьмой ряд -->
<div class="korobkatoy-row">
<!-- Первая игрушка -->
<div class="korobkatoy-pair">
<div class="korobkatoy-pair-header">
<div class="korobkatoy-name">Игрушка 1</div>
<div class="korobkadetail-name">Детали</div>
</div>
<div class="korobkatoy-pair-content">
<div class="korobkatoy-image">
<img src="https://i.imgur.com/vC4HfAU.png" style="cursor: pointer;opacity: 0.2; filter: grayscale(1);" title="Игрушка 1">
</div>
<div class="korobkatoy-parts">
<div class="korobkaparts-grid">
<!-- Деталь 1 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★★★</div>
<img src="https://i.imgur.com/vC4HfAU.png" style="cursor: pointer;opacity: 0.2; filter: grayscale(1);"  title="Деталь 1">
</div>
<!-- Деталь 2 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★</div>
<img src="https://i.imgur.com/vC4HfAU.png" style="cursor: pointer;opacity: 0.2; filter: grayscale(1);"  title="Деталь 2">
</div>
<!-- Деталь 3 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★★★★</div>
<img src="https://i.imgur.com/vC4HfAU.png" title="Деталь 3">
</div>
<!-- Деталь 4 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★</div>
<img src="https://i.imgur.com/vC4HfAU.png" style="cursor: pointer;opacity: 0.2; filter: grayscale(1);"  title="Деталь 4">
</div>
<!-- Деталь 5 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★★</div>
<img src="https://i.imgur.com/vC4HfAU.png" style="cursor: pointer;opacity: 0.2; filter: grayscale(1);"  title="Деталь 5">
</div>
</div>
</div>
</div>
</div>
 
<!-- Вторая игрушка -->
<div class="korobkatoy-pair">
<div class="korobkatoy-pair-header">
<div class="korobkatoy-name">Игрушка 2</div>
<div class="korobkadetail-name">Детали</div>
</div>
<div class="korobkatoy-pair-content">
<div class="korobkatoy-image">
<img src="https://i.imgur.com/toy2.jpg" title="Игрушка 2">
</div>
<div class="korobkatoy-parts">
<div class="korobkaparts-grid">
<!-- Деталь 1 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★★★</div>
<img src="https://i.imgur.com/part1.jpg" title="Деталь 1">
</div>
<!-- Деталь 2 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★★</div>
<img src="https://i.imgur.com/part2.jpg" title="Деталь 2">
</div>
<!-- Деталь 3 -->
<div class="korobkapart-item">
<div class="part-symbol">★★★★★</div>
<img src="https://i.imgur.com/part3.jpg" title="Деталь 3">
</div>
<!-- Деталь 4 -->
<div class="korobkapart-item">
<div class="part-symbol">★</div>
<img src="https://i.imgur.com/part4.jpg" title="Деталь 4">
</div>
<!-- Деталь 5 -->
<div class="korobkapart-item">
<div class="part-symbol">★★★★★</div>
<img src="https://i.imgur.com/part5.jpg" title="Деталь 5">
</div>
</div>
</div>
</div>
</div>
</div>


<!-- восьмой ряд -->
<div class="korobkatoy-row">
<!-- Первая игрушка -->
<div class="korobkatoy-pair">
<div class="korobkatoy-pair-header">
<div class="korobkatoy-name">Игрушка 1</div>
<div class="korobkadetail-name">Детали</div>
</div>
<div class="korobkatoy-pair-content">
<div class="korobkatoy-image">
<img src="https://i.imgur.com/vC4HfAU.png" style="cursor: pointer;opacity: 0.2; filter: grayscale(1);" title="Игрушка 1">
</div>
<div class="korobkatoy-parts">
<div class="korobkaparts-grid">
<!-- Деталь 1 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★★★</div>
<img src="https://i.imgur.com/vC4HfAU.png" style="cursor: pointer;opacity: 0.2; filter: grayscale(1);"  title="Деталь 1">
</div>
<!-- Деталь 2 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★</div>
<img src="https://i.imgur.com/vC4HfAU.png" style="cursor: pointer;opacity: 0.2; filter: grayscale(1);"  title="Деталь 2">
</div>
<!-- Деталь 3 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★★★★</div>
<img src="https://i.imgur.com/vC4HfAU.png" title="Деталь 3">
</div>
<!-- Деталь 4 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★</div>
<img src="https://i.imgur.com/vC4HfAU.png" style="cursor: pointer;opacity: 0.2; filter: grayscale(1);"  title="Деталь 4">
</div>
<!-- Деталь 5 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★★</div>
<img src="https://i.imgur.com/vC4HfAU.png" style="cursor: pointer;opacity: 0.2; filter: grayscale(1);"  title="Деталь 5">
</div>
</div>
</div>
</div>
</div>
 
<!-- Вторая игрушка -->
<div class="korobkatoy-pair">
<div class="korobkatoy-pair-header">
<div class="korobkatoy-name">Игрушка 2</div>
<div class="korobkadetail-name">Детали</div>
</div>
<div class="korobkatoy-pair-content">
<div class="korobkatoy-image">
<img src="https://i.imgur.com/toy2.jpg" title="Игрушка 2">
</div>
<div class="korobkatoy-parts">
<div class="korobkaparts-grid">
<!-- Деталь 1 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★★★</div>
<img src="https://i.imgur.com/part1.jpg" title="Деталь 1">
</div>
<!-- Деталь 2 -->
<div class="korobkapart-item">
<div class="korobkapart-symbol">★★★</div>
<img src="https://i.imgur.com/part2.jpg" title="Деталь 2">
</div>
<!-- Деталь 3 -->
<div class="korobkapart-item">
<div class="part-symbol">★★★★★</div>
<img src="https://i.imgur.com/part3.jpg" title="Деталь 3">
</div>
<!-- Деталь 4 -->
<div class="korobkapart-item">
<div class="part-symbol">★</div>
<img src="https://i.imgur.com/part4.jpg" title="Деталь 4">
</div>
<!-- Деталь 5 -->
<div class="korobkapart-item">
<div class="part-symbol">★★★★★</div>
<img src="https://i.imgur.com/part5.jpg" title="Деталь 5">
</div>
</div>
</div>
</div>
</div>
</div>







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

Цитировать Сообщение 1

Поделиться22025-11-26 11:48:53

Автор: stefanio
Личное звание: гарри бенсон, 32
её глаза заворожили меня [опасностью буйного моря]. я отправился за ней на самое дно [поддавшись искушения воле]. не расслышал, как захрустели кости остатка рассудка. куда завела нас любовь? посмотри — в груди пепел. там жутко.
Администратор
Плашка:
Сообщений: 67
Уважение: +0
% vol: 0,0
Кнопка:
$: 100

личная страница с игровой комнатой

Код:

/* -------------------------- ЛИЧНАЯ СТРАНИЦА ---------------------------*/

/* Стили переключателей */
.lichstr input[type="radio"] {
    display: none;
}

.tab-buttons-container {
    position: absolute;
    top: 50px;
    left: 27px;
    z-index: 1000;
    display: flex;
    gap: 5px;
}

.tab-buttons-container label {
    display: inline-block;
    padding: 3px;
    background: rgb(249 252 255 / 10%);
    cursor: pointer;
    font-family: 'trebucbi';
    font-size: 12px;
    color: rgb(249 252 255 / 90%) !important;
    text-shadow: 1px 1px 1px rgb(0 0 0);
    transition: all 0.3s ease;
    letter-spacing: 1px;
}

.tab-buttons-container label:hover {
    background: rgb(249 252 255 / 30%);
    letter-spacing: 1.5px;
}

.tab-buttons-container input:checked + label {
    background: #4CAF50;
    color: white;
}

/* Скрываем все страницы по умолчанию */
.page {
    display: none;
}

/* Показываем выбранную страницу */
#ptab1:checked ~ #lspers,
#ptab2:checked ~ #igrovaya {
    display: block;
}

.lichstr {
    width: 905px;
    left: 50px;
    position: relative;
    margin: 0 auto;
}

#lspers {
    background-image: url(https://forumstatic.ru/files/001b/fb/fb/85690.png?v=1);
    width: 905px;
    top: 30px;
    height: 730px;
    position: relative;
}

#imya {
    position: absolute;
    margin: 50px 0 0px 132px!important;
    width: 345px;
    height: 30px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-family: charming;
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    color: rgb(239 244 249);
    line-height: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-shadow: 1px 1px 0px rgb(18 18 18);
}

#gif  {
    height: 48px;
    width: 48px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    margin: 118px 0 0 446px!important;
    filter: grayscale(1) brightness(1.0) contrast(0.5);
}

#vol {
    position: absolute;
    text-align: center;
    margin: 255px 0px 0px 245px!important;
    font-size: 35px;
    color: rgb(239 244 249);
    font-family: Charming;
    text-shadow: -2px 1px 1px rgb(0 0 0);
    width: 100px;
}

#posti {
    position: absolute;
    text-align: center;
    margin: 255px 0px 0px 390px!important;
    font-size: 35px;
    color: rgb(239 244 249);
    font-family: Charming;
    text-shadow: -2px 1px 1px rgb(0 0 0);
    width: 100px;
}

#reiting {
    position: absolute;
    text-align: center;
    margin: 257px 0px 0px 140px!important;
    font-size: 33px;
    color: rgb(239 244 249);
    font-family: Charming;
    text-shadow: -2px 1px 1px rgb(0 0 0);
    width: 100px;
}

#info {
    position: absolute;
    margin: 100px 0px 0px 145px!important;
    width: 265px;
    height: 85px;
    overflow: auto;
    overflow-x: hidden;
    font-size: 12px;
    color: #000000;
    text-transform: lowercase;
    font-family: trebuch;
    text-align: justify;
    flex-wrap: nowrap;
    padding: 0px 6px 0px 6px;
}

#info::-webkit-scrollbar {
    width: 1px;
    border: 1px solid #60605e;
    background: #5c5c59;
}

#info::-webkit-scrollbar-thumb {
 background: #1b1b1b;
}

#info::-webkit-scrollbar-track {
   border: 1px solid #a2a1a1;
    background: #a2a1a1;
}

#polka {
    position: absolute;
    margin: 560px 0 0 30px!important;
    width: 390px;
    height: 78px;
    text-align: center;
    padding-bottom: 16px;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden!important;
}

#polka img { padding: 0 10px 0 10px; }

#polka::-webkit-scrollbar {
    height: 1px;
    border: 1px solid #60605e;
    background: #5c5c59;
}

#polka::-webkit-scrollbar-thumb {
 background: #1b1b1b;
}

#polka::-webkit-scrollbar-track {
   border: 1px solid #5a5a5a;
    background: #4e4e4e;
}

#awards {
    position: absolute;
    width: 78px;
    height: 270px;
    text-align: center;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 2px 2px;
    margin: 55px 0px 0px 31px !important;
}

#awards img { padding: 1px 0px 1px 0px;  }

#awards::-webkit-scrollbar {
    width: 1px;
    border: 1px solid #adafaf;
    background: #bababa;
}

#awards::-webkit-scrollbar-thumb {
 background: #1b1b1b;
}

#awards::-webkit-scrollbar-track {
   border: 1px solid #5f5e5c;
    background: #656562;
}

#shot {
    position: absolute;
    margin: 437px 0 0 29px!important;
    width: 838px;
    height: 121px;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden!important;
    text-align: center;
    padding: 0;
}

#shot img { padding: 13px 0px 5px 0px; }

#shot chb { filter: grayscale(1) brightness(1.0) contrast(0.5);}

#shot::-webkit-scrollbar {
    height: 1px;
    border: 1px solid #60605e;
    background: #5c5c59;
}

#shot::-webkit-scrollbar-thumb {
 background: #1b1b1b;
}

#shot::-webkit-scrollbar-track {
   border: 1px solid #5a5a5a;
    background: #4e4e4e;
}

#plastinki {
    position: absolute;
    width: 820px;
    height: 71px;
    margin: 383px 0 0 40px!important;
    padding: 0px 1px;
    box-sizing: border-box;
    text-align: center;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden!important;
}

#plastinki img { padding: 0 10px 0 0; }

#plastinki::-webkit-scrollbar {
    height: 1px;
    border: 1px solid #adafaf;
    background: #bababa;
}

#plastinki::-webkit-scrollbar-thumb {
 background: #222222;
}

#plastinki::-webkit-scrollbar-track {
   border: 1px solid #555554;
    background: #545453;
}

#pechati {
    position: absolute;
    width: 390px;
    height: 106px;
    margin: 550px 0 0 477px!important;
    padding: 12px 10px;
    box-sizing: border-box;
    text-align: center;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden!important;
}

#pechati img { padding: 0 10px 0 0; }

#pechati::-webkit-scrollbar {
    height: 1px;
    border: 1px solid #adafaf;
    background: #bababa;
}

#pechati::-webkit-scrollbar-thumb {
 background: #222222;
}

#pechati::-webkit-scrollbar-track {
   border: 1px solid #555554;
    background: #545453;
}

#plashki {
    position: absolute;
    width: 240px;
    height: 265px;
    margin: 64px 0px 0px 525px!important;
    padding: 0px;
    box-sizing: border-box;
    overflow: auto;
    overflow-x: hidden;
    text-align: center;
    direction: ltr;
}

#plashki img { margin-bottom: 2px;}

#plashki::-webkit-scrollbar {
    width: 1px;
    border: 1px solid #adafaf;
    background: #bababa;
}

#plashki::-webkit-scrollbar-thumb {
 background: #111111;
}

#plashki::-webkit-scrollbar-track {
   border: 1px solid #2f2e2e;
    background: #2f2e2e;
}

#malenkieiconcs {
    position: absolute;
    margin: 58px 0 0 796px!important;
    width: 63px;
    height: 265px;
    text-align: center;
    padding-bottom: 6px;
    overflow-x: auto;
}

#malenkieiconcs img { padding: 0 2px 0 0; }

#malenkieiconcs::-webkit-scrollbar {
    width: 1px;
    border: 1px solid #60605e;
    background: #5c5c59;
}

#malenkieiconcs::-webkit-scrollbar-thumb {
 background: #1b1b1b;
}

#malenkieiconcs::-webkit-scrollbar-track {
   border: 1px solid #5a5a5a;
    background: #4e4e4e;
}

#edit {
    background: none;
    position: absolute;
    margin: 177px 448px;
    line-height: 12px;
    height: 17px;
    width: 24px;
    text-align: center;
}


/* Стили для второй страницы - Игровая */
#igrovaya {
    background-image: url(https://forumstatic.ru/files/001b/fb/fb/98243.png?v=1);
    width: 905px;
    height: 730px;
    top: 30px;
    position: relative;
    overflow-y: auto;
    padding: 5px;
    box-sizing: border-box;
}

/* Контейнер для таблицы игрушек с отступами */
.toys-table {
    width: 875px;
    height: 634px;
    overflow: auto;
    -webkit-text-size-adjust: none;
    margin: 14px 0px 0px 7px !important;
    position: absolute;
    top: 30px;
}

.toys-table::-webkit-scrollbar {
    width: 1px;
    background: #adafaf;
}

.toys-table::-webkit-scrollbar-thumb {
 background: #9e9e9e;
}

.toys-table::-webkit-scrollbar-track {
    background-color: #474747;
}

/* Каждый ряд с двумя игрушками */
.toy-row {
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

/* Пара игрушка + детали */
.toy-pair {
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    width: 420px;
}

/* Заголовок пары игрушек */
.toy-pair-header {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.toy-name {
    font-family: trebucbi;
    text-align: center;
    color: rgb(249 252 255) !important;
    font-size: 10px;
    letter-spacing: 1px;
    text-shadow: 5px 0px 4px rgb(0 0 0);
    margin: 0 !important;
    width: 100px;
    text-transform: lowercase;
}

.detail-name {
    font-family: trebucbi;
    text-align: center;
    color: rgb(249 252 255) !important;
    font-size: 10px;
    letter-spacing: 1px;
    text-shadow: 5px 0px 4px rgb(0 0 0);
    margin: 0 !important;
    width: 300px;
    text-transform: lowercase;
}

/* Контейнер для содержимого игрушки и деталей */
.toy-pair-content {
    display: flex;
    gap: 10px;
    width: 100%;
}

/* Блок с игрушкой */
.toy-image {
    width: 100px;
    height: 100px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    box-sizing: border-box;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.toy-image img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 5px;
}

/* Блок с деталями игрушки */
.toy-parts {
    flex: 1;
    height: 100px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    padding: 10px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.parts-grid {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    width: 100%;
}

/* Контейнер для каждой детали с символом */
.part-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

/* Стили для символа над деталью */
.part-symbol {
    font-family: 'FontAwesome', Arial, sans-serif;
    color: rgb(249 252 255);
    font-size: 12px;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.8);
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.parts-grid img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 5px;
    flex-shrink: 0;
}



/* ---------------- ИГРОВАЯ КОМНАТА ---------------- */


.korobka {
    background: url(https://forumstatic.ru/files/001b/fb/fb/57224.png);
    width: 888px;
    height: 866px;
    margin: 0px 0px 0px 40px!important;
    -webkit-text-size-adjust: 100%;
}

.korobka zagl {
    position: absolute;
    font-size: 40px;
    margin: 29px 174px!important;
    text-align: center;
    width: 540px;
    color: rgb(249 252 255)!important;
    font-family: 'Charming'!important;
    text-shadow: 0 1px 1px #000000;
    word-spacing: 2px; 
    text-transform: lowercase;
    transition: 0.5s;
    -webkit-text-size-adjust: 100%;
}

.korobka zagl:hover {
    transition: 1.0s;
    color: rgb(158 184 209)!important;
   font-family: 'Charming'!important;
   font-weight: none;
   border-bottom: none;
    letter-spacing: 1px;
   transition: 0.5s;
   -webkit-text-shadow: 2px 2px 2px #000;
   -moz-text-shadow: 2px 2px 2px #000;
   -webkit-text-size-adjust: none;
}

.korobka .bats {
    width: 888px;
    margin: 86px 0px 0px 0px;
    position: absolute;
    word-spacing: 5px;
    text-align: center;
}

#igratext {
    width: 830px;
    height: 90px;
    font-size: 10px;
    line-height: 13px !important;
    letter-spacing: 1px;
    font-family: "trebuch";
    text-transform: lowercase;
    text-shadow: none;
    overflow-y: auto;
    text-size-adjust: 100%;
    text-align: justify !important;
    color: rgb(249 252 255);
    padding: 0px 5px 7px 5px !important;
    margin: 0px 0px 0px 23px !important;
    -webkit-text-size-adjust: 100%;
}

#igratext b {
    color: rgb(127 148 158) !important;
}

#igratext::-webkit-scrollbar { width: 1px; }

/* Контейнер для таблицы игрушек с отступами */
.korobkatoys-table {
    width: 830px;
    height: 650px;
    overflow: auto;
    -webkit-text-size-adjust: none;
    margin: 14px 0px 0px 30px !important;
    position: absolute;
    top: 90px;
}

.korobkatoys-table::-webkit-scrollbar {
    width: 1px;
    background: #adafaf;
}

.korobkatoys-table::-webkit-scrollbar-thumb {
 background: #9e9e9e;
}

.korobkatoys-table::-webkit-scrollbar-track {
    background-color: #474747;
}

/* Каждый ряд с двумя игрушками */
.korobkatoy-row {
    display: flex;
    gap: 0px;
    justify-content: space-between;
}

/* Пара игрушка + детали */
.korobkatoy-pair {
    padding: 4px;
    display: flex;
    flex-direction: column;
    gap: 3px;
    width: 400px;
}

/* Заголовок пары игрушек */
.korobkatoy-pair-header {
    display: flex;
    justify-content: space-between;
    width: 400px;
}

.korobkatoy-name {
    font-family: trebucbi;
    text-align: center;
    color: rgb(249 252 255) !important;
    font-size: 10px;
    letter-spacing: 1px;
    text-shadow: 5px 0px 4px rgb(0 0 0);
    margin: 0 !important;
    width: 100px;
    text-transform: lowercase;
}

.korobkadetail-name {
    font-family: trebucbi;
    text-align: center;
    color: rgb(249 252 255) !important;
    font-size: 10px;
    letter-spacing: 1px;
    text-shadow: 5px 0px 4px rgb(0 0 0);
    margin: 0 !important;
    width: 300px;
    text-transform: lowercase;
}

/* Контейнер для содержимого игрушки и деталей */
.korobkatoy-pair-content {
    display: flex;
    gap: 10px;
    width: 400px;
}

/* Блок с игрушкой */
.korobkatoy-image {
    width: 80px;
    height: 80px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    box-sizing: border-box;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.korobkatoy-image img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 5px;
}

/* Блок с деталями игрушки */
.korobkatoy-parts {
    flex: 1;
    height: 80px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    padding: 10px 2px 10px 2px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.korobkaparts-grid {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    width: 300px;
}

/* Контейнер для каждой детали с символом */
.korobkapart-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

/* Стили для символа над деталью */
.korobkapart-symbol {
    font-family: 'FontAwesome', Arial, sans-serif;
    color: rgb(249 252 255);
    font-size: 12px;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.8);
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.korobkaparts-grid img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 5px;
    flex-shrink: 0;
}