Страница 1 из 11
Форум про uCoz » Всё для web-мастера » Уроки Веб-мастера » Практикум по HTML/CSS #1: Информёр
Практикум по HTML/CSS #1: Информёр
๖ۣۜInspire
Дата: Понедельник, 22.04.2013, 15:16 | Сообщение # 1
Администраторы
Сообщений:598
Награды: 2


Всем привет, это новая рубрика под названием "Практикум по HTML/CSS".

Сегодня будет не очень сложное задание. Наверно видели, что я нарисовал информёр "Лучшие пользователи", так вот его то и в как раз нужно сверстать.

При нажатии на ник открывается инфа о нём. В background класса "info" вставляем любую картинку. Если вы что-то не можете сделать, то всё-равно выкладывайте, я помогу довести до конца.



Естественно нужно чтобы вёрстка была валидной, кроссбраузерной (последние версии браузеров), и выполнена div-ами.

В четверг будут объявлены результаты кто лучше(если кто-то сверстает smile ).

PSD

В четверг я выложу урок как его сверстать.




Моё портфолио
Kosten
Дата: Понедельник, 22.04.2013, 15:25 | Сообщение # 2
Администраторы
Сообщений:12681
Награды: 39


Supermenыч, ты скинул PSD, а народ то не знает как верстать. ты бы урок сделал с чего начинать.
А так круто ты создал. Для игровых темных шаблонов думаю шикарно бы смотрелось.


๖ۣۜInspire
Дата: Понедельник, 22.04.2013, 15:27 | Сообщение # 3
Администраторы
Сообщений:598
Награды: 2


Kosten, я просто хочу посмотреть как другие сверстают и сравнить со своим



Моё портфолио
Kosten
Дата: Понедельник, 22.04.2013, 15:30 | Сообщение # 4
Администраторы
Сообщений:12681
Награды: 39


Supermenыч, а проблема может возникнуть в том что они представление не имеют как верстить. А научиться хочется. Хотя тебе видней, могут просто ждать четверга на информер когда ты зальешь. Думаю многим он понравиться, так как он оригинален и не у каго его нет. А оригинальность сам знаешь цениться.

Kosten
Дата: Понедельник, 22.04.2013, 15:32 | Сообщение # 5
Администраторы
Сообщений:12681
Награды: 39


Скинь мне в ЛС. где он у тебя стоит. Оценить в работе хочется.

Kosten
Дата: Понедельник, 22.04.2013, 15:41 | Сообщение # 6
Администраторы
Сообщений:12681
Награды: 39


Прикольно, все работает, на светлом дизайне просматриваются тени. Ребята реально круто cool

Прикрепления: 0729961.png(72Kb)


๖ۣۜInspire
Дата: Понедельник, 22.04.2013, 15:47 | Сообщение # 7
Администраторы
Сообщений:598
Награды: 2


Kosten, блин я шрифты забыл прицепить

Добавлено (22.04.2013, 15:47)
---------------------------------------------
Могу дать структуру сего творения

Код
<div class="block"><div class="top">Лучшие пользователи</div><div class="users">$USERNAME$</div><div class="info"><div class="userinfotop"><div class="userinfo">Репутация: $REPUTATION$<span style="float:right;">Комментариев: $COM_POSTS$</span></div></div><a href="$PROFILE_URL$"><div class="userbut">Профиль</div></a><a href="#"><div class="userbut">Написать ЛС</div></a></div></div>


Остаётся только написать стили и анимацию smile




Моё портфолио
Delete
Дата: Понедельник, 22.04.2013, 17:02 | Сообщение # 8
Проверенные
Сообщений:1075
Награды: 7


всетаки не правильно...в теме написано Практикум...а в разделе Уроки по созданию сайта только один урок по созданию меню...
Цитата (Supermenыч)
Остаётся только написать стили и анимацию

а ты еще хочеш чтобы такое сделали...лучше бы выложил практику по меню т.к урок присутствует...ну кроме тех кто обучался такому уже...


На случай если буду нужен, то я там же, где и был, когда был не нужен...

Сообщение отредактировал N_O_O_B - Понедельник, 22.04.2013, 17:04
๖ۣۜInspire
Дата: Понедельник, 22.04.2013, 17:12 | Сообщение # 9
Администраторы
Сообщений:598
Награды: 2


N_O_O_B, ок напишу как сверстать



Моё портфолио
RiPeR
Дата: Понедельник, 22.04.2013, 17:51 | Сообщение # 10
Vip
Сообщений:528
Награды: 1


Supermenыч, Классно нарисовал)

Отличный сайт)
Kosten
Дата: Понедельник, 22.04.2013, 19:42 | Сообщение # 11
Администраторы
Сообщений:12681
Награды: 39


RiPeR, ты в рабочем виде не видел. Там реально все по теме.

FeStemBer
Дата: Понедельник, 30.11.2015, 04:53 | Сообщение # 12
Проверенные
Сообщений:295
Награды: 1


Так очень нормально получилось, но можно не только под лучшего пользователя сделать.
Форум про uCoz » Всё для web-мастера » Уроки Веб-мастера » Практикум по HTML/CSS #1: Информёр
Страница 1 из 11
Поиск: