Proiectul comunitar o listă neordonată

Vom încerca ceva nou astăzi, ceva la care sper că veți fi implicați cu toții: Vreau să vă prezentați! Îți dau o simplă piesă de marcare (o listă neordonată) pe care ai libertatea de a-ți schimba stilul în orice fel te rog. Trimiteți-vă exemplele CSS și exemple valoroase vor fi publicate pe site săptămâna viitoare. Citiți mai departe pentru a afla mai multe!

Actualizați!

Acum puteți verifica rezultatele dacă vă place

Asta e ușor

Iată marcajul (descărcați-l înfășurat ca fișier html dacă doriți):

  Sandviș cu branza
 Melamina
 Intrigă
 boschet
 conversație

Ce credeți că ați putea face cu el, folosind puterea CSS? Iată două cu adevărat de bază exemple, doar pentru a obține o idee despre ceea ce facem aici.

Orice merge

Nu puteți atinge codul HTML, fără excepție. Dar există sarcini pe care le puteți face pentru a modela această listă prin CSS!

Joacă cu culorile
Modificați fonturile (utilizați @ font-face dacă doriți)
Structurați-o ca meniu
Adăugați conținut dinamic cu elemente pseudo
Du-te nebun cu declivități
Suflați-ne cu tranziții
Chiar și utilizarea texturilor și a imaginilor, dacă doriți (asigurați-vă că ați zip toată lotul în sus atunci când îl trimiteți peste)

Singurul lucru pe care trebuie să-l țineți cont este faptul că pagina demo are deja stiluri de resetare cu normalize.css.

Inscrie-ma!

Acest lucru nu a putut fi mai simplu:

Descărcați fișierele de bază
Modificați stilul în orice fel doriți
Includeți orice detalii personale și o descriere a ceea ce ați făcut
Puneți fișierul (fișierele) în sus și trimiteți-le la mine!

Voi publica cele mai bune când am adunat câteva. Acest lucru poate fi în curs de desfășurare - nu există un termen limită. Dacă este un succes (dați-mi voie să știți ce credeți în comentariile), atunci vom organiza proiectele comunitare progresive din ce în ce mai provocatoare ...

Aștept cu nerăbdare să văd ceea ce cu toții veniți! Mult noroc!

Web design