ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов

Объявление

🎲 Майский ваншот

Ленивая сезонная майская акция
Сыграем в настольную игру в дискорде?
Пишите, присоединяйтесь к обсуждению!

Подробности

GEMcross

Кроссовер, ориентированный на активную игру и уютный флуд.
Собираем у себя драгоценных игроков уже почти три года.

Посетить

🔥 Новинка в портфолио: ДИЗАЙН И ГРАФИКА В СТИЛЕ GENSHIN IMPACT

Платформа: MyBB.ru (RusFF)
Стоимость: 6500 рублей;
Авторы: Moju & wasurenagusa

Посмотреть

💰 Теперь у нас можно приобрести "Мгновенные уведомления от Алекса"

Скрипт оповещает пользователей о событиях на форуме в реальном времени, придавая динамики общению.
Автор: Alex_63 | Платформа: MyBB.ru.

У нас: структурированная документация, возможность платить иностранными картами, перевыпустить подписку или купить бессрочно.

Купить скрипт

🌟 ОПЛАТА ЗАКАЗА НАГРАДНЫМИ БАЛЛАМИ И СКИДКИ

Заказы можно оплачивать наградными баллами (НБ). Полностью или частично.
Бартер за НБ осуществляется на условиях платного заказа, в качестве оплаты - НБ.
А если у вас есть любой платный заказ, вы можете обменять НБ на скидочные купоны.

узнать подробности

❤️ Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайте • Предложения
Стать модератором • Отзывы

Подробнее

SPECIAL OFFER: We distribute designs for free

Finalizing the layout for your project;
Developing a style code;
Mobile version included if you wish.

Details

Support the project

If you want to help us:
Become a moderator
Suggestions • Reviews

Details
СкрытьПоказать
❗ ❗ ❗ Technical work is underway. We'll fix it soon. :) If you're english-speaker and want to use our forum, switch to the russian language. This is temporary, until the works with multi-language option will be done. Sorry for the inconvenience.

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

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

Вопрос/ответ по дизайну css #6

Страница:   1 … 97 98 99 100 101  
Тема закрыта

Сообщений 981 страница 990 из 1001

1

  • Автор: Gerda
  • технозомби
  • Gerda
  • Уважение: +9811
  • Достижения/подарки: cake 8 emoji_events 16
  • Наградные баллы: 1612
  • Проверенный спец:
    FD
    FD

Ваши вопросы по копанию в css стилях форума. часть шестая.
Смотрим предыдущее тут Вопрос/ответ по дизайну css #5

Если у вас вопросы технического характера конкретно по вашему форуму - оставляйте адрес, иначе помочь вам не смогут.

+2

981

  • Автор: Gerda
  • технозомби
  • Gerda
  • Уважение: +9811
  • Достижения/подарки: cake 8 emoji_events 16
  • Наградные баллы: 1612
  • Проверенный спец:
    FD
    FD

ocean
еще при большом отступе админкой пользоваться будет неудобно

так что стоит добавить
это подвинет "тело" вверх в админке:

.punbb-admin {margin-top: -300px}

это подвинет меню в админке:

.punbb-admin #pun-navlinks {top: 30px;}
.punbb-admin #pun-ulinks  {top: 50px;}

+2

982

  • Автор: ocean
  • Проверенный специалист
  • ocean
  • Уважение: +604
  • Достижения/подарки: cake 1 emoji_events 3
  • Наградные баллы: 880
  • Проверенный спец:
    FD
    FD

Герда
оно подвинулось не совсем адекватно

так

https://i.imgur.com/Mpn7f52.png

+2

983

  • Автор: Gerda
  • технозомби
  • Gerda
  • Уважение: +9811
  • Достижения/подарки: cake 8 emoji_events 16
  • Наградные баллы: 1612
  • Проверенный спец:
    FD
    FD

ocean
пропиши на него фон в админке.

