Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129

Открыть новую тему     Написать ответ в эту тему

Xrobak

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Ссылки для самостоятельного изучения:
 
Теория + примеры + учебники:
W3School: CSS Tutorial
MDN: Cascading Style Sheets (CSS)
WebReference: Уроки по HTML и CSS
htmlbook: Справочник CSS
YouTube: Основы CSS/CSS3
CSS для JavaScript-разработчика
Основы CSS - каскадные таблицы стилей
Статьи по основам CSS
 
Применение на практике:
StackOverflow: 'CSS' Questions
CSS-Tricks
 

Первый пост темы (до включения шапки).. ··· Текущий бэкап шапки..

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 18:46 27-10-2004 | Исправлено: TheBarmaley, 05:24 27-02-2019
vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
а точнее?

чтобы верх и низ были бы как заворачивающийся лист

Всего записей: 2235 | Зарегистр. 25-02-2013 | Отправлено: 23:02 09-11-2016
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
vs6262

Цитата:
чтобы верх и низ были бы как заворачивающийся лист  

картинкой покажите, заворачивать можно по разному.

Всего записей: 15687 | Зарегистр. 20-09-2014 | Отправлено: 23:04 09-11-2016
HeT BonpocoB



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
vs6262, у гугла много чего есть

Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 23:09 09-11-2016
vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Код:
 
***
* *
  *
 *
*  *
***
 

чтобы такой наискосок профиль был виден

Всего записей: 2235 | Зарегистр. 25-02-2013 | Отправлено: 23:11 09-11-2016
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
vs6262
на чистом css такое красиво вряд ли получится.
если только в SVG заделать.

Всего записей: 15687 | Зарегистр. 20-09-2014 | Отправлено: 23:32 09-11-2016
stupom



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
верх и низ были бы как красиво завернутый лист бумаги

Сперва нарисуйте восемь картинок - четыре для углов и четыре для сторон. Расположить и растянуть можно CSS-ом, но раз так ставите вопрос, думаю вам будет проще сделать это таблицей 3x3.

Всего записей: 182 | Зарегистр. 04-07-2015 | Отправлено: 08:29 10-11-2016
CDT



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
подскажите, что почитать про css, где более подробно все рассказано

Всего записей: 163 | Зарегистр. 07-08-2008 | Отправлено: 13:13 10-11-2016
stupom



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
что почитать про css
начните с htmlbook.ru. Дальше сами разберётесь. Главное, понять принцип, а конкретные свойства можно уже будет смотреть по справочникам. Если фирштейн инглиш смотрите первоисточник - w3.org.

Всего записей: 182 | Зарегистр. 04-07-2015 | Отправлено: 13:35 10-11-2016
Xrobak

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
Ребята, кто имеет код CSS такой, чтобы у DIV'a верх и низ были бы как красиво завернутый лист бумаги ?  

за красиво загнутые не скажу, но что-то в этом духе https://jsfiddle.net/kw5spLvw/1/

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 03:16 11-11-2016 | Исправлено: Xrobak, 03:19 11-11-2016
vs6262



Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Xrobak
спасибо

Всего записей: 2235 | Зарегистр. 25-02-2013 | Отправлено: 04:12 11-11-2016
7Lexusi



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
vs6262

Цитата:
Ребята, кто имеет код CSS такой, чтобы у DIV'a верх и низ были бы как красиво завернутый лист бумаги ?  

 
Вот тут почему не смотрели
http://codepen.io/JoostKiens/pen/sIwmb
И вообще там по поиску "Page curl" много чего интересного на эту тему.

Всего записей: 751 | Зарегистр. 27-02-2007 | Отправлено: 04:15 11-11-2016
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
7Lexusi

Цитата:
Вот тут почему не смотрели  

вы бы посмотрели что ему нужно.
да, там угловыми градиентами можно много сделать, вот только не думаю, что получится уж очень красиво.

Всего записей: 15687 | Зарегистр. 20-09-2014 | Отправлено: 04:47 11-11-2016
HeT BonpocoB



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Mavrikii

Цитата:
да, там угловыми градиентами можно много сделать, вот только не думаю, что получится уж очень красиво.
я больше скажу...
даже в фотошопе, если делать спешно чем-нить типа skew, получается какая-то лажа.
нужны какие-то сложные трансформации типа warp или плагины
(если конечно речь о тексте или картинке, а не согнутых прямоугольничках)

Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 13:26 11-11-2016
xerpal



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Есть обычная таблица, в ней ячейки типа th сначала идут - 5 штук, но без классов.  
Можно ли как-то по очередности обращаться к этим ячейкам( нужно первой к примеру выставить одну ширину, второй другую и тд).
Это реально через CSS?

Всего записей: 1633 | Зарегистр. 08-10-2011 | Отправлено: 23:26 11-11-2016
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xerpal

Цитата:
Это реально через CSS?

http://htmlbook.ru/css/nth-child

Всего записей: 15687 | Зарегистр. 20-09-2014 | Отправлено: 23:27 11-11-2016
Xrobak

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
xerpal
В догонку к ссылке Mavrikii, вот вам инструмент для тренировки https://css-tricks.com/examples/nth-child-tester/
А вообще, почитайте по селекторы, в интернете достаточно статей как на русском, так и на английском, где все достаточно популярно объясняют на пальцах.

Всего записей: 939 | Зарегистр. 16-08-2004 | Отправлено: 23:54 11-11-2016
CDT



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Снова застрял, если не трудно подскажите куда копать, хочу сделать П-образную рамку для фото,
использую box-sizing и ни как не могу добиться, чтоб border не влиял ни на кого, крайние правые фотки стабилизировал, а дальше застрял((( Есть классная штука shadow, но там только рамку полностью можно нарисовать. В общем в тупике. Вот мои изыскания http://codepen.io/anon/pen/gLrPON

Всего записей: 163 | Зарегистр. 07-08-2008 | Отправлено: 10:46 12-11-2016
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
CDT

Цитата:
хочу сделать П-образную рамку для фото

http://codepen.io/anon/pen/oYxbba

Всего записей: 15687 | Зарегистр. 20-09-2014 | Отправлено: 10:58 12-11-2016
CDT



Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
снимаю шляпу спасибо, буду разбираться.... класс прозрачный бордер))) Хитро...

Всего записей: 163 | Зарегистр. 07-08-2008 | Отправлено: 11:03 12-11-2016 | Исправлено: CDT, 11:09 12-11-2016
HeT BonpocoB



Advanced Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Mavrikii, CDT
я думаю задумка была такая ? (коль там 25% ширина)
действительно занятный какой-то глюк с крайним блоком получается... даже не знаю из-за чего...
 
[добавлено]
хотя понятно, высоту мелким блокам надо фиксировано задавать...

Всего записей: 1342 | Зарегистр. 30-03-2003 | Отправлено: 13:02 12-11-2016 | Исправлено: HeT BonpocoB, 13:52 12-11-2016
Открыть новую тему     Написать ответ в эту тему

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129

Компьютерный форум Ru.Board » Интернет » Web-программирование » Вопросы по CSS


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru