Проектиране на основни редове на кода (CSS) - Блог - VaGsToR

основни

Малко ръководство за тези, които искат да проектират своя профил по оригинален начин. х)

Въпреки факта, че все още съм нуб в KCC и HTML, е необходимо да се опитаме да говорим за някои от основните възможности за редактиране, тъй като в темата, отредена за това, не се казва нищо конкретно за това. > _> Първо, за фона/логото на страницата и възможността за промяна на картината зад нея.

Фон на страницата/лого

проектиране

Горен блок

.фон на заглавната лента: url ("http: // ***") repeat-x превъртане 0 0 # **;
граница:

px твърдо # **;
цвят: # **
подплата: 10px 15px;
подравняване на текст: център;
>

За рамката (ако изобщо я имате) е "границата", дебелина ?

(в пиксели) стил ? твърдо/smth. друго, цвят ? **.

подложка е необходима, за да се определи позицията на блока спрямо ръбовете: първата е за регулиране отгоре/отдолу, втората ? отстрани (също в пиксели).

text-align - за позициониране на текста (можете да зададете "център", тогава надписът ще бъде в центъра, "вдясно" ? вдясно, "вляво" ? вляво).

a - за промяна на цвета на y от всички връзки на страницата вместо ** ? номер на цвят.

тяло а ? за промяна на намиращите се връзки под основния модул (в хрониката).

Сега е моментът да конвертирате точките за действие и точки за опит на вашата страница, показани вляво от броя на монетите. За тях всичко е малко по-сложно: отговорно за OD # current-ap .fill, за опит - # current-exp .fill.

# current-ap .fill background: url ("http: // ***") без повторение превъртане 0 0 прозрачен;
дисплей: блок;
височина: 7px;
-moz-border-radius: 10px 10px 10px 10px;
граница-радиус: 10px 7px 4px 8px;
>

Не препоръчвам промяна на останалите параметри.

С Experience ситуацията е същата, само името на параметъра ще се промени.

Параметър div.panes цветът на фоновата картина в хрониката се променя:
Цвят на фона: # **;
фоново изображение: url ("http: // ***");
>

редове

За да промените цвета на посоченото време и текст, използвайте #activity ul li div.feed-left .time и #activity ul li div.feed-right съответно:

#activity ul li div.feed-left .time color: # 00ffff;
>
#activity ul li div.feed-right цвят: # 00ffff;
>

„Сега играя в“

За да подредите прозореца „Играе сега“, ще ви трябва # сега играй:

# сега играйте фон-цвят: #DBDBDB;
граница: плътна;
цвят на границата: # e4e400;
широчина на границата: 3px;
граница-радиус: 5px;
>

, къде е цветът на фона ? цвят на фона в прозореца, граница ? граничен цвят ? цвят, ширина на границата ? ширина, радиус на границата - степента на закръгляване от ръбовете (0px ? квадрат).

Информация и основни блокове

Последните два важни параметъра ? .блок данни и .основен блок:

.data-block background-color: # 49A484>

.цвят на фона на основния блок: # AECCA1;
> където можете да промените само цвета на фона.

проектиране

основни

Надявам се това да ви помогне. Благодаря ви за вниманието.