дело в том, что #pun не отличается на разных страничках.
так шо када ставишь на него фон (или отступ) - низя сдать назад.
можно тока внутри что-то поправить.
в случае с админкой - мы вытаскиваем punbb вверх, но в него не был добавлен фон - вот он и прозрачный.

+3

984

  • Автор: ocean
  • Проверенный специалист
  • ocean
  • Уважение: +604
  • Достижения/подарки: cake 1 emoji_events 3
  • Наградные баллы: 880
  • Проверенный спец:
    FD
    FD

Герда
сделала, все хорошо С:
спасибо

+2

985

Не уверена, что вопрос о css , однако , у нас есть вот такое оформление победителей Погони ( не вникать , что это),
[html]
<IFRAME class="iframeAdaptive"  height="580px" width="100%" SRC="https://godon.ru/gggggg.html" frameborder="0"> </IFRAME><hr><center>  [/html]

Код выглядит так

Код:
 <!DOCTYPE html>

<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">


<html><svg viewbox="0 0 200 20">
  <defs>
    <linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
        <stop offset="5%" stop-color="#FFFFFF"/>
      <stop offset="95%" stop-color="#000000"/>
    </linearGradient>
    <pattern id="wave" x="0" y="0" width="120" height="20" patternUnits="userSpaceOnUse">
      <path id="wavePath" d="M-40 9 Q-30 7 -20 9 T0 9 T20 9 T40 9 T60 9 T80 9 T100 9 T120 9 V20 H-40z" mask="url(#mask)" fill="url(#gradient)"> 
        <animateTransform
            attributeName="transform"
            begin="0s"
            dur="1.5s"
            type="translate"
            from="0,0"
            to="40,0"
            repeatCount="indefinite" />
      </path>
    </pattern>
  </defs>
  <text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#wave)"  fill-opacity="0.9">*_*_*</text>
  <text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#gradient)" fill-opacity="0.5"> *_*_* </text>
</svg></html>
<style> body,html{margin:0;padding:0;height:100%;}
body{
  background:url('https://i.imgur.com/COzx2TN.jpg');
  background-size:cover;
  font-family: 'Cabin Condensed', sans-serif;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}
svg{font-weight:bold;max-width:800px;height:auto;}


</style>

<html><svg viewbox="0 0 200 20">
  <defs>
    <linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
        <stop offset="5%" stop-color="#FFFFFF"/>
      <stop offset="95%" stop-color="#000000"/>
    </linearGradient>
    <pattern id="wave" x="0" y="0" width="120" height="20" patternUnits="userSpaceOnUse">
      <path id="wavePath" d="M-40 9 Q-30 7 -20 9 T0 9 T20 9 T40 9 T60 9 T80 9 T100 9 T120 9 V20 H-40z" mask="url(#mask)" fill="url(#gradient)"> 
        <animateTransform
            attributeName="transform"
            begin="0s"
            dur="1.5s"
            type="translate"
            from="0,0"
            to="40,0"
            repeatCount="indefinite" />
      </path>
    </pattern>
  </defs>
  <text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#wave)"  fill-opacity="0.9"></text>
  <text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#gradient)" fill-opacity="0.5"></text>
</svg></html>
<style> body,html{margin:0;padding:0;height:100%;}
body{
  background:url('https://i.imgur.com/COzx2TN.jpg');
  background-size:cover;
  font-family: 'Cabin Condensed', sans-serif;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}
svg{font-weight:bold;max-width:800px;height:auto;}


</style>

<html><svg viewbox="0 0 200 20">
  <defs>
    <linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
        <stop offset="5%" stop-color="#FFFFFF"/>
      <stop offset="95%" stop-color="#000000"/>
    </linearGradient>
    <pattern id="wave" x="0" y="0" width="120" height="20" patternUnits="userSpaceOnUse">
      <path id="wavePath" d="M-40 9 Q-30 7 -20 9 T0 9 T20 9 T40 9 T60 9 T80 9 T100 9 T120 9 V20 H-40z" mask="url(#mask)" fill="url(#gradient)"> 
        <animateTransform
            attributeName="transform"
            begin="0s"
            dur="1.5s"
            type="translate"
            from="0,0"
            to="40,0"
            repeatCount="indefinite" />
      </path>
    </pattern>
  </defs>
  <text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#wave)"  fill-opacity="0.9">✅Вейма</text>
  <text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#gradient)" fill-opacity="0.5">✅Вейма</text>
