- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Тренды маркетинга в 2024 году: мобильные продажи, углубленная аналитика и ИИ
Экспертная оценка Адмитад
Оксана Мамчуева
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Подскажите, каким образом сделать нужный фон для стиля текста
На этой странице делаю раздел вопрос/ответ, хочу оформить сообщения в виде прямоугольников с закругленными краями и стрелочкой внизу (типо как диалог в разных меседжерах). Как сделать заливку с закругленными краями и применить ее к тексту через стиль я разобрался, настроил отступы, всё устраивает.
Не могу решить вопрос со стрелочкой(уголком) внизу каждого блока (стрелочка у меня специально пока сделана серой, чтобы ее было видно). С позиционированием вроде как разобрался, но когда опускаю ее в нужное место ее становится невидно, т.к. она начинает выходить за границы блока.
Как лучше реализовать задумку?? Спасибо!
Пример на jsfiddle с последними наработками заметно ускорит получение результата.
Нарисуйте хотя бы то, как оно должно выглядеть в конечном итоге.
Гуглить учитесь: Стрелки для блоков
Пример на jsfiddle с последними наработками заметно ускорит получение результата.
Нарисуйте хотя бы то, как оно должно выглядеть в конечном итоге.
Спасибо за совет конечно, но думаю пока разберусь в этом сервисе времени потрачу столько же))
Да просто треугольник этот серый надо опустить чуть ниже НО чтобы его было видно, т.к. сейчас при опускании он пропадает по мере выхода за границы...
вот так
---------- Добавлено 22.11.2014 в 01:22 ----------
Гуглить учитесь: Стрелки для блоков
😮 да, такое решение в голову не приходило даже. Возможно так и сделаю. Но всё же хотелось бы научиться именно своим изображением добиваться результата, это ведь гораздо больше возможностей открывает...
Спасибо!
Но всё же хотелось бы научиться именно своим изображением добиваться результата, это ведь гораздо больше возможностей открывает...
Как раз таки наоборот. Больше css, меньше картинок, скриптов и прочего. Вот более расширенный сервис: клац генерируйте любые стрелки. Если загагулины какие-то то так же через афтер, в чем проблема?
Если загагулины какие-то то так же через афтер, в чем проблема?
видимо в опыте, знаниях)
вот так
Тупой вариант с тремя дивами: в верхнем position: relative, в первом вложенном кусок мессаги, во втором изображение с position: absolute для потери физического веса. Далее на последний вешаем left: 0 (прижмёт к левой боковине сообщения), bottom: 0 (прижмёт к самому низу). Далее на него же top и right в пикселях по фантазии (пока не упадёт под мессагу).
Тупой вариант с тремя дивами: в верхнем position: relative, в первом вложенном кусок мессаги, во втором изображение с position: absolute для потери физического веса. Далее на последний вешаем left: 0 (прижмёт к левой боковине сообщения), bottom: 0 (прижмёт к самому низу). Далее на него же top и right в пикселях по фантазии (пока не упадёт под мессагу).
Кажется понял суть, сейчас поиграю с вышепредложенным вариантом и буду делать.
Всем огромное спасибо!