small animals

Объявление

26/09
угадайка
новый дизайн
22/09
лотерея
время выбирать
22/09
лотерея
время выбирать
22/09
лотерея
время выбирать
22/09
лотерея
время выбирать
22/09
лотерея
время выбирать
22/09
лотерея
время выбирать
22/09
лотерея
время выбирать
22/09
лотерея
время выбирать

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

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » small animals » Новый форум » ug


ug

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

1

[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Пророческая Газета</title>
<style>
    @import url('https://fonts.googleapis.com/css2?family=MedievalSharp&display=swap');

    body {
        background-color: #fdf5e6; /* цвет старой бумаги */
        font-family: 'MedievalSharp', cursive;
        margin: 0;
        padding: 0;
        color: #3e2f1c;
    }

    header {
        text-align: center;
        padding: 40px 20px;
        border-bottom: 2px solid #3e2f1c;
    }

    header h1 {
        font-size: 3em;
        margin: 0;
        letter-spacing: 2px;
    }

    .newspaper {
        max-width: 900px;
        margin: 40px auto;
        padding: 20px;
        background-color: #fff8dc;
        box-shadow: 0 0 20px rgba(0,0,0,0.2);
    }

    article {
        margin-bottom: 40px;
        padding-bottom: 20px;
        border-bottom: 1px dashed #3e2f1c;
    }

    article h2 {
        font-size: 2em;
        margin-bottom: 10px;
    }

    article p {
        font-size: 1.1em;
        line-height: 1.6;
    }

    .decorative-line {
        text-align: center;
        font-size: 2em;
        color: #8b4513;
        margin: 20px 0;
    }

    footer {
        text-align: center;
        padding: 20px;
        border-top: 2px solid #3e2f1c;
        font-size: 0.9em;
    }
</style>
</head>
<body>
<header>
    <h1>Пророческая Газета</h1>
    <p>Все тайны волшебного мира раскрыты</p>
</header>

<div class="newspaper">
    <article>
        <h2>Последние новости Хогвартса</h2>
        <p>Сегодня в Хогвартсе произошло необычное событие: профессор Флитвик создал новый волшебный эксперимент, который удивил всех учеников. Подробности в следующем номере!</p>
    </article>

    <div class="decorative-line">✦✧✦</div>

    <article>
        <h2>Советы от профессора Снейпа</h2>
        <p>Чтобы зелья получались идеально, всегда используйте свежие ингредиенты и помните о концентрации магической энергии. Осторожность — ваш лучший друг!</p>
    </article>

    <div class="decorative-line">✦✧✦</div>

    <article>
        <h2>Предстоящие турниры и события</h2>
        <p>Не пропустите турнир по квиддичу, который состоится в следующие выходные. Команды уже готовятся к поединкам, а фанаты со всего Хогсмида собираются на стадионе!</p>
    </article>
</div>

<footer>
    &copy; 2025 Пророческая Газета. Все права защищены.
</footer>
</body>
</html>

[/html]

0

2

[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Instagram Профиль</title>
<style>
    body {
        font-family: Arial, sans-serif;
        background-color: #fff;
        margin: 0;
        padding: 0;
        display: flex;
        justify-content: center;
    }

    .profile-container {
        width: 95%;
        max-width: 600px;
        margin: 20px;
        background-color: #fff;
        border: 1px solid #dbdbdb;
        border-radius: 5px;
        padding: 20px;
        box-shadow: 0 2px 6px rgba(0,0,0,0.1);
        box-sizing: border-box;
    }

    .profile-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .profile-info {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }

    .profile-info img {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        margin-right: 15px;
        object-fit: cover;
        border: 1px solid #dbdbdb;
    }

    .profile-name {
        font-weight: bold;
        font-size: 1.2em;
    }

    .profile-buttons button {
        padding: 8px 15px;
        margin-left: 5px;
        margin-top: 5px;
        border: 1px solid #dbdbdb;
        background-color: #fff;
        border-radius: 5px;
        cursor: pointer;
        font-weight: bold;
    }

    .profile-buttons button:hover {
        background-color: #efefef;
    }

    .stats {
        display: flex;
        justify-content: space-around;
        margin: 20px 0;
        font-weight: bold;
        flex-wrap: wrap;
    }

    .posts {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
        gap: 5px;
    }

    .posts img {
        width: 100%;
        aspect-ratio: 1 / 1; /* квадратные посты */
        object-fit: cover;
        border-radius: 3px;
    }
</style>
</head>
<body>

<div class="profile-container">
    <div class="profile-header">
        <div class="profile-info">
            <img src="https://via.placeholder.com/80" alt="Фото профиля">
            <div>
                <div class="profile-name">username</div>
                <div class="profile-bio">Это моя биография в Instagram.</div>
            </div>
        </div>
        <div class="profile-buttons">
            <button>Подписаться</button>
            <button>Сообщение</button>
        </div>
    </div>

    <div class="stats">
        <div><span>123</span> постов</div>
        <div><span>456</span> подписчиков</div>
        <div><span>789</span> подписок</div>
    </div>

    <div class="posts">
        <img src="https://via.placeholder.com/200" alt="Пост 1">
        <img src="https://via.placeholder.com/200" alt="Пост 2">
        <img src="https://via.placeholder.com/200" alt="Пост 3">
        <img src="https://via.placeholder.com/200" alt="Пост 4">
        <img src="https://via.placeholder.com/200" alt="Пост 5">
        <img src="https://via.placeholder.com/200" alt="Пост 6">
    </div>
</div>

</body>
</html>

[/html]

ИМЯ ФАМИЛИЯ, ВОЗРАСТ
факультет // чистокровность

родился, сошел с ума и умер

0

3

[html]<!-- вставь в нужный шаблон MyBB или на страницу -->
<div id="dice-widget">
  <label>Кубиков: <input id="dice-count" type="number" value="1" min="1" max="9"></label>
  <label>Граней: <input id="dice-sides" type="number" value="6" min="2" max="1000"></label>
  <button id="dice-roll-btn">Кинуть кубики</button>
  <div id="dice-result" aria-live="polite"></div>
</div>

<script>
document.getElementById('dice-roll-btn').addEventListener('click', async function () {
  const count = Number(document.getElementById('dice-count').value) || 1;
  const sides = Number(document.getElementById('dice-sides').value) || 6;

  // Получаем my_post_key из страницы (MyBB генерирует его в шаблоне: {$mybb->my_post_key})
  // Убедись, что в шаблоне передаёшь его в JS, например:
  // <script>const MYBB_POST_KEY = "{$mybb->my_post_key}";</script>
  if (typeof MYBB_POST_KEY === 'undefined') {
    alert('Ошибка: отсутствует my_post_key. Добавь его в шаблон.');
    return;
  }

  const btn = this;
  btn.disabled = true;
  const resDiv = document.getElementById('dice-result');
  resDiv.textContent = 'Идёт бросок...';

  try {
    const resp = await fetch('/dice.php', {
      method: 'POST',
      headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
      body: new URLSearchParams({
        count: count,
        sides: sides,
        my_post_key: MYBB_POST_KEY
      })
    });

    const data = await resp.json();
    if (!data.ok) {
      resDiv.textContent = 'Ошибка: ' + (data.error || 'неизвестно');
    } else {
      // Отображаем результат — источник правды: saved_id и серверная запись
      resDiv.textContent = 'Выпало: ' + data.result.join(', ') + ' (ID: ' + data.saved_id + ')';
    }
  } catch (e) {
    resDiv.textContent = 'Сетевая ошибка';
  } finally {
    btn.disabled = false;
  }
});
</script>
[/html]

0

4

0


Вы здесь » small animals » Новый форум » ug


Рейтинг форумов | Создать форум бесплатно