Change site style→

style-1 style-2
  1. nazenani
  2. >
  3. CSS Drawing
  4. >
  5. CSS styling in nazenani

CSS styling in nazenani

Textures, buttons, all of Pictorial elements in this site is structured by CSS, not using image files.
From now on, I'll introduce these scripts.

Site title area

Colorful dotted background

Point
  • L5: Decide background size. it causes to dicide circle size.
  • L2: Draw circles, set patternof attributions in parallel.
    This site uses 2 color of circles. Let circle repeat.
  • L6: Change position of blue circles.

Title background

Point
  • L1: Draw ellipse.
  • L2: Rotate ellipse.

Footer area: Stripe

Point

  • L1: Decide background color.
  • L2: Draw stripes and change angle of strip.

Global navigation area: Check patterns

Point

  • L4,11: Decide background color.
  • L5,12: Draw stripes and change angle of strip.
  • L6-,13-: Change positions of stripes.

Sidebar: Stripe

Point

  • L1: Decide stripe details. This part is a little difficult.
    After changed angle, adjust gradient percentage. This stripe use 3 pattern gradients.
Summary
Use “gradient” attribution.
Rotate items.

Comment

Fields with * is required.

Go to related tags archive?