![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png){kind=small}
Entry tags:
roster: honeycomb
I feel like I only ever seem to do these when I see Plurk coding stuff... In any case, I was inspired by a fellow code geek who thought that this would look cool as a character roster. ...so I made it happen?
ETA2: Evidently Firefox does, now, support clipping paths, so this code should work on newer versions of Firefox!
'honeycomb' design by mistojen
instructions!
MAIN DIV
FIRST ROW
(you'll want to wrap this code around the new characters in that particular row)
ADD A CHARACTER
(each row maxes out at 3 characters; when you add a new character you'll want to change char1a and char1b to char2a and char2b, etc.)
ADD ADDITONAL ROWS
(you'll want to wrap this code around the new characters in that particular row, and as a note, the spacing is weird when you add new rows; you'll have to tweak the pixels {usually only by a couple of pixels up or down} until it looks right)
CHANGING COLORS
Find and replace:
- Copy codes from the text boxes below.
- Edit the following
- Paste into journal entry and add lj-cut if desired.
- Profit.
- Ask any questions in the comments; I'm better at coding than at explaining how to implement it, sorry! :(
MAIN DIV
FIRST ROW
(you'll want to wrap this code around the new characters in that particular row)
ADD A CHARACTER
(each row maxes out at 3 characters; when you add a new character you'll want to change char1a and char1b to char2a and char2b, etc.)
ADD ADDITONAL ROWS
(you'll want to wrap this code around the new characters in that particular row, and as a note, the spacing is weird when you add new rows; you'll have to tweak the pixels {usually only by a couple of pixels up or down} until it looks right)
CHANGING COLORS
Find and replace:
#f7f7f7
#000
#F4FF8C
rgba(231,255,13,.4)