</svg></html>
<style> body,html{margin:0;padding:0;height:100%;}
body{
  background:url('https://i.imgur.com/COzx2TN.jpg');
  background-size:cover;
  font-family: 'Cabin Condensed', sans-serif;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}
svg{font-weight:bold;max-width:800px;height:auto;}


</style>

<html><svg viewbox="0 0 200 20">
  <defs>
    <linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
        <stop offset="5%" stop-color="#FFFFFF"/>
      <stop offset="95%" stop-color="#000000"/>
    </linearGradient>
    <pattern id="wave" x="0" y="0" width="120" height="20" patternUnits="userSpaceOnUse">
      <path id="wavePath" d="M-40 9 Q-30 7 -20 9 T0 9 T20 9 T40 9 T60 9 T80 9 T100 9 T120 9 V20 H-40z" mask="url(#mask)" fill="url(#gradient)"> 
        <animateTransform
            attributeName="transform"
            begin="0s"
            dur="1.5s"
            type="translate"
            from="0,0"
            to="40,0"
            repeatCount="indefinite" />
      </path>
    </pattern>
  </defs>
  <text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#wave)"  fill-opacity="0.9">🇷🇺〽🅰®ℹ🅰📈📈🅰♊</text>
  <text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#gradient)" fill-opacity="0.5">🇷🇺〽🅰®ℹ🅰📈📈🅰♊</text>
</svg></html>
<style> body,html{margin:0;padding:0;height:100%;}
body{
  background:url('https://i.imgur.com/COzx2TN.jpg');
  background-size:cover;
  font-family: 'Cabin Condensed', sans-serif;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}
svg{font-weight:bold;max-width:800px;height:auto;}


</style><html><svg viewbox="0 0 200 20">
  <defs>
    <linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
        <stop offset="5%" stop-color="#FFFFFF"/>
      <stop offset="95%" stop-color="#000000"/>
    </linearGradient>
    <pattern id="wave" x="0" y="0" width="120" height="20" patternUnits="userSpaceOnUse">
      <path id="wavePath" d="M-40 9 Q-30 7 -20 9 T0 9 T20 9 T40 9 T60 9 T80 9 T100 9 T120 9 V20 H-40z" mask="url(#mask)" fill="url(#gradient)"> 
        <animateTransform
            attributeName="transform"
            begin="0s"
            dur="1.5s"
            type="translate"
            from="0,0"
            to="40,0"
            repeatCount="indefinite" />
      </path>
    </pattern>
  </defs>
  <text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#wave)"  fill-opacity="0.9">Наталья</text>
  <text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#gradient)" fill-opacity="0.5">Наталья</text>
</svg></html>
<style> body,html{margin:0;padding:0;height:100%;}
body{
  background:url('https://i.imgur.com/COzx2TN.jpg');
  background-size:cover;
  font-family: 'Cabin Condensed', sans-serif;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}
svg{font-weight:bold;max-width:800px;height:auto;}


</style>
<html><svg viewbox="0 0 200 20">
  <defs>
    <linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
        <stop offset="5%" stop-color="#FFFFFF"/>
      <stop offset="95%" stop-color="#000000"/>
    </linearGradient>
    <pattern id="wave" x="0" y="0" width="120" height="20" patternUnits="userSpaceOnUse">
      <path id="wavePath" d="M-40 9 Q-30 7 -20 9 T0 9 T20 9 T40 9 T60 9 T80 9 T100 9 T120 9 V20 H-40z" mask="url(#mask)" fill="url(#gradient)"> 
        <animateTransform
            attributeName="transform"
            begin="0s"
            dur="1.5s"
            type="translate"
            from="0,0"
            to="40,0"
            repeatCount="indefinite" />
      </path>
    </pattern>
  </defs>
  <text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#wave)"  fill-opacity="0.9">Sovuniya</text>
  <text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#gradient)" fill-opacity="0.5">Sovuniya</text>
