[Homework] Веб Фундаменталс - CSS Presentation
Взеха ми здравето тези градиенти! Задачата с "хавайците" се оказа най-трудна за мен, за разлика от тази със зведичката и 60-те нестнати дива. Изрових един много добър пост тук за градиентите (линейни и радиални), която ако човек прочете внимателно и помсили, разяснява нещата доста добре. Ето тук пък един много добър radial gradient generator, който уж трябва да поддържа и firefox, но за съжаление аз успях да го подкарам само на chrome. Ето и задачите:
- The Jaunty Text Field - WEB + HTML + CSS
- SoftUni Hawaii Vcation - WEB + HTML + CSS - само с webkit (демек Chrome и Opera)
- Styling An HTM Form - WEB + HTML + CSS
- Nested Divs - WEB + HTML + CSS
За формата с радио бутоните за кредитни карти, си свалих free библиотека с credit card icons в png от тук , a за задачата с мачовете от сетовното от миналото домашно си дръпнах библиотека с всички флагове на държавите от тук. Изключително удобно, зашото всички са ти еднотипни и не се налага да търсиш като идиот в google images а после да ги ресайзваш. Ако се намерят и спрайтове ще е още по-добре (но тези неща ввече сигурно са с пари).
"Фигурата" с нестнатите дивове лично аз с 60 не можех да я направя,малко повече трябваше да набия.
Задачата с калкулатора нямам абослютно никакво намерение да я правя. НЯМАМ НЕРВИ, вероятно ше отнеме цял един ден 
!
По-добре би било с класове, прав си , и да ги достъпвам с nth-child ама... пуст мързел
. А за наследяването какво имаш в предвит би ли разяснил, не мога да включа!?
Еми 1-вата лекция има предвид колегата. Селекторите за first-child, nth-child, nth-of-type, last-child, last-of-type и т.н. както и другите за директен наследник ">" примерно
Мога да добавя само едно малко жокерче за нестнатите дивове. Ако ги направиш 60 с margin от едната страна 5% се получава точно! Иначе много добре си се справил с домашното поздравления !Ето още един начин, по който могат да се направят балончетата с box-shadow: 0px 0px 0px 6px rgba(169,170,170,0.6);
Здравейте, ползвах похвата на BoniMislyashki, наистина става чудно, но все още не е както на задачата - там няма радиус и линийките са прекъснати навсякъде, а при нас не....Трябва явно още нещо дребно да се бутне?!
Колега много благодаря за тази хитринка с box-shadow счупих се от търсене цяла сутрин и нищо, но това ми олесни живота :) Само можеш ли малко да обясниш как точно нагласяме дебелината(демек колко да е широко зеленото , червеното и т.н. ) на даден цвят ? Защото ако дам прекалено много пиксели то сменя цвета.
Благодаря предварително .
И аз го измислих с box-shadow и днес гледам, че по погрешка съм качил css файла от 2ра задача на първа и накрая коментар че, ти е непълно домашното. Shit happens!
Еми 1-вата лекция има предвид колегата. Селекторите за first-child, nth-child, nth-of-type, last-child, last-of-type и т.н. както и другите за директен наследник ">" примерно