New York City
the city that never sleeps
----------------------------

NYC Radio

пробный

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

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


Вы здесь » пробный » разное » плашки


плашки

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

1

[html]<div id="badges-limited-edition" class="glossy-news">
  <style>
    /* === Только для этого блока: плашки-лимитки === */
    #badges-limited-edition.glossy-news {
      --dusty-rose: #D2A5A5;
      --dusty-yellow: #E5C87B;
      --dark-gray: #3C3C3C;
      --light-gray: #F5F5F5;
      --white: #FFFFFF;

      font-family: 'Verdana', 'Century Gothic', Arial, sans-serif;
      font-size: 12px;
      line-height: 1.6;
      color: var(--dark-gray);
      background: var(--light-gray);
      max-width: 1000px;
      margin: 0 auto;
      padding: 20px 24px;
      box-sizing: border-box;
      box-shadow: 0 4px 24px rgba(0,0,0,0.06);
      border-radius: 4px;
    }

    #badges-limited-edition .content-block {
      background: var(--white);
      padding: 20px 24px;
      border-radius: 6px;
      border: 1px solid var(--dusty-rose);
      box-shadow: 0 2px 8px rgba(0,0,0,0.03);
      overflow: hidden; /* очистка обтекания */
    }

    #badges-limited-edition .float-image {
      float: left;
      width: 120px;
      height: auto;
      margin: 0 16px 10px 0;
      border-radius: 6px;
      border: 1px solid var(--dusty-yellow);
      display: block;
    }

    #badges-limited-edition .block-title {
      font-family: 'Playfair Display', Georgia, serif;
      font-weight: 700;
      font-size: 20px;
      letter-spacing: 0.5px;
      color: var(--dark-gray);
      margin: 0 0 16px;
      padding-bottom: 6px;
      border-bottom: 2px solid var(--dusty-yellow);
      position: relative;
    }
    #badges-limited-edition .block-title::after {
      content: '';
      position: absolute;
      bottom: -2px;
      left: 0;
      width: 40px;
      height: 2px;
      background: var(--dusty-rose);
    }

    #badges-limited-edition p {
      margin: 0 0 12px;
    }
    #badges-limited-edition p:last-child {
      margin-bottom: 0;
    }

    #badges-limited-edition a {
      color: var(--dusty-rose);
      text-decoration: none;
      font-weight: 600;
      border-bottom: 1px solid transparent;
      transition: color 0.2s, border-bottom 0.2s;
    }
    #badges-limited-edition a:hover {
      color: var(--dark-gray);
      border-bottom-color: var(--dusty-yellow);
    }
  </style>

  <div class="content-block">
    <div class="block-title">#1 «Без музыки жизнь была бы ошибкой»</div>
    <img src="https://upforme.ru/uploads/001c/1a/2f/357/495184.png?img=28" alt="Плашка" class="float-image">
    <p>
      Первая коллекция посвящается международному дню джаза (30.04) и музыке.<br>
Неслучайно говорят, что джаз — это демократия в музыке. Он родился из соединения культур и продолжает объединять людей по всему миру, стирая границы и напоминая, что гармония возможна даже из разноголосицы. <br>Пусть музыка всегда дарит крылья, а джаз — смелость импровизировать и находить свою единственно верную ноту.
    </p>
    <p>
      Данная коллекция доступна для покупки до 10.05.<br>
Стоимость плашки — 1 500 $ <br>
По желанию проставляется однотонная нижняя плашка в тон верхней.
    </p>
  </div>
</div>[/html]

1. https://upforme.ru/uploads/001c/1a/2f/357/745451.gif 2.https://upforme.ru/uploads/001c/1a/2f/357/270552.gif
3.https://upforme.ru/uploads/001c/1a/2f/357/68791.gif 4.https://upforme.ru/uploads/001c/1a/2f/357/441463.gif 5.https://upforme.ru/uploads/001c/1a/2f/357/899935.gif
6.https://upforme.ru/uploads/001c/1a/2f/357/529891.gif 7.https://upforme.ru/uploads/001c/1a/2f/357/551995.gif

0

2

[html]<div id="badges-limitki" class="glossy-news">
  <style>
    /* === Стили только для блока "плашки-лимитки" === */
    #badges-limitki.glossy-news {
      --dusty-rose: #D2A5A5;
      --dusty-yellow: #E5C87B;
      --dark-gray: #3C3C3C;
      --light-gray: #F5F5F5;
      --white: #FFFFFF;

      font-family: 'Verdana', 'Century Gothic', Arial, sans-serif;
      font-size: 12px;
      line-height: 1.6;
      color: var(--dark-gray);
      background: var(--light-gray);
      max-width: 1000px;
      margin: 0 auto;
      padding: 25px 30px 20px;
      box-sizing: border-box;
      box-shadow: 0 4px 24px rgba(0,0,0,0.06);
      border-radius: 4px;
    }

    @import url('https://fonts.googleapis.com/css2?family=Rubik+Mono+One&family=Playfair+Display:wght@600;700&display=swap');

    #badges-limitki .content-block {
      background: var(--white);
      padding: 20px 24px;
      border-radius: 6px;
      border: 1px solid var(--dusty-rose);
      box-shadow: 0 2px 8px rgba(0,0,0,0.03);
      margin-top: 24px;
    }

    #badges-limitki .block-title {
      font-family: 'Playfair Display', Georgia, serif;
      font-weight: 700;
      font-size: 20px;
      letter-spacing: 0.5px;
      color: var(--dark-gray);
      margin: 0 0 12px;
      padding-bottom: 6px;
      border-bottom: 2px solid var(--dusty-yellow);
      position: relative;
    }
    #badges-limitki .block-title::after {
      content: '';
      position: absolute;
      bottom: -2px;
      left: 0;
      width: 40px;
      height: 2px;
      background: var(--dusty-rose);
    }

    #badges-limitki a {
      color: var(--dusty-rose);
      text-decoration: none;
      font-weight: 600;
      border-bottom: 1px solid transparent;
      transition: color 0.2s, border-bottom 0.2s;
    }
    #badges-limitki a:hover {
      color: var(--dark-gray);
      border-bottom-color: var(--dusty-yellow);
    }

    #badges-limitki p {
      margin: 0 0 12px;
    }
    #badges-limitki p:last-child {
      margin-bottom: 0;
    }
  </style>

  <!-- Заголовок с GIF-текстурой -->
  <div style="text-align:center;font-size: 3em;font-family:Rubik Mono One;font-weight: 600;background-image: url(https://upforme.ru/uploads/001c/1a/2f/300/861706.gif);background-size: 250px;background-repeat: repeat;color: transparent;-webkit-background-clip: text;background-clip: text;">
    плашки<br>
лимитированные коллекции
  </div>

  <!-- Текстовый блок -->
  <div class="content-block">
     <div class="block-title">Лимитки. Что такое и с чем едят?</div>
    <p>
      Данная тема предназначена для лимитированных коллекций плашек. Все они будут тематическими, приуроченными к какому-либо событию или празднику.
    </p>
    <p>
      Каждая коллекция доступна к покупке только на определённый срок, после истечения которого приобрести их уже будет нельзя. Все купленные плашки из специальных коллекций вы можете надеть сразу или же убрать на личную страничку, чтобы нарядиться позже.
    </p>
<p>
Сообщения о желании приобрести\поставить коллекционную плашку, можно оставлять прямо в этой теме, по шаблону, который размещён ниже (в банк идти не нужно).
</p>
   </div>
</div>[/html]

Код:
■ [b]Покупка[/b] номер плашки
■ [b]Детали[/b] ставим в профиль или на личную страницу. себе или другу (ссылка на профиль)
■ [b]Баланс[/b] было-покупка=стало 

0

3

[html]<div id="badges-limited-edition" class="glossy-news">
  <style>
    /* === Только для этого блока: плашки-лимитки === */
    #badges-limited-edition.glossy-news {
      --dusty-rose: #D2A5A5;
      --dusty-yellow: #E5C87B;
      --dark-gray: #3C3C3C;
      --light-gray: #F5F5F5;
      --white: #FFFFFF;

      font-family: 'Verdana', 'Century Gothic', Arial, sans-serif;
      font-size: 12px;
      line-height: 1.6;
      color: var(--dark-gray);
      background: var(--light-gray);
      max-width: 1000px;
      margin: 0 auto;
      padding: 20px 24px;
      box-sizing: border-box;
      box-shadow: 0 4px 24px rgba(0,0,0,0.06);
      border-radius: 4px;
    }

    #badges-limited-edition .content-block {
      background: var(--white);
      padding: 20px 24px;
      border-radius: 6px;
      border: 1px solid var(--dusty-rose);
      box-shadow: 0 2px 8px rgba(0,0,0,0.03);
      overflow: hidden; /* очистка обтекания */
    }

    #badges-limited-edition .float-image {
      float: left;
      width: 120px;
      height: auto;
      margin: 0 16px 10px 0;
      border-radius: 6px;
      border: 1px solid var(--dusty-yellow);
      display: block;
    }

    #badges-limited-edition .block-title {
      font-family: 'Playfair Display', Georgia, serif;
      font-weight: 700;
      font-size: 20px;
      letter-spacing: 0.5px;
      color: var(--dark-gray);
      margin: 0 0 16px;
      padding-bottom: 6px;
      border-bottom: 2px solid var(--dusty-yellow);
      position: relative;
    }
    #badges-limited-edition .block-title::after {
      content: '';
      position: absolute;
      bottom: -2px;
      left: 0;
      width: 40px;
      height: 2px;
      background: var(--dusty-rose);
    }

    #badges-limited-edition p {
      margin: 0 0 12px;
    }
    #badges-limited-edition p:last-child {
      margin-bottom: 0;
    }

    #badges-limited-edition a {
      color: var(--dusty-rose);
      text-decoration: none;
      font-weight: 600;
      border-bottom: 1px solid transparent;
      transition: color 0.2s, border-bottom 0.2s;
    }
    #badges-limited-edition a:hover {
      color: var(--dark-gray);
      border-bottom-color: var(--dusty-yellow);
    }
  </style>

  <div class="content-block">
    <div class="block-title">#2 «Четыре стихии» (до 18.05)</div>
    <img src="https://upforme.ru/uploads/001c/1a/2f/357/766842.jpg?img=28" alt="Плашка" class="float-image">
    <p>
      Вторая коллекция посвящена четырём стихиям.<br>
Это не просто физические элементы. Это универсальный язык, на котором говорит сама природа. Земля — наша опора. Вода — текучая душа бытия. Воздух — дыхание жизни. И, наконец, Огонь — божественная искра, тепло наших сердец <br> Выбери свою стихию, свой элемент.
    </p>
    <p>
      Данная коллекция доступна для покупки до 18.05.<br>
Стоимость плашки — 1 500 $ <br>
По желанию проставляется однотонная нижняя плашка в тон верхней.
    </p>
  </div>
</div>[/html]

1. https://upforme.ru/uploads/001c/1a/2f/357/989111.gif 2. https://upforme.ru/uploads/001c/1a/2f/357/937156.gif
3. https://upforme.ru/uploads/001c/1a/2f/357/872403.gif 4. https://upforme.ru/uploads/001c/1a/2f/357/68027.gif


5. https://upforme.ru/uploads/001c/1a/2f/357/279767.gif 6. https://upforme.ru/uploads/001c/1a/2f/357/980362.gif
7. https://upforme.ru/uploads/001c/1a/2f/357/677764.gif 8. https://upforme.ru/uploads/001c/1a/2f/357/130808.gif


9. https://upforme.ru/uploads/001c/1a/2f/357/428873.gif 10. https://upforme.ru/uploads/001c/1a/2f/357/417990.gif
11. https://upforme.ru/uploads/001c/1a/2f/357/679840.gif 12. https://upforme.ru/uploads/001c/1a/2f/357/64393.gif


