Случвало ли ви се е когато четете blogpost на някой сайт, самият линк „Blog“ от навигацията да няма active state?
На мене ми се е случвало много пъти.
За да разберем по каква причина се случва това и как да го избегнем при теми, които самите ние пишем е добре да имаме малко повече познания на класовете, които WordPress назначава към линковете в менютата.
През последните месеци на няколко различни места видях подобен ефект: https://magadanski.com/demo/partition/. Самият ефект изглежда доста просто – кръгчета с различни размери, разположение на произволно място върху фона. Нека добавим и частична прозрачност да кръгчетата и glow ефект по периферията им и получаваме точно моя пример.
И все пак липсва една малка дизайнерска част. В момента цветовете са твърде произволни. Като имам отново малко свободно време ще трябва да си проиграя малко и да видя как точно да генерирам произволни, но в определени граници цвят. Може би като за начало ще ми трябва да опраделя един базистен, който бих използвал и във фона. Във всеки случай ще ми трябва малко теория на цветовете, за да видя как мога да генерирам такива, които да си подхождат.
Този урок се пада продължение на двата урока за създаване на начална страница с хедър и навигация тук и тук. В тази трета част ще направим малко допълнения към съдържанието на страницата.
Продължаваме урока за началната страничка, която започнахме предния път. В този урок добавяме абсолютно позиционирано заглавие над header картинката, като оправяме един малък проблем с IE7 по въпроса, добавяме малка част същинско съдържание на сайта като използваме float-нати елементи, като оправяме някои от свързаните с тях проблеми с clear елементи, както и такива, които имат стил overflow: hidden.
Ето го и първия ми видео урок. След като вече в няколко урока представих основната и главно теоретична част относно първи стъпки в правене на сайтове, смятам, че следва да се представя по-практически код, който е най-добре да се обяснява в процеса на писане – във видео.
В предния урок обяснихме някои от основните стилове, характерни за така наречения box model на елементите. Говорихме за display, margin, padding, border, width и height. В този урок ще представя и едно малко CSS3 допълнение към този модел, както и ще разгледаме някои стилове от гледна точка на текстовото съдържание на HTML елементите.
В този урок ще разгледаме какво всъщност можем да постигнем с CSS (поне някои основни неща). Тук ще дам примери и ще обясня съдържанието на CSS декларациите.
Освен обикновените класови селектори съществуват и псевдо класови селектори. Те не са напълно неподдържани от IE6, но са ограничени в някои отношения. В случая няма да се задълбавам в тях, тъй като е много вероятно и да представя погрешна информация, понеже не съм ги тествал всички прочети CSS Псевдо Селектори
