темы хтмл

Поделиться12023-04-28 13:52:43

Автор: beyond
Администратор
Сообщений: 29
Уважение: +1

[html]<div class="gost"><gost1></gost1><info1>
the vampire diaries & co // 2011 - ∞
любимые герои и не только
</info1>

<info2>
sarah // caroline // rebekah <br>
davina // scarlett // katherine
</info2>

<links>
ссылка ссылка ссылка ссылка ссылка ссылка
</links>

<priv>
Сайт рыбатекст поможет дизайнеру, верстальщику, вебмастеру сгенерировать несколько абзацев более менее осмысленного текста рыбы на русском языке, а начинающему оратору отточить навык публичных выступлений в домашних условиях. При создании генератора мы использовали небезизвестный универсальный код речей. Текст генерируется абзацами случайным образом от двух до десяти предложений в абзаце, что позволяет сделать текст более привлекательным и живым для визуально-слухового восприятия.
</priv>

<rz></rz>
<gost2><b>придержанные роли</b>
<vn><span>
» name surname - <a href="ссылка на профиль">ник</a> [23/05]<br>
» name surname - <a href="ссылка на профиль">ник</a> [23/05]<br>
» name surname - <a href="ссылка на профиль">ник</a> [23/05]<br>
» name surname - <a href="ссылка на профиль">ник</a> [23/05]<br>
» name surname - <a href="ссылка на профиль">ник</a> [23/05]<br>
» name surname - <a href="ссылка на профиль">ник</a> [23/05]<br>
</span></vn></gost2>

<gost3><b>придержанные внешности</b>
<vn1><span>
» name surname - <a href="ссылка на профиль">ник</a> [23/05]<br>
» name surname - <a href="ссылка на профиль">ник</a> [23/05]<br>
» name surname - <a href="ссылка на профиль">ник</a> [23/05]<br>
» name surname - <a href="ссылка на профиль">ник</a> [23/05]<br>
» name surname - <a href="ссылка на профиль">ник</a> [23/05]<br>
» name surname - <a href="ссылка на профиль">ник</a> [23/05]<br>
</span></vn1></gost3></div>[/html]

Код:

» name surname роли - <a href="ссылка на профиль">ник</a> [00/00]<br>

Код:

» name surname внешности - <a href="ссылка на профиль">ник</a> [00/00]<br>

+1

Поделиться22023-04-30 20:39:53

Автор: beyond
Администратор
Сообщений: 29
Уважение: +1

[html]<div class="amstema"><amstema1></amstema1>
<amstemanazv>
привет
</amstemanazv>
<amstemanazv1></amstemanazv1>

<amstemapriv>
<amstemavn><span>Сайт рыбатекст поможет дизайнеру, верстальщику, вебмастеру сгенерировать несколько абзацев более менее осмысленного текста рыбы на русском языке, а начинающему оратору отточить навык публичных выступлений в домашних условиях. При создании генератора мы использовали небезизвестный универсальный код речей. Текст генерируется абзацами случайным образом от двух до десяти предложений в абзаце, что позволяет сделать текст более привлекательным и живым для визуально-слухового восприятия. Сайт рыбатекст поможет дизайнеру, верстальщику, вебмастеру сгенерировать несколько абзацев более менее осмысленного текста рыбы на русском языке, а начинающему оратору отточить навык публичных выступлений в домашних условиях. При создании генератора мы использовали небезизвестный универсальный код речей. Текст генерируется абзацами случайным образом от двух до десяти предложений в абзаце, что позволяет сделать текст более привлекательным и живым для визуально-слухового восприятия.</span></amstemavn>

</div>[/html]

Код:

[html]<div class="amstema"><amstema1></amstema1>
<amstemanazv><!----------------------------------------------------------------------------------------------  НАЗВАНИЕ ТЕМЫ ---->
 привет
</amstemanazv>
<amstemanazv1></amstemanazv1>

<amstemalinks><!-------------------------------------------------------------------------------------------------->
</amstemalinks>

<amstemapriv><!--------------------------------------------------------------------------------------------------------  ТЕКСТ ---->
<amstemavn><span>Сайт рыбатекст поможет дизайнеру, верстальщику, вебмастеру сгенерировать несколько абзацев более менее осмысленного текста рыбы на русском языке, а начинающему оратору отточить навык публичных выступлений в домашних условиях. При создании генератора мы использовали небезизвестный универсальный код речей. Текст генерируется абзацами случайным образом от двух до десяти предложений в абзаце, что позволяет сделать текст более привлекательным и живым для визуально-слухового восприятия. Сайт рыбатекст поможет дизайнеру, верстальщику, вебмастеру сгенерировать несколько абзацев более менее осмысленного текста рыбы на русском языке, а начинающему оратору отточить навык публичных выступлений в домашних условиях. При создании генератора мы использовали небезизвестный универсальный код речей. Текст генерируется абзацами случайным образом от двух до десяти предложений в абзаце, что позволяет сделать текст более привлекательным и живым для визуально-слухового восприятия.</span></amstemavn>

<amstemarz></amstemarz>

