[CSS] Домашно CSS Presentation - 2 задача - сезон 2012/2013


7
Здравейте! За пръв път пускам решението си във форума, надявам се да съм спазил всички правила. Не видях никаде тема за тази задача.
Мисля че ми се получи едно към едно. Има коментари в кода навсякъде, кадето са правени нужните промени.
https://www.dropbox.com/sh/d9cggcah1011x84/2OsIfuC19G



Отговори



0
Ето го и моето решение: http://jasminayashar.wordpress.com/2013/01/21/css-presentation-%D0%B4%D0%BE%D0%BC%D0%B0%D1%88%D0%BD%D0%BE-%D0%B7%D0%B0%D0%B4%D0%B0%D1%87%D0%B0-2-%D1%80%D0%B5%D1%88%D0%B5%D0%BD%D0%B8%D0%B5/

от djasika (271 точки)


0
Здравей! Искам да те попитам - как направи текста в параграфа на widget-ите да ти излиза стъпаловидно, защото аз не успях?

от Izabel_G (311 точки)


0

Това е моето решение,като за градиент не съм използвал генератор, а си направих една png картинка на paint която съм задал за фон. Мисля че се e получило:
 https://www.dropbox.com/sh/vdm93x9d5e5cx1c/tTy5LhVgxv


от Kamen_Mitev (72 точки)


0

Ето как го направих: http://jsfiddle.net/gibson58/93ha5/

добавих <time datetime="2013-01-08"> и още една 'убавиня за разкош, input:focus wink

Използвах картинка за извличане на градиент и стана 1:1 ,вместо с fixed в края на градиента, сложих min-height: 100%;   на html-a  .

Ползвах този генератор,но в момента не ми се зарежда нещо... http://gradientfinder.com/

Обаче имам някакъв проблем с бутона в ФФ.Има го и при ховър.

А най-интересното е ,че на друг компютър го няма това?!?


от gibson58 (0 точки)


1
http://jsfiddle.net/r1andreev/NNRkc/ - сложил съм градиент на body-то и на register бутона. Ще се радвам на мнения и критики.

от agentzero (0 точки)


0
Здравейте! Аз имам 2 проблема с кода и ще се радвам, ако някой може да ми помогне. Пред widget item-ите не ми излизат картинките за бутончета, както и самият текст в widget-ите не ми е стъпаловиден, както е на картинката. Ето и линк към решението ми: http://jsfiddle.net/vg5cX/ . Благодаря предварително!

от Izabel_G (311 точки)


0
li-dot.png картинките не ми се показват.

от Izabel_G (311 точки)

0
Предлагам да направиш следното: пред всеки Widget Item слагаш alt/text и това цялото го обграждаш в и щес е получи нещо подобно
  • Widget Item

  • от stakata (684 точки)



    1

    Решението на задачата:

    Gradient

    Направих градиента с gradient generator. Не мога да разбера примерната картинка има ли някакво мащабиране, защото при мен не мога да визуализирам на цялата страница, а трябва да скролвам.А ако улвелича мащабирането се променят и размерите между параграфите и големината на текста. Другият ми проблем е на IE Simlpe Logo ми илиза с бяла рамка.


    от KaloyanBobev (330 точки)


    0
    Здравейте,

    ето и моето решение: http://jsfiddle.net/aW7jC/
    Постарах се за максимално близка визия до дадената в заданието, ако съм пропуснала нещо ще се радвам да посочите.
    Основен проблем при мен е визията - така и не успях да постигна абсолютно еднаква визия на всички браузъри, по-точно chrom i firefox работят почти еднакво, IE при мен не реагира на по-новите неща, но е възможно някакви локални настройки да са пипани при мен, и да не са оставени по подразбиране. При решенията на последните версии на браузърите ли да работят файловете или и на по-старите. Общо взето разлики ще има в начина на правене на визуализациите и ако говорим за работа под стари браузъри, май не трябва да използваме някои от нововъведенията.

    от JuliaS (207 точки)


    1

    За тази задача пише :

    You can  find the files in 2. Homework.zip

    Къде е това?


    от Svetoslav1987 (1061 точки)


    0
    Архива се намира точно под Powerpoint презентацията и пише: "Домашно - задача 2", цъкаш на линка и ще ти се свали.

    от tsonko_genov (708 точки)

    0
    http://downloads.academy.telerik.com/svn/css/2013/Lectures/2.%20CSS%20Presentation/CSS-Homework.zip

    от stakata (684 точки)


    1
    Понеже отделих 1 час от времето си да търся защо една команда не работи , реших да напиша тук за нея за да не си губите времето и вие . Става въпрос за
    background:linear-gradient(top, #1e5799 0%, #7db9e8 100%);
    Когато използвам интелисенса на ВС (VS 2013 Ultimate) по горния код ми се дописва , но когато завърша командата браусера не изпозва градиента . Проблема е в това как се показва посоката във метода , ако се използва - to top , to bottom , to left , to right - всичко работи идеално на последните версии на Opera , IE , Chrome , Mozilla . Example: background:linear-gradient(to bottom, #d043d0 0%, #8949b9 30%);

    от TeodorTunev (3061 точки)


    0

    Здравейте колеги,

    Ето и плодът на моя труд laugh

    Решение: https://github.com/MiroslavSimeonovIvanov/TelerikAcademy/tree/master/CSS_Styling_Course/CSS_Presentation

    Визия: https://drive.google.com/file/d/0B4osYVb7v4eRNG4tQmZBTmtXcVU/edit?usp=sharing

    Не съм правил никаква промяня по HTML кода, а само по CSS-a. На бутона за регистрация добавих border-top и left color. Използвах също така градиент за background.