Taplinkhtml

Нашел в интернете 2 классных варианта снега для таплинка Посмотреть первый: https://tap.one-way.dev/p/f0f631/ Посмотреть второй: https://tap.one-way.dev/p/f0f613/ Чтобы включить снежок, достаточно добавить html-блок с содержимым одного из двух кодов снега из инструкции: ПЕРВАЯ ВЕРСИЯ; Код: <script> /** @license * DHTML Snowstorm! JavaScript-based snow for web pages * Making it snow on the internets since 2003. You're welcome. * ----------------------------------------------------------- * Version 1.44.20131208 (Previous rev: 1.44.20131125) * Copyright (c) 2007, Scott Schiller. All rights reserved...

Отличный сервис shots.so, с помощью которого можно быстро оформить скрины для работы.

Привет мой дорогой читатель, сегодня для тебя представлю html-код адаптивного меню для таплинка. Пиши вопросы в комментариях если возникнут по коду. Ниже представлен html-код данного меню, после кода написано дополнительное описание <header class="main-header"> <div class="menu-wrap"> <a href="#" target="_blank" class="logo-wrap"><!-- в место # вставляете свою ссылку для логотипа --> <img class="logo" src="http://ipic.su/img/img7/fs/adobe-logo-inteligencia-artificial-no-design-grafico-designe1.1650731586...

А именно, как сделать скругление в данном коде вкладок Делаем скругление вкладок в блоке "ответ": Необходимо добавить значение border-radius: 10px; в следующей части кода: .acor-container .acor-body { width: calc(100% - 40px); margin: 0 auto; height: 0; color: rgba(0, 0, 0, 0); background-color: #BFE2FF; line-height: 18px; padding: 0 30px; box-sizing: border-box; transition: color 0.5s, padding 0.5s; overflow: hidden; font-family: Verdana, sans-serif; font-size: 16px; box-shadow: 0 4px 8px rgba(0,0,0,0...

Данный код думаю подойдет для размещения какой либо информации. Сам код: <table class="grid"> <tbody> <tr> <td> <div class="item">Здесь можно <br>поставить текст</div> </td> <td> <div class="item"><div class="tapchips_donat_modwind"> <details> <summary> <img src="http://ipic.su/img/img7/fs/Frame14(1).1659528714.png" width="30"> </summary> <div class="tapchips_donat_modwind_overblock"> <div class="tapchips_donat_modwind_overblock_text"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit...

При наведении курсора появляется настоящий цветовой эффект картинки, на фото видно. Как добавить карточку Сам код: <div class="stcard-container"> <div class="stcard"> <img alt="image" src="http://ipic.su/img/img7/fs/19072.1668169519.jpg"/> <div class="stcard-title">Название карточки</div> <p>Описание карточки</p> </div> <div class="stcard"> <img alt="image" src="http://ipic.su/img/img7/fs/19072.1668169519.jpg"/> <div class="stcard-title">Название...

Галерея дает возможность увеличивать фото, вставленные в карусель Taplink, открывая их с исходным соотношением сторон и делая красивую галерею Добавьте в блок html внизу таплинка <script> Array.from(document.querySelectorAll('.slider-slide .picture-container')).map((e) => { let link = e.getAttribute('data-src'); if (!link.length){ link=e.style.backgroundImage.replace('url(','').replace(')','') } var wrapper = document.createElement('a'); e.parentNode.insertBefore(wrapper, e); wrapper.appendChild(e); e...

🤖Что такое нейросети и смогут ли они заменить дизайнера/программиста/маркетолога?Давайте разбираться! 🔹Для начала, что такое нейросеть? Это искуственный интеллект (ИИ), который способен обучаться на основе наших запросов и результатов, благодаря чему с каждым разом выдаёт всё более лучший и более менее прогнозируемый результат. И суть нейросети в том, чтобы автоматизировать рутинные процессы, которые есть сейчас в массе направлений деятельности. • Для веб-дизайнера — это генерация необходимых изображений и текстового наполнения для сайта...

<div class="acor-container"> <input type="radio" name="acor" id="acor1" checked="checked" /> <label for="acor1">Заголовок вкладки</label> <div class="acor-body"> <p>Описание вкладки</p> </div> <input type="radio" name="acor" id="acor2" /> <label for="acor2">Заголовок вкладки</label> <div class="acor-body"> <p>Описание вкладки</p> </div> <input type="radio" name="acor" id="acor3" /> <label for="acor3">Заголовок вкладки</label> <div class="acor-body"> <p>Описание вкладки</p> </div> </div> <style>...

Как подготовиться дизайнеру к закрытию холодных клиентов на высокий чек? Уникальный чек-лист по подготовке к продажам, состоящий из 7 этапов. Это полноценные шаги, которые тебе предстоит сделать для успешных продаж твоих услуг: просто иди по каждому, следуй моим советам и начни продавать свои дизайн-услуги по 10, 15, 20 или сколько хочешь тысяч рублей? Что даст тебе чек-лист? Кому точно нужно прочитать эту статью? Кто дизайнит Taplink-сайты, делает Insta-визуал, оформляет ВК сообщества, презентации, чек-листы, креативы для таргета и карточки для маркетплейсов...

У данного меню есть недостаток, она работает отлично только на мобильной версии, так как собиралось именно под мобильную версию <div class="menu"> <nav class="menu-nav"> <a href="https://yandex.ru">Main</a> <a href="#">Porfolio</a> <a href="#">About</a> </nav> <a href="#" class="menu-btn"> <span></span> </a> </div> <style> .section { height: 20px; background-color: transparent; display: flex; justify-content: center; align-items: center; position: fixed; top: 30px; z-index:3333; } ...