</div>[/html]

0

Поделиться32023-05-01 02:49:23

Автор: beyond
Администратор
Сообщений: 29
Уважение: +1

Код:

[url=http://unholy.f-rpg.me/][img]https://forumstatic.ru/files/001b/dd/85/28324.png[/img]

Код:

[url=http://unholy.f-rpg.me/][img]https://forumstatic.ru/files/001b/dd/85/99127.png[/img]

Код:

[url=http://unholy.f-rpg.me/][img]https://forumstatic.ru/files/001b/dd/85/28324.png[/img]

[/td]

Код:

[url=http://unholy.f-rpg.me/][img]https://forumstatic.ru/files/001b/dd/85/99127.png[/img]

[/tr]
[/table]

0

Поделиться42023-05-01 17:17:37

Автор: beyond
Администратор
Сообщений: 29
Уважение: +1

lee soo hyuk
Описание заявки, планы на игру

0

Поделиться52023-05-04 18:25:47

Автор: beyond
Администратор
Сообщений: 29
Уважение: +1

99

0

Поделиться62023-05-05 19:47:54

Автор: beyond
Администратор
Сообщений: 29
Уважение: +1

пишу

0

Поделиться72023-05-13 10:10:43

Автор: mousson
длинный статус длинный статус длинный статус длинн
j. k. rowling's wizarding world
я к тебе пришла по нелепой воле рассказать, как дик ты, упрям и болен
Сообщений: 48
Уважение: +4

[html]<!DOCTYPE html>
<html>
<head>
<title>Моя страница</title>
<script>
const checkboxes = document.querySelectorAll('input[type="checkbox"]');
const quests = document.querySelectorAll('.quest');

function filterQuests() {
const checkedBoxes = Array.from(checkboxes).filter(box => box.checked);
const checkedTypes = checkedBoxes.map(box => box.value);

quests.forEach(quest => {
const type = quest.getAttribute('data-type');
if (checkedTypes.includes(type)) {
quest.style.display = 'block';
} else {
quest.style.display = 'none';
}
});
}

checkboxes.forEach(box => {
box.addEventListener('change', filterQuests);
});

filterQuests();

</script>
</head>
<body>

<div class="filter">
<label><input type="checkbox" name="type" value="story" checked> Сюжетный</label>
<label><input type="checkbox" name="type" value="personal" checked> Личный</label>
<label><input type="checkbox" name="type" value="alternative" checked> Альтернатива</label>
</div>
<div class="quests-container">
<div class="col-1">
<div class="quest" data-type="story">
<h3>Сюжетный квест 1</h3>
<hr>
<p>Описание сюжетного квеста 1</p>
</div>
<div class="quest" data-type="personal">
<h3>Личный квест 1</h3>
<hr>
<p>Описание личного квеста 1</p>
</div>
<div class="quest" data-type="alternative">
<h3>Альтернативный квест 1</h3>
<hr>
<p>Описание альтернативного квеста 1</p>
</div>
</div>
<div class="col-2">
<div class="quest" data-type="story">
<h3>Сюжетный квест 2</h3>
<hr>
<p>Описание сюжетного квеста 2</p>
</div>
<div class="quest" data-type="personal">
<h3>Личный квест 2</h3>
<hr>
<p>Описание личного квеста 2</p>
</div>
<div class="quest" data-type="alternative">
<h3>Альтернативный квест 2</h3>
<hr>
<p>Описание альтернативного квеста 2</p>
</div>
</div>
</div>
</body>
</html>

[/html]

0

Поделиться82023-05-13 23:32:58

Автор: mousson
длинный статус длинный статус длинный статус длинн
j. k. rowling's wizarding world
я к тебе пришла по нелепой воле рассказать, как дик ты, упрям и болен
Сообщений: 48
Уважение: +4

[html]<!DOCTYPE html>
<html>
<head>
<style>
.filter {
   margin-bottom: 10px;
}
.col-1 {
   float: left;
   width: 39%;
   padding: 10px;
   border: 2px solid #ccc;
   background-color: #f9f9f9;
   box-sizing: border-box;
}
.quest {
   margin-bottom: 20px;
   padding: 10px;
   border: 2px solid #999;
   background-color: #fff;
}
.quest h3 {
   margin: 0;
   font-size: 18px;
   font-weight: normal;
}
.quest hr {
   border-top: 1px solid #ccc;
   margin: 10px 0;
}
.quest p {
   margin: 0;
}
</style>
<script>
const checkboxes = document.querySelectorAll('input[type="checkbox"]');
const quests = document.querySelectorAll('.quest');

function filterQuests() {
const checkedBoxes = Array.from(checkboxes).filter(box => box.checked);
const checkedTypes = checkedBoxes.map(box => box.value);

   quests.forEach(quest => {
   const type = quest.getAttribute('data-type');
   if (checkedTypes.includes(type)) {
   quest.style.display = 'block';
   } else {
   quest.style.display = 'none';
   }
   });
}

checkboxes.forEach(box => {
box.addEventListener('change', filterQuests);
});

filterQuests();
</script>
</head>
<body>

<div class="filter">
<label><input type="checkbox" name="type" value="story" checked> Сюжетный</label>
<label><input type="checkbox" name="type" value="personal" checked> Личный</label>
<label><input type="checkbox" name="type" value="alternative" checked> Альтернатива</label>
</div>
<div class="quests-container">
<div class="col-1">
<div class="quest" data-type="story">
<h3>Сюжетный квест 1</h3>
<hr>
<p>Описание сюжетного квеста 1</p>
</div>
<div class="quest" data-type="personal">
<h3>Личный квест 1</h3>
<hr>
<p>Описание личного квеста 1</p>
</div>
<div class="quest" data-type="alternative">
<h3>Альтернативный квест 1</h3>
<hr>
<p>Описание альтернативного квеста 1</p>
</div>
</div>
<div class="col-1">
<div class="quest" data-type </div>
<div class="col-1">
<div class="quest" data-type="story">
<h3>Сюжетный квест 2</h3>
<hr>
<p>Описание сюжетного квеста 2</p>
</div>
<div class="quest" data-type="personal">
<h3>Личный квест 2</h3>
<hr>
<p>Описание личного квеста 2</p>
</div>
<div class="quest" data-type="alternative">
<h3>Альтернативный квест 2</h3>
<hr>
<p>Описание альтернативного квеста 2</p>
</div>
</div>
</div>
</div>
</body>
</html>

[/html]

0

Поделиться92023-05-13 23:42:11

Автор: mousson
длинный статус длинный статус длинный статус длинн
j. k. rowling's wizarding world
я к тебе пришла по нелепой воле рассказать, как дик ты, упрям и болен
Сообщений: 48
Уважение: +4

[html]<!DOCTYPE html>
<html>
<head>
<style>
.filter {
   display: flex;
   justify-content: center;
   margin-bottom: 20px;
}

.filter label {
margin-right: 10px;
}

.quests-container {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto;
grid-gap: 20px;
}

.quest {
border: 1px solid black;
background-color: white;
padding: 10px;
}

.col-1,
.col-2 {
   flex: 1;
   border: 1px solid #ddd;
   padding: 10px;
   background-color: #f9f9f9;
   margin-right: 10px;
}

.col-2 {
margin-right: 0;
}

</style>
<script>
const checkboxes = document.querySelectorAll('input[type="checkbox"]');
const quests = document.querySelectorAll('.quest');

function filterQuests() {
const checkedBoxes = Array.from(checkboxes).filter(box => box.checked);
const checkedTypes = checkedBoxes.map(box => box.value);

   quests.forEach(quest => {
   const type = quest.getAttribute('data-type');
   if (checkedTypes.includes(type)) {
   quest.style.display = 'block';
   } else {
   quest.style.display = 'none';
   }
   });
}

checkboxes.forEach(box => {
box.addEventListener('change', filterQuests);
});

filterQuests();
</script>
</head>
<body>
<div class="filter">
<label><input type="checkbox" name="type" value="story" checked> Сюжетный</label>
<label><input type="checkbox" name="type" value="personal" checked> Личный</label>
<label><input type="checkbox" name="type" value="alternative" checked> Альтернатива</label>
</div>
<div class="quests-container">
<div class="col-1">
<div class="quest" data-type="story">
<h3>Сюжетный квест 1</h3>
<hr>
<p>Описание сюжетного квеста 1</p>
</div>
<div class="quest" data-type="personal">
<h3>Личный квест 1</h3>
<hr>
<p>Описание личного квеста 1</p>
</div>
<div class="quest" data-type="alternative">
<h3>Альтернативный квест 1</h3>
<hr>
<p>Описание альтернативного квеста 1</
</p>
</div>
</div>
<div class="col-2">
<div class="quest" data-type </div>
<div class="col-2">
<div class="quest" data-type="story">
<h3>Сюжетный квест 2</h3>
<hr>
<p>Описание сюжетного квеста 2</p>
</div>
<div class="quest" data-type="personal">
<h3>Личный квест 2</h3>
<hr>
<p>Описание личного квеста 2</p>
</div>
<div class="quest" data-type="alternative">
<h3>Альтернативный квест 2</h3>
<hr>
<p>Описание альтернативного квеста 2</p>
</div>
</div>
</div>
</div>
</body>
</html>

[/html]

0

Поделиться102023-05-14 17:57:38

Автор: beyond
Администратор
Сообщений: 29
Уважение: +1

скрипт смены шапок

<div class="title-logo-tr" id="title-logo-tr"></div>

<script type="text/javascript">
var headerImages = ["image1.jpg", "image2.jpg", "image3.jpg"];

var randomIndex = Math.floor(Math.random() * headerImages.length);
var randomImage = headerImages[randomIndex];
var headerPanel = document.getElementById("title-logo-tr");
headerPanel.style.backgroundImage = "url('" + randomImage + "')";

headerPanel.style.height = "200px";
headerPanel.style.backgroundRepeat = "no-repeat";
headerPanel.style.backgroundSize = "cover";
</script>