-
Posts
3,789 -
Joined
-
Last visited
-
Days Won
101
Content Type
Profiles
Forums
Calendar
Store
Everything posted by npofopr
-
А у вас точно svg? судя по скрину там jpg какой то. Лучше бы вы пример показали. Чем словами описывали проблемы.
-
h1 {margin: 0;} ну и body {margin: 0; padding: 0;} хотя у нормалайза должно быть сброшено А вообще, научитесь пользоваться DevTools
-
Чего вдруг? Для чего сделаете, для того и будет. Года 4 или больше, назад, было что то гугловское. что то типа google gallery open Что то типа https://www.jqueryscript.net/demo/Google-Image-Gallery-View-jQuery-searchGalleryView/ Более плавное https://www.jqueryscript.net/demo/Google-Style-Expanding-Thumbnail-Grid-Plugin-With-jQuery-Mg-Space/#/item-0-2 Дальше сами ищите)
-
Примерно вот такой принцип. https://codyhouse.co/ds/components/app/pricing-table Единственное, заголовку придётся высоту указывать. И я бы ещё поставил text-overflow: ellipsis Т.е. обычный flex, последнему элементу margin-top: auto; чтобы к низу прибивался. Или можно описание растягивать. flex-grow: 3; например, указать. Как нибудь так.
-
Аккордеон?
-
Через флексы попробуйте. Как то вообще пробовали?
-
Я бы лучше svg подключал. Потому что ошибка в стилях. Пробел, вместо точки. .fas.fa-tint Анимация, скорее всего обычный scale. Т.е. увеличение при ховере.
-
И особенно хороших специалистов.
-
Доля правды есть, да. Мне кажется если хороший специалист, нормальная контора, то и ЗП расти будет. Указывают же обычно всё равно минималку, иногда вилку. Вилка как раз обычно от х до х3$.
-
Потому что иконки стоят не инлайном. Через use #link стили не пробиваются. В ДевТулз это видно. Вот тут вроде описано, как надо http://prgssr.ru/development/oformlenie-soderzhimogo-use-v-svg-s-pomoshyu-css.html
-
как сделать перелистывание контента на странице?
npofopr replied to RoninDeath's question in HTML Coding
На самом деле нет. Для опыта, возможно. Не знаю правда какого. Интересно, но не практично. Если вы будете подключать готовый слайдер, зачастую там своя разметка, свои классы, свои стили. И не факт, что вы наверстаете, можно будет с лёгкостью встроить в функционал. -
Это всё отлично, если у родительского пункта нет ссылки. Ну и статья любопытная https://blog.usejournal.com/finally-a-css-only-solution-to-hover-on-touchscreens-c498af39c31c
-
Нормально, никак. Используйте js, тот же masonry.
-
Не давно смотрел https://codyhouse.co/blog/post/css-diagonal-containers У вас думаю также можно. Только вертикальное разделение.
-
Сделать или отдельную кнопку, раскрывающая подменю. Или иногда я использовал double tap http://qaru.site/questions/412893/touch-device-single-and-double-tap-events-handler-jqueryjavascript https://gist.github.com/attenzione/7098476
-
Длина черточек зависит от контента. Как такое сделать?
npofopr replied to yaparoff's question in HTML Coding
Ага, только тут проблема с переносами строк. Но это в 80% решениях проблема. -
Длина черточек зависит от контента. Как такое сделать?
npofopr replied to yaparoff's question in HTML Coding
Да, обычно фон и ставится. Да так и называть https://ru.stackoverflow.com/questions/373335/Сверстать-линии-разной-длины https://codepen.io/jensgro/pen/bNwXMW -
Длина черточек зависит от контента. Как такое сделать?
npofopr replied to yaparoff's question in HTML Coding
Я делал так https://codepen.io/npofopr/pen/ZZEJEB ну и там же можно много вариантов нагуглить) -
три состояния у SVG: закрасить svg (свойство fill не помогает)
npofopr replied to yaparoff's question in HTML Coding
дак и не сработает. я же писал. это как картинка получается. как обычный png -
три состояния у SVG: закрасить svg (свойство fill не помогает)
npofopr replied to yaparoff's question in HTML Coding
Плавно color меняешь и всё. Нет?) -
три состояния у SVG: закрасить svg (свойство fill не помогает)
npofopr replied to yaparoff's question in HTML Coding
Спрайт потому что это просто картинка. Если хотите "эффектов", то только через инлайновую вставку. Если конечно я чего не путаю сам)) -
три состояния у SVG: закрасить svg (свойство fill не помогает)
npofopr replied to yaparoff's question in HTML Coding
Дак у вас нигде клик и не прописан. На примерах, что выше, они это делали с помощью :checked Ну или можно через js клик сделать. -
три состояния у SVG: закрасить svg (свойство fill не помогает)
npofopr replied to yaparoff's question in HTML Coding
Можно просто и в разметку вставлять. Если анимаций нет, то не обязательно же инлайном вставлять. Достаточно просто ссылкой на спрайт и нужную иконку указывать. Вот, кстати, про кеширование. https://nicothin.pro/page/svg-sprites <script> // Load sprite SVG-icons ;( function( window, document ) { 'use strict'; var file = '/img/svg-sprite.svg', // URL файла относительно страницы, на которой он используется (можно — абсолютный) revision = 1; // Номер ревизии (сменить при обновлении спрайта) if( !document.createElementNS || !document.createElementNS( 'http://www.w3.org/2000/svg', 'svg' ).createSVGRect ) { return true; } var isLocalStorage = 'localStorage' in window && window[ 'localStorage' ] !== null, request, data, insertIT = function() { document.body.insertAdjacentHTML( 'afterbegin', data ); }, insert = function() { if( document.body ) insertIT(); else document.addEventListener( 'DOMContentLoaded', insertIT ); }; if( isLocalStorage && localStorage.getItem( 'inlineSVGrev' ) == revision ) { data = localStorage.getItem( 'inlineSVGdata' ); if( data ) { insert(); return true; } } try { request = new XMLHttpRequest(); request.open( 'GET', file, true ); request.onload = function() { if( request.status >= 200 && request.status < 400 ) { data = request.responseText; insert(); if( isLocalStorage ) { localStorage.setItem( 'inlineSVGdata', data ); localStorage.setItem( 'inlineSVGrev', revision ); } } } request.send(); } catch( e ){} }( window, document ) ); </script> -
три состояния у SVG: закрасить svg (свойство fill не помогает)
npofopr replied to yaparoff's question in HTML Coding
Посмотрите реализации, куча их https://codepen.io/robeen/pen/PbvJjy https://codepen.io/o_OmarZeidan/pen/Gqbpjo не получится, будем дальше помогать 🙂 -
А он ответить не может? Вероятно ленится. Не сохранить можно разве что новостные страницы, если там окончание адреса заковыристое какое-нибудь или через параметры. Если это тот сайт про солнечную систему, то, возможно из-за .html в конце. Дак смысл в том, что вы не потеряете поисковую выдачу. Хоть как вы это назовите, вы не потеряете благодаря этому старые запросы. И люди, если у кого в закладках старый url, будут переходить на сайт без проблем.