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


17

Нека коментираме 1ва задача от CSS Overview тук.

Ето моето решение:

https://www.dropbox.com/s/1u4fqh48cq6hyqx/01.%20SimpleTicket.rar

Този път реших да използвам Dropbox т.к. задачите вече имат повече файлове и картинки и PasteBin вече не е удачен.

Относно решението:

Най-обикновенна структура с табличка, няколко p-та вътре, няколко класа и малко цвят за вкус. Кръгчето пред името съм го направил с картинка, но може преспокойно да се направи и само със CSS.

Приемам всякакви коментари и препоръки :)


Ето линк към старата тема от мартенския крус: http://goo.gl/L9bOf


Едит: Сложих линкове, увеличих размера на box-a и увеличих шрифта на заглавието по препоръка на kirov




Отговори



4

Ами всичко е ок, но зглавието го направи с малко по-голям шрифт и направи box-a малко по-голям, за да ти се събира текста. Също мисля, че жълтеникавите полета трябва да са линкове. (поне май това е идеята)

Вече сме на CSS и трябва да се обръща внимание на детайлите. yes

И аз ще споделя моето на Dropbox:

Към JSFiddle: http://jsfiddle.net/kirov/KQzHD/34/

Архив в Dropbox: https://www.dropbox.com/s/lik1nc9x6mm2rpb/01.Ticket.zip


от kirov (4821 точки)


0
Хмм интересно, не бях се замислял, че може да са линкове. Ще ги сложа.

от Teodor92 (13062 точки)

0
Сега видях едно нещо, тази точка е огромна :D Вземи я намали малко :)

от Teodor92 (13062 точки)



1

Ето и нещо от мене: http://dox.bg/files/dw?a=b499bee75e

Малко откъм креативност не се постарах особено.. та информацията е едно към едно с оригинала, но ... останалото  е горе долу добре.


от Mahata231 (1351 точки)


0
Един съвет: Използвай нещо друго за споделяне на файлове и код - JsBin ( http://jsbin.com/ ), JsFiddle ( http://jsfiddle.net/ ), DropBox ( http://db.tt/w4sqYdGz ). Абв - то са големи гадове, пък и Дох - а сравнен с DropBox - a е доста неудобен.

от Teodor92 (13062 точки)

0
Ще го имам впредвид.. а за JsFiddle не е ли малко неудобно ако имаш някакви ресурси към кода които са ти на компа (изображения например)?

от Mahata231 (1351 точки)



0

Ето и моето решение с таблица: http://pastebin.com/d6AvRZaM

 

 


от Svilka (0 точки)


0
Виж коментара ми под горния пост.

от Teodor92 (13062 точки)

0
Мерси за инфото!

от Svilka (0 точки)


0
Много ще се радвам, ако някой ми каже какви грешки съм допуснал, а такива със сигурност ще има като начинаещ.
https://www.box.com/s/xov0f5kqylsxsw89hij6

от rcson (360 точки)


0
Доста ти е по-различно(предполагам умишлено).На лекциите се казваше,че трябва да се прави 1 към 1 (pixel perfect) .На твое място бих си оправил цветовете,в лявата колона надписите са наклонени,зелената точка ти е по-голяма,Ticket ID не трябва да е болднат,червеният надпис е болднат(според мен),"Link to public post" е линк,за "seidel@aptmail.com" използвай seidel@aptmail.com Това е колега,което аз забелязвам.

от gibson58 (0 точки)

0
Мерси за коментара, а това за pixel perfect сега го разбирам, а как мога да докарам цветовете точно 1 към едно?

от rcson (360 точки)



0
Ето едно предложение от мен: https://www.dropbox.com/s/23l6ef3gc6gk8sf/1.0%20TickedID.rar Критики и коментари са строго желателни ! :D

от Georgi Georgiev 1 (0 точки)


0
Ето и моето решение.
http://jsfiddle.net/Hrisi/mCmmv/

от hrisi (224 точки)


0
Текстът на последния ред е "Not Answered". Може да пробваш с някакъв Color Picker да вземеш точните цветове от картинката в презентацията.

от vic.alexiev (2299 точки)


1
http://jsfiddle.net/tvetan/C5K5x/ Всякакви критики са добре дошли.

от tvetan (25 точки)


0
Един вариант и от мен:
http://jsfiddle.net/jx5kw/

от Mitko_Mitev (1276 точки)


0
Мите ...
Error 404
We're truly sorry, but there is no such page.

от dam_dam (578 точки)

0
поправено, мерси

от Mitko_Mitev (1276 точки)



0

от VMihovska (80 точки)


0
според мен използвай за първия ред, не . Според мен това си е заглавие.


0
Благодаря, ще го поправя. Явно сам пропуснала.

от VMihovska (80 точки)


0
Ето и моето решение: https://www.dropbox.com/s/ojis7nwpf2t2d6b/table%201.rar