</svg></html>
<style> body,html{margin:0;padding:0;height:100%;}
body{
  background:url('https://i.imgur.com/COzx2TN.jpg');
  background-size:cover;
  font-family: 'Cabin Condensed', sans-serif;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}
svg{font-weight:bold;max-width:800px;height:auto;}


</style><html><svg viewbox="0 0 200 20">
  <defs>
    <linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
        <stop offset="5%" stop-color="#FFFFFF"/>
      <stop offset="95%" stop-color="#000000"/>
    </linearGradient>
    <pattern id="wave" x="0" y="0" width="120" height="20" patternUnits="userSpaceOnUse">
      <path id="wavePath" d="M-40 9 Q-30 7 -20 9 T0 9 T20 9 T40 9 T60 9 T80 9 T100 9 T120 9 V20 H-40z" mask="url(#mask)" fill="url(#gradient)"> 
        <animateTransform
            attributeName="transform"
            begin="0s"
            dur="1.5s"
            type="translate"
            from="0,0"
            to="40,0"
            repeatCount="indefinite" />
      </path>
    </pattern>
  </defs>
  <text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#wave)"  fill-opacity="0.9">Cinema</text>
  <text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#gradient)" fill-opacity="0.5">Cinema</text>
</svg></html>
<style> body,html{margin:0;padding:0;height:100%;}
body{
  background:url('https://i.imgur.com/COzx2TN.jpg');
  background-size:cover;
  font-family: 'Cabin Condensed', sans-serif;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}
svg{font-weight:bold;max-width:800px;height:auto;}


</style><html><svg viewbox="0 0 200 20">
  <defs>
    <linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
        <stop offset="5%" stop-color="#FFFFFF"/>
      <stop offset="95%" stop-color="#000000"/>
    </linearGradient>
    <pattern id="wave" x="0" y="0" width="120" height="20" patternUnits="userSpaceOnUse">
      <path id="wavePath" d="M-40 9 Q-30 7 -20 9 T0 9 T20 9 T40 9 T60 9 T80 9 T100 9 T120 9 V20 H-40z" mask="url(#mask)" fill="url(#gradient)"> 
        <animateTransform
            attributeName="transform"
            begin="0s"
            dur="1.5s"
            type="translate"
            from="0,0"
            to="40,0"
            repeatCount="indefinite" />
      </path>
    </pattern>
  </defs>
  <text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#wave)"  fill-opacity="0.9">Lily Champion</text>
  <text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#gradient)" fill-opacity="0.5">Lily Champion</text>
</svg></html>
<style> body,html{margin:0;padding:0;height:100%;}
body{
  background:url('https://i.imgur.com/COzx2TN.jpg');
  background-size:cover;
  font-family: 'Cabin Condensed', sans-serif;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}
svg{font-weight:bold;max-width:800px;height:auto;}


</style>
<html><svg viewbox="0 0 200 20">
  <defs>
    <linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
        <stop offset="5%" stop-color="#FFFFFF"/>
      <stop offset="95%" stop-color="#000000"/>
    </linearGradient>
    <pattern id="wave" x="0" y="0" width="120" height="20" patternUnits="userSpaceOnUse">
      <path id="wavePath" d="M-40 9 Q-30 7 -20 9 T0 9 T20 9 T40 9 T60 9 T80 9 T100 9 T120 9 V20 H-40z" mask="url(#mask)" fill="url(#gradient)"> 
        <animateTransform
            attributeName="transform"
            begin="0s"
            dur="1.5s"
            type="translate"
            from="0,0"
            to="40,0"
            repeatCount="indefinite" />
      </path>
    </pattern>
  </defs>
  <text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#wave)"  fill-opacity="0.9">Hamster</text>
  <text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#gradient)" fill-opacity="0.5">Hamster</text>