13. https://upforme.ru/uploads/001c/1a/2f/357/809405.gif 14. https://upforme.ru/uploads/001c/1a/2f/357/399432.gif
15. https://upforme.ru/uploads/001c/1a/2f/357/895175.gif 16. https://upforme.ru/uploads/001c/1a/2f/357/537462.gif

[hideprofile]

[sign]    [/sign]

0

4

[html]<div id="badges-limited-edition" class="glossy-news">
  <style>
    /* === Только для этого блока: плашки-лимитки === */
    #badges-limited-edition.glossy-news {
      --dusty-rose: #D2A5A5;
      --dusty-yellow: #E5C87B;
      --dark-gray: #3C3C3C;
      --light-gray: #F5F5F5;
      --white: #FFFFFF;

      font-family: 'Verdana', 'Century Gothic', Arial, sans-serif;
      font-size: 12px;
      line-height: 1.6;
      color: var(--dark-gray);
      background: var(--light-gray);
      max-width: 1000px;
      margin: 0 auto;
      padding: 20px 24px;
      box-sizing: border-box;
      box-shadow: 0 4px 24px rgba(0,0,0,0.06);
      border-radius: 4px;
    }

    #badges-limited-edition .content-block {
      background: var(--white);
      padding: 20px 24px;
      border-radius: 6px;
      border: 1px solid var(--dusty-rose);
      box-shadow: 0 2px 8px rgba(0,0,0,0.03);
      overflow: hidden; /* очистка обтекания */
    }

    #badges-limited-edition .float-image {
      float: left;
      width: 120px;
      height: auto;
      margin: 0 16px 10px 0;
      border-radius: 6px;
      border: 1px solid var(--dusty-yellow);
      display: block;
    }

    #badges-limited-edition .block-title {
      font-family: 'Playfair Display', Georgia, serif;
      font-weight: 700;
      font-size: 20px;
      letter-spacing: 0.5px;
      color: var(--dark-gray);
      margin: 0 0 16px;
      padding-bottom: 6px;
      border-bottom: 2px solid var(--dusty-yellow);
      position: relative;
    }
    #badges-limited-edition .block-title::after {
      content: '';
      position: absolute;
      bottom: -2px;
      left: 0;
      width: 40px;
      height: 2px;
      background: var(--dusty-rose);
    }

    #badges-limited-edition p {
      margin: 0 0 12px;
    }
    #badges-limited-edition p:last-child {
      margin-bottom: 0;
    }

    #badges-limited-edition a {
      color: var(--dusty-rose);
      text-decoration: none;
      font-weight: 600;
      border-bottom: 1px solid transparent;
      transition: color 0.2s, border-bottom 0.2s;
    }
    #badges-limited-edition a:hover {
      color: var(--dark-gray);
      border-bottom-color: var(--dusty-yellow);
    }
  </style>

  <div class="content-block">
    <div class="block-title">#3 «Самый милый пак» (до 18.05)</div>
    <img src="https://upforme.ru/uploads/001c/1a/2f/357/470080.jpg?img=28" alt="Плашка" class="float-image">
    <p>
      Третья коллекция будет очень милой.<br>
Весна — время обновления. Время открывать окна настежь, чистить пёрышки и всё, что чистится, впускать тепло и свет в свой дом и своё сердешко. И эти малыши пришли помочь вам в этом деле. <br> Скорее выбирай какую плашку ты поставишь или приберёшь на полочку.
    </p>
    <p>
      Данная коллекция доступна для покупки до 15.06.<br>
Стоимость плашки — 1 000 $ <br>
По желанию проставляется однотонная нижняя плашка в тон верхней.
    </p>
  </div>
</div>[/html]

1. https://upforme.ru/uploads/001c/1a/2f/357/679480.png 2. https://upforme.ru/uploads/001c/1a/2f/357/438732.png 3. https://upforme.ru/uploads/001c/1a/2f/357/288823.png
4. https://upforme.ru/uploads/001c/1a/2f/357/762677.png 5. https://upforme.ru/uploads/001c/1a/2f/357/208967.png 6. https://upforme.ru/uploads/001c/1a/2f/357/362877.png
7. https://upforme.ru/uploads/001c/1a/2f/357/584008.png 8. https://upforme.ru/uploads/001c/1a/2f/357/548777.png 9. https://upforme.ru/uploads/001c/1a/2f/357/885599.png
10. https://upforme.ru/uploads/001c/1a/2f/357/772462.png

[hideprofile]

[sign]    [/sign]

0

5

[html]<div id="badges-limited-edition" class="glossy-news">
  <style>
    /* === Только для этого блока: плашки-лимитки === */
    #badges-limited-edition.glossy-news {
      --dusty-rose: #D2A5A5;
      --dusty-yellow: #E5C87B;
      --dark-gray: #3C3C3C;
      --light-gray: #F5F5F5;
      --white: #FFFFFF;

      font-family: 'Verdana', 'Century Gothic', Arial, sans-serif;
      font-size: 12px;
      line-height: 1.6;
      color: var(--dark-gray);
      background: var(--light-gray);
      max-width: 1000px;
      margin: 0 auto;
      padding: 20px 24px;
      box-sizing: border-box;
      box-shadow: 0 4px 24px rgba(0,0,0,0.06);
      border-radius: 4px;
    }

    #badges-limited-edition .content-block {
      background: var(--white);
      padding: 20px 24px;
      border-radius: 6px;
      border: 1px solid var(--dusty-rose);
      box-shadow: 0 2px 8px rgba(0,0,0,0.03);
      overflow: hidden; /* очистка обтекания */
    }

    #badges-limited-edition .float-image {
      float: left;
      width: 120px;
      height: auto;
      margin: 0 16px 10px 0;
      border-radius: 6px;
      border: 1px solid var(--dusty-yellow);
      display: block;
    }

    #badges-limited-edition .block-title {
      font-family: 'Playfair Display', Georgia, serif;
      font-weight: 700;
      font-size: 20px;
      letter-spacing: 0.5px;
      color: var(--dark-gray);
      margin: 0 0 16px;
      padding-bottom: 6px;
      border-bottom: 2px solid var(--dusty-yellow);
      position: relative;
    }
    #badges-limited-edition .block-title::after {
      content: '';
      position: absolute;
      bottom: -2px;
      left: 0;
      width: 40px;
      height: 2px;
      background: var(--dusty-rose);
    }

    #badges-limited-edition p {
      margin: 0 0 12px;
    }
    #badges-limited-edition p:last-child {
      margin-bottom: 0;
    }

    #badges-limited-edition a {
      color: var(--dusty-rose);
      text-decoration: none;
      font-weight: 600;
      border-bottom: 1px solid transparent;
      transition: color 0.2s, border-bottom 0.2s;
    }
    #badges-limited-edition a:hover {
      color: var(--dark-gray);
      border-bottom-color: var(--dusty-yellow);
    }
  </style>

  <div class="content-block">
    <div class="block-title">#6 «Под водой» (до 15.07)</div>
    <img src="https://forumstatic.ru/files/001c/b3/e9/34952.png?img=28" alt="Плашка" class="float-image">
    <p>
      Шестая коллекция — подводная и освежающая как горный ручей.
    </p>
    <p>
      Данная коллекция доступна для покупки до 15.07.<br>
Стоимость плашки — 2 000 $ <br>
По желанию проставляется однотонная нижняя плашка в тон верхней.
    </p>
  </div>
</div>[/html]
1. https://forumstatic.ru/files/001c/b3/e9/32601.gif  2. https://forumstatic.ru/files/001c/b3/e9/61324.gif  3. https://forumstatic.ru/files/001c/b3/e9/89078.gif
4. https://forumstatic.ru/files/001c/b3/e9/30073.gif  5. https://forumstatic.ru/files/001c/b3/e9/21872.gif  6. https://forumstatic.ru/files/001c/b3/e9/35971.gif

для амс

0


Вы здесь » пробный » разное » плашки


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