Loading...
antonp1p2 avatar antonp1p2 17 Точки

Homework - CSS презентационни правила

Гледам, че няма тема за това домашно. А и аз изтървах малко срока да го пратя, а бих искал да получа някакви мнения понеже мисля че имам някой пропуски, за това ще го кача тук. Който иска също да качва свои решения.

Проблем 1 :

https://github.com/antonp321/CSS-Presentation-Homework/tree/master/Problem01

https://rawgit.com/antonp321/CSS-Presentation-Homework/master/Problem01/Problem01.html

Проблем 2:

https://github.com/antonp321/CSS-Presentation-Homework/tree/master/Problem02

https://rawgit.com/antonp321/CSS-Presentation-Homework/master/Problem02/Problem02.html

 

EDIT: Удължили са срока явно (пропуснал съм темата) по-горе...

Тагове:
0
Advanced Level: Front-End 15/12/2015 16:51:20
IvayloZhanovUzunov avatar IvayloZhanovUzunov 7 Точки

За проблем 2 css файла може да бъде оптимизиран значително. Ето как изглежда моят css файл за този проблем:


   @font-face{
   font-family: Animated;
   src: url("resources/Animated.ttf");
   }

   div{
   background-image: url("resources/TediHula.png"), url("resources/PetiaHula.png"), url("resources/VladoGHula.png"), url("resources/AlexHula.png"), url("resources/NakovHula.png"), url("resources/VladoKHula.png"), url("resources/HawaiiBackground.png"), 
   radial-gradient(ellipse farthest-corner at left top, #FDFFF2 10%, #FAFFB3 20%, #FfFFFf 30%, #3366FF 42%, #3366FF 67%, #3366FF 100%);
   background-repeat: no-repeat;
   background-position: 35% 95%, 28% 84%, 6% 85%, 76% 93%, 62% 82%, 100% 95%; 
   width: 900px;
   height: 600px;
   font: 25px Animated;  
   color:#ffcc33;
   }

   h1{
   position: absolute;
   top: 3px;
   left:450px;   
   }

За проблем 1 за box-shadow аз използвах следното: 

box-shadow: 0 0 0 5px #ffff33, 0 0 0 10px #009933, 0 0 0 15px #0033cc;

Като преди това задаваш на div-a рамка с червен цвят.С before както си тръгнал да го правиш е по трудно според мен. И писането е повече.

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