</svg></html>
<style> body,html{margin:0;padding:0;height:100%;}
body{
  background:url('https://i.imgur.com/COzx2TN.jpg');
  background-size:cover;
  font-family: 'Cabin Condensed', sans-serif;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}
svg{font-weight:bold;max-width:800px;height:auto;}


</style>
<html><svg viewbox="0 0 200 20">
  <defs>
    <linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
        <stop offset="5%" stop-color="#FFFFFF"/>
      <stop offset="95%" stop-color="#000000"/>
    </linearGradient>
    <pattern id="wave" x="0" y="0" width="120" height="20" patternUnits="userSpaceOnUse">
      <path id="wavePath" d="M-40 9 Q-30 7 -20 9 T0 9 T20 9 T40 9 T60 9 T80 9 T100 9 T120 9 V20 H-40z" mask="url(#mask)" fill="url(#gradient)"> 
        <animateTransform
            attributeName="transform"
            begin="0s"
            dur="1.5s"
            type="translate"
            from="0,0"
            to="40,0"
            repeatCount="indefinite" />
      </path>
    </pattern>
  </defs>
  <text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#wave)"  fill-opacity="0.9">Lena</text>
  <text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#gradient)" fill-opacity="0.5">Lena</text>
</svg></html>
<style> body,html{margin:0;padding:0;height:100%;}
body{
  background:url('https://i.imgur.com/COzx2TN.jpg');
  background-size:cover;
  font-family: 'Cabin Condensed', sans-serif;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}
svg{font-weight:bold;max-width:800px;height:auto;}


</style>
<html><svg viewbox="0 0 200 20">
  <defs>
    <linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
        <stop offset="5%" stop-color="#FFFFFF"/>
      <stop offset="95%" stop-color="#000000"/>
    </linearGradient>
    <pattern id="wave" x="0" y="0" width="120" height="20" patternUnits="userSpaceOnUse">
      <path id="wavePath" d="M-40 9 Q-30 7 -20 9 T0 9 T20 9 T40 9 T60 9 T80 9 T100 9 T120 9 V20 H-40z" mask="url(#mask)" fill="url(#gradient)"> 
        <animateTransform
            attributeName="transform"
            begin="0s"
            dur="1.5s"
            type="translate"
            from="0,0"
            to="40,0"
            repeatCount="indefinite" />
      </path>
    </pattern>
  </defs>
  <text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#wave)"  fill-opacity="0.9">Tatushka</text>
  <text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#gradient)" fill-opacity="0.5">Tatushka</text>
</svg></html>
<style> body,html{margin:0;padding:0;height:100%;}
body{
  background:url('https://i.imgur.com/COzx2TN.jpg');
  background-size:cover;
  font-family: 'Cabin Condensed', sans-serif;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}
svg{font-weight:bold;max-width:800px;height:auto;}


</style>
<html><svg viewbox="0 0 200 20">
  <defs>
    <linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
        <stop offset="5%" stop-color="#FFFFFF"/>
      <stop offset="95%" stop-color="#000000"/>
    </linearGradient>
    <pattern id="wave" x="0" y="0" width="120" height="20" patternUnits="userSpaceOnUse">
      <path id="wavePath" d="M-40 9 Q-30 7 -20 9 T0 9 T20 9 T40 9 T60 9 T80 9 T100 9 T120 9 V20 H-40z" mask="url(#mask)" fill="url(#gradient)"> 
        <animateTransform
            attributeName="transform"
            begin="0s"
            dur="1.5s"
            type="translate"
            from="0,0"
            to="40,0"
            repeatCount="indefinite" />
      </path>
    </pattern>
  </defs>
  <text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#wave)"  fill-opacity="0.9">Кейо</text>
  <text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#gradient)" fill-opacity="0.5">Кейо</text>
