Loading...
borislavml avatar borislavml 368 Точки

[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 не можех да я направя,малко повече трябваше да набия.smile

Задачата с калкулатора нямам абослютно никакво намерение да я правя. НЯМАМ НЕРВИ, вероятно ше отнеме цял един ден laughing!

 

 

17
Web Fundamentals - HTML5 08/03/2015 14:26:14
zontak avatar zontak 457 Точки

Ето ти жокерче за първата задачка.. за да не се налага да слагаш нестнати дивове ;))


            box-shadow:
            0 0 0 2px #008000,
            0 0 0 3px #4343ff,
            0 0 0 5px #ffff00,
            0 0 0 7px #4343ff;

 

И малка забележка към 2-рата задачка.. Опитай се да използваш ID само когато пишеш джава скрипт.. Иначе начините са или наследяване или класове.. :))

6
borislavml avatar borislavml 368 Точки

По-добре би било с класове, прав си , и да ги достъпвам с nth-child ама... пуст мързел smile. А за наследяването какво имаш в предвит би ли разяснил, не мога да включа!?

0
kiko144 avatar kiko144 795 Точки

Еми 1-вата лекция има предвид колегата. Селекторите за first-child, nth-child, nth-of-type, last-child, last-of-type и т.н. както и другите за директен наследник ">" примерно

Мога да добавя само едно малко жокерче за нестнатите дивове. Ако ги направиш 60 с margin от едната страна 5% се получава точно! Иначе много добре си се справил с домашното поздравления !
0
arsoman avatar arsoman 419 Точки

Здравейте, ползвах похвата на BoniMislyashki, наистина става чудно, но все още не е както на задачата - там няма радиус и линийките са прекъснати навсякъде, а при нас не....Трябва явно още нещо дребно да се бутне?!

1
Dominik avatar Dominik 82 Точки

Колега много благодаря за тази хитринка с box-shadow счупих се от търсене цяла сутрин и нищо, но това ми олесни живота :) Само можеш ли малко да обясниш как точно нагласяме дебелината(демек колко да е широко зеленото , червеното и т.н. ) на даден цвят ? Защото ако дам прекалено много пиксели то сменя цвета. 

Благодаря предварително .

1
iliangrekov avatar iliangrekov 63 Точки

И аз го измислих с box-shadow и днес гледам, че по погрешка съм качил css файла от 2ра задача на първа и накрая коментар че, ти е непълно домашното. Shit happens!

0
kiko144 avatar kiko144 795 Точки

Еми 1-вата лекция има предвид колегата. Селекторите за first-child, nth-child, nth-of-type, last-child, last-of-type и т.н. както и другите за директен наследник ">" примерно

0
Можем ли да използваме бисквитки?
Ние използваме бисквитки и подобни технологии, за да предоставим нашите услуги. Можете да се съгласите с всички или част от тях.
Назад
Функционални
Използваме бисквитки и подобни технологии, за да предоставим нашите услуги. Използваме „сесийни“ бисквитки, за да Ви идентифицираме временно. Те се пазят само по време на активната употреба на услугите ни. След излизане от приложението, затваряне на браузъра или мобилното устройство, данните се трият. Използваме бисквитки, за да предоставим опцията „Запомни Ме“, която Ви позволява да използвате нашите услуги без да предоставяте потребителско име и парола. Допълнително е възможно да използваме бисквитки за да съхраняваме различни малки настройки, като избор на езика, позиции на менюта и персонализирано съдържание. Използваме бисквитки и за измерване на маркетинговите ни усилия.
Рекламни
Използваме бисквитки, за да измерваме маркетинг ефективността ни, броене на посещения, както и за проследяването дали дадено електронно писмо е било отворено.