Skip to main content
Main Content

♥ Boba's thread CSS testing (please do not post)

♥ Boba's thread CSS testing (please do not post)
Posted 2020-10-11 17:30:31 (edited)

♥ Boba's thread CSS

CSS Display

If I sent you here because you commissioned me for custom thread CSS, you'll find your design displayed in the second post down below!

CSS Templates

If you came here to see the box templates for thread CSS, you'll find standard theme templates in this post and minimalistic theme templates in this post.

CSS FAQ

I have a FAQ thread with common CSS/HTML questions!

Layout by me ♥


Hippo
#1999

Posted 2020-10-13 07:40:16 (edited)

HEADER STYLE 1

HEADER STYLE 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Layout by ♥ Boba (#1999)


Hippo
#1999

Posted 2021-03-08 12:10:36 (edited)

STANDARD THEME BOX TEMPLATES

Below are some styles you can choose from. Each working demo shows what each style looks like by default, font/color/border adjustments are free. The following demos use this color palette and the default Wolvden font Roboto.

HEADER STYLE 1 (DEFAULT)

HEADER STYLE 2

Header Style 3

This header style can be combined with paragraph style 1 or 3 (this example uses 1).

Header Style 4

This header style can be combined with paragraph style 1 or 3 (this example uses 1).

Paragraph style 1 (default): Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

  • Paragraph style 2 (box with only list items, please choose 1 bullet type): Unfortunately Wolvden threads do not support putting lists inside boxes, so the closest you can get is a bullet-less line like this one (please request this bullet-less list item if you want it in your list box).
  • Disc bullet (default)
  • Circle bullet
  • Square bullet
  • Roman numeral bullet
  • Number bullet
  • Letter bullet
Paragraph style 3 (the two columns count as one box): Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Paragraph style 3 (the two columns count as one box): Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Layout by ♥ Boba (#1999)


Hippo
#1999

Posted 2021-03-08 12:11:44 (edited)

MINIMALISTIC THEME BOX TEMPLATES

Below are some styles you can choose from. Each working demo shows what each style looks like by default, font/color/border adjustments are free. The following demos use #b2cfca as the accent color and the default Wolvden font Roboto.

HEADER STYLE 1 (DEFAULT)

HEADER STYLE 2

HEADER STYLE 3

HEADER STYLE 4

Paragraph style 1 (default): Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Paragraph style 2: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

  • Paragraph style 3 (box with only list items, please choose 1 bullet type): Unfortunately Wolvden threads do not support putting lists inside boxes, so the closest you can get is a bullet-less line like this one (please request this bullet-less list item if you want it in your list box).
  • Disc bullet (default)
  • Circle bullet
  • Square bullet
  • Roman numeral bullet
  • Number bullet
  • Letter bullet

Paragraph style 4 (the two columns count as one box): Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Paragraph style 4 (the two columns count as one box): Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Paragraph style 5: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Layout by ♥ Boba (#1999)


Hippo
#1999

Search Topic