Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 19.02.2014, 16:50
Интересующийся
Отправить личное сообщение для Gasherez Посмотреть профиль Найти все сообщения от Gasherez
 
Регистрация: 26.08.2013
Сообщений: 25

Сложная верстка
Добрый день! У меня есть не простые задания. Ломаю голову, думаю как их сделать, если кто нибудь знает прошу помочь, буду очень очень признателен (или хотя бы скинуть информацию где это можно найти)

http://joxi.ru/dKMEU_3JTJB8WSyJq2k - первое
http://joxi.ru/sqMEUxjKTJATR6BW7dk - второе
http://joxi.ru/VagEUxjKTJDvSIf6OCA - третье
Ответить с цитированием
  #2 (permalink)  
Старый 19.02.2014, 20:38
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,205

Сообщение от Gasherez
У меня есть не простые задания.
По-мне так только "разрезание" по диагонали можно назвать сложным. Т.к. в мире прямоугольников это действительно необычно...
Ответить с цитированием
  #3 (permalink)  
Старый 19.02.2014, 21:56
Интересующийся
Отправить личное сообщение для Gasherez Посмотреть профиль Найти все сообщения от Gasherez
 
Регистрация: 26.08.2013
Сообщений: 25

А первое как сделать? В частности отросток треугольный, чтобы туда бэкграунд продолжался. Тем более, что там все от шрифта зависит
Ответить с цитированием
  #4 (permalink)  
Старый 20.02.2014, 04:12
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,577

При помощи svg - элементарно, без - с ограничениями.
__________________
29375, 35
Ответить с цитированием
  #5 (permalink)  
Старый 20.02.2014, 04:19
что-то знаю
Отправить личное сообщение для devote Посмотреть профиль Найти все сообщения от devote
 
Регистрация: 24.05.2009
Сообщений: 5,176

все можно сделать и без SVG простым HTML, CSS и JS.
__________________
хм Russians say завтра but завтра doesn't mean "tomorrow" it just means "not today."
HTML5 history API рассширение для браузеров не поддерживающих pushState, replaceState
QSA CSS3 Selector Engine
Ответить с цитированием
  #6 (permalink)  
Старый 20.02.2014, 07:03
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,577

Сообщение от devote Посмотреть сообщение
все можно сделать и без SVG простым HTML, CSS и JS.
Можно. Но зачем?)
__________________
29375, 35
Ответить с цитированием
  #7 (permalink)  
Старый 20.02.2014, 09:08
Интересующийся
Отправить личное сообщение для Gasherez Посмотреть профиль Найти все сообщения от Gasherez
 
Регистрация: 26.08.2013
Сообщений: 25

Aetae,
Ты хочешь сказать, что эту кнопку просто нужно нарисовать в формате svg??? А с помощью canvas можно сделать?

Последний раз редактировалось Gasherez, 20.02.2014 в 09:24.
Ответить с цитированием
  #8 (permalink)  
Старый 20.02.2014, 10:26
Интересующийся
Отправить личное сообщение для Gasherez Посмотреть профиль Найти все сообщения от Gasherez
 
Регистрация: 26.08.2013
Сообщений: 25

Можете подсказать как сделать это через svg??? В редакторе нарисовать эту кнопку, или посредством <svg>. Даже если нарисую кнопку, не понимаю как два фона сделать. Синий еще с радиусом О_о
Ответить с цитированием
  #9 (permalink)  
Старый 20.02.2014, 12:20
sinistral
Посмотреть профиль Найти все сообщения от melky
 
Регистрация: 28.03.2011
Сообщений: 5,418

Сообщение от devote Посмотреть сообщение
все можно сделать и без SVG простым HTML, CSS и JS.
тоже так подумал.

Сообщение от Aetae Посмотреть сообщение
Можно. Но зачем?)
а разрезание текста... а текст можно засовывать в шейпы SVG?
Ответить с цитированием
  #10 (permalink)  
Старый 20.02.2014, 14:03
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,577

Сообщение от melky Посмотреть сообщение
а разрезание текста... а текст можно засовывать в шейпы SVG?
Можно, но не нужно.)
__________________
29375, 35
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
верстка для мобильных устройств torsar (X)HTML/CSS 3 25.04.2013 21:20
верстка блеать torsar (X)HTML/CSS 6 26.02.2013 12:15
При установке CSS для Body "overflow: hidden" съезжает верстка, в чем дело? Slevin Kelevra Общие вопросы Javascript 18 08.07.2012 20:27
Требуется верстка с использованием bootstrap projectdev2012 Работа 0 31.03.2012 19:35
верстка под 17 дюймовый монитор Артем125 (X)HTML/CSS 8 20.08.2010 23:09