</svg></html>
<style> body,html{margin:0;padding:0;height:100%;}
body{
  background:url('https://i.imgur.com/COzx2TN.jpg');
  background-size:cover;
  font-family: 'Cabin Condensed', sans-serif;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}
svg{font-weight:bold;max-width:800px;height:auto;}


</style>
<html><svg viewbox="0 0 200 20">
  <defs>
    <linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
        <stop offset="5%" stop-color="#FFFFFF"/>
      <stop offset="95%" stop-color="#000000"/>
    </linearGradient>
    <pattern id="wave" x="0" y="0" width="120" height="20" patternUnits="userSpaceOnUse">
      <path id="wavePath" d="M-40 9 Q-30 7 -20 9 T0 9 T20 9 T40 9 T60 9 T80 9 T100 9 T120 9 V20 H-40z" mask="url(#mask)" fill="url(#gradient)"> 
        <animateTransform
            attributeName="transform"
            begin="0s"
            dur="1.5s"
            type="translate"
            from="0,0"
            to="40,0"
            repeatCount="indefinite" />
      </path>
    </pattern>
  </defs>
  <text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#wave)"  fill-opacity="0.9">Котенок</text>
  <text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#gradient)" fill-opacity="0.5">Котенок</text>
</svg></html>
<style> body,html{margin:0;padding:0;height:100%;}
body{
  background:url('https://i.imgur.com/COzx2TN.jpg');
  background-size:cover;
  font-family: 'Cabin Condensed', sans-serif;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}
svg{font-weight:bold;max-width:800px;height:auto;}


</style>
<html><svg viewbox="0 0 200 20">
  <defs>
    <linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
        <stop offset="5%" stop-color="#FFFFFF"/>
      <stop offset="95%" stop-color="#000000"/>
    </linearGradient>
    <pattern id="wave" x="0" y="0" width="120" height="20" patternUnits="userSpaceOnUse">
      <path id="wavePath" d="M-40 9 Q-30 7 -20 9 T0 9 T20 9 T40 9 T60 9 T80 9 T100 9 T120 9 V20 H-40z" mask="url(#mask)" fill="url(#gradient)"> 
        <animateTransform
            attributeName="transform"
            begin="0s"
            dur="1.5s"
            type="translate"
            from="0,0"
            to="40,0"
            repeatCount="indefinite" />
      </path>
    </pattern>
  </defs>
  <text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#wave)"  fill-opacity="0.9">Irena</text>
  <text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#gradient)" fill-opacity="0.5">Irena</text>
</svg></html>
<style> body,html{margin:0;padding:0;height:100%;}
body{
  background:url('https://i.imgur.com/COzx2TN.jpg');
  background-size:cover;
  font-family: 'Cabin Condensed', sans-serif;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}
svg{font-weight:bold;max-width:800px;height:auto;}


</style>
<html><svg viewbox="0 0 200 20">
  <defs>
    <linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
        <stop offset="5%" stop-color="#FFFFFF"/>
      <stop offset="95%" stop-color="#000000"/>
    </linearGradient>
    <pattern id="wave" x="0" y="0" width="120" height="20" patternUnits="userSpaceOnUse">
      <path id="wavePath" d="M-40 9 Q-30 7 -20 9 T0 9 T20 9 T40 9 T60 9 T80 9 T100 9 T120 9 V20 H-40z" mask="url(#mask)" fill="url(#gradient)"> 
        <animateTransform
            attributeName="transform"
            begin="0s"
            dur="1.5s"
            type="translate"
            from="0,0"
            to="40,0"
            repeatCount="indefinite" />
      </path>
    </pattern>
  </defs>
  <text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#wave)"  fill-opacity="0.9">Nikita Electrian</text>
  <text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#gradient)" fill-opacity="0.5">Nikita Electrian</text>
</svg></html>
<style> body,html{margin:0;padding:0;height:100%;}
body{
  background:url('https://i.imgur.com/COzx2TN.jpg');
  background-size:cover;
  font-family: 'Cabin Condensed', sans-serif;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}
