Категория: CSS

Уроци за CSS

Лепкав хедър със скролиране.

Автор: Jorko

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

#header{
width: 100%;
height: 66px;
background-color: blue;
position: fixed;
top: 0px;;
left: 0px;
}

#header_wrap{
width: 900px;
height:
…

Tooltip без jQuery/Javascript

Автор: Hous

<a href="#" class="tip"Link<spanСъдържание на текста в tooltip-a</span</a

Този ред е елементарен линк със клас tip в който има span който не можем да видим докато не поставим курсора върху линка (Link)

За да направим текста …

Background image – Създаване на линк

Автор: lub4o

В този урок ще направим нашият background, да ни служи като реклама, тоест когато се натисне на него да ни препраща в определена страница.
Ще опитам да го обясня по – просто.

За целта си създаваме нашият HTML …

Анимирано меню с CSS

Автор: hpstuff

Здравейте, ще ви покажа вариант за анимирано меню на css 3

Първо си подготвяме структурата на самото меню

<ul class="navigation"<li id="home"<a href="#home"Home</a</li<li id="news"<a href="#news"News</a</li<li id="gallery"<a href="#gallery"Gallery</a</li
…

Меню на 3 нива само с CSS

Автор: shterev

Така , това е урок напсан лично от мен (Shterev), който цели да покаже структурата и изграждането на меню, което има 2 нива на под менюта.
Необходим ни е само CSS2, за което съм и използвал една картинка …

CSS3 преходи и трансформации

Автор: I_V_O

Здравейте! В този урок ще направя едно кратко представяне на двете може би най-интересни CSS3 нововъведения – преходи и трансформации. За да извършим един елементарен CSS преход, вече не са нужни големи JavaScript библиотеки като jQuery или script.aculo.us, …

Част от новите свойства на CSS 3

Автор: adrian

Първото, което искам да спомена в урока е, че повечето от свойствата, които ще напиша не са валидни според CSS валидатора, но въреки това работят в повечето съвременни браузъри.

  • Цветовете в урока, който ще използвам са предимно
…

Заоблено хоризонтално меню с нефиксирана ширина

Автор: shterev

Менюто което ще покажа, работи под всички бразъри, направено е с картинки, знам че може и с CSS3, но съм избрал този начин, понеже работи и в IE6.

Необходими са ни 4 картинки, като 2 за нормално състояние …

CSS типография

Автор: topchokt

По принцип “CSS” и “типография” не се срещат често в едно и също изречение и то съвсем резонно. Традиционната типография е много нежна и красива форма на дизайна, която позволява хиляди вариации и решения. За съжаление не така …