svg{font-weight:bold;max-width:800px;height:auto;}


</style>
<html><svg viewbox="0 0 200 20">
  <defs>
    <linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
        <stop offset="5%" stop-color="#FFFFFF"/>
      <stop offset="95%" stop-color="#000000"/>
    </linearGradient>
    <pattern id="wave" x="0" y="0" width="120" height="20" patternUnits="userSpaceOnUse">
      <path id="wavePath" d="M-40 9 Q-30 7 -20 9 T0 9 T20 9 T40 9 T60 9 T80 9 T100 9 T120 9 V20 H-40z" mask="url(#mask)" fill="url(#gradient)"> 
        <animateTransform
            attributeName="transform"
            begin="0s"
            dur="1.5s"
            type="translate"
            from="0,0"
            to="40,0"
            repeatCount="indefinite" />
      </path>
    </pattern>
  </defs>
  <text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#wave)"  fill-opacity="0.9">*</text>
  <text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#gradient)" fill-opacity="0.5">*</text>
</svg></html>
<style> body,html{margin:0;padding:0;height:100%;}
body{
  background:url('http://patty64.p.a.pic.centerblog.net/hl9xwasj.gif');
  background-size:cover;
  font-family: 'Cabin Condensed', sans-serif;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}
svg{font-weight:bold;max-width:800px;height:auto;}


</style>

И все круто, но как сделать текст ссылками , кто-нибудь знает?
Если ведаете тайну - истину, насыпьте знаний в мою ищущую голову, пожалуйста  smalimg

+2

986

  • Автор: Gerda
  • технозомби
  • Gerda
  • Уважение: +9811
  • Достижения/подарки: cake 8 emoji_events 16
  • Наградные баллы: 1612
  • Проверенный спец:
    FD
    FD

Алгол
попробуй обернуть вот эти коды в ссылку:

<a href="адрес">
  <text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#wave)"  fill-opacity="0.9">✅Вейма</text>
  <text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#gradient)" fill-opacity="0.5">✅Вейма</text>
</a>

у меня проблема с тестом этого шаблона, но, надеюсь, должно сработать ))

+3

987

Герда написал(а):

Алгол
попробуй обернуть вот эти коды в ссылку:

<a href="адрес">
  <text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#wave)"  fill-opacity="0.9">✅Вейма</text>
  <text text-anchor="middle" x="90" y="13" font-size="17" fill="url(#gradient)" fill-opacity="0.5">✅Вейма</text>
</a>

у меня проблема с тестом этого шаблона, но, надеюсь, должно сработать ))

Челом бью , все работает , Спасибо огромное ❤❤❤ smalimg

+1

988

уже запуталась, куда тут тыкаться от непривычки
но, прошу помощи
может это просто снова форумы слегонца перебухали, но эта ерунда лишь на мне появилась
мы оба не видим мое время на форуме от слова вообще, ну и другие пользователи форума тоже
ни минуты, ни секунды

сама проблема

меня прям, пугает это, я как привидение
http://popitdontdropit.ru/profile.php?id=1804
ссылка на профиль, можете сами убедиться в моей "бестелесности"
может у кого будут предположения, как исправить, если это не касается багов самих форумов?

+2

989

  • Автор: бродяга
  • Ломастер
  • бродяга
  • Уважение: +2525
  • Достижения/подарки: cake 3 emoji_events 7
  • Наградные баллы: 1 462
  • Проверенный спец:
    FD
    FD

девятихвостая
А вы случаем не находились сегодня до этого онлайн более 12 часов без перерыва? У меня было пару раз как-то, что полностью время проведённое на форуме обнулялось после очень долгого сеанса онлайн. Видимо, какая-то античит-система XD
Но это не точно.

+2

990

бродяга
так проблема в том, что я даже и 2 часов не находилась подряд онлайн .D
вот даже сейчас, около 30 минут, вышла и все равно по нулям .D

+2

Тема закрыта
Страница:   1 … 97 98 99 100 101