write a reply

05. color splash

options
quote
05. color splash written Jul 5, 2018 22:15:09 GMT
frog on the floor
aliasfreiheit, microwaved burrito
pronounsany
1,544written posts
pharaoh leapearned bits
offlinecurrently
pharaoh leap
Administrator
pharaoh leap Avatar
i've been having some pretty dark thoughts.
[nospaces]

[attr="class","lppromised"]
[attr="class","lppromised1"]
[attr="class","lppromised2"]
[attr="class","lppromisedtitle"]COLOR SPLASH

[attr="class","lppromisedblurb"]



TEMPLATE TYPE posting template[break]
COLOR + PALETTES listed below[break]
CHALLENGE TYPE create a posting template using three of the below colors[break][break]

[attr="class","lppromisedcolors"]
[attr="class","lppromisedcolor"]#fa7a7a

[attr="class","lppromisedcolor"]#57adbd

[attr="class","lppromisedcolor"]#88c26d

[attr="class","lppromisedcolor"]#f0b062

[attr="class","lppromisedcolor"]#c391cc

[attr="class","lppromisedcolor"]#b84244



To combat a tide of single-accent templates (despite there being nothing wrong with single accent templates) without resorting to the use of palettes, a handful of hex code colors have been chosen above, and it's up to you to determine how to use any three of your choosing in a posting template! You're welcome to use any images, patterns, or stylings you'd like, so long as your three colors are easily noticed in the end result, whether they be as accents, background colors, text colors, or anything else you may have used them for!




[googlefont=Roboto Condensed:300,400,700][googlefont=Roboto:400,700,800][googlefont=Rajdhani:400,700]
[newclass=.lppromised]padding:9px;border:solid 1px #e5e5e5;background-color:#f9f9f9;width:380px;[/newclass]
[newclass=.lppromised1]padding:20px;background-image:url(https://image.ibb.co/cijxkS/dark_spots2.png);[/newclass]
[newclass=.lppromised2]padding:25px;background-color:#f9f9f9;color:#5f5f5f;text-align:justify;font:11px Roboto;text-transform:uppercase;[/newclass]
[newclass=.lppromisedtitle]padding-right:10px;display:inline-block;font:35px Roboto Condensed;font-weight:700!important;letter-spacing:-.5px;color:#e5e5e5;line-height:30px;padding-bottom:25px;border-bottom:solid 5px #eeeeee;margin-bottom:25px;[/newclass]
[newclass=.lppromisedblurb]padding-bottom:30px;text-transform:lowercase;[/newclass]
[newclass=.lppromisedblurb b]color:#111111;[/newclass]
[newclass=.lppromisedblurb a]font:bold 11px Roboto;color:#999999;border-bottom:solid 1px #111111;[/newclass]
[newclass=.lppromisedleft]font:bold 10px Rajdhani;line-height:10px;text-align:left;color:#bbbbbb;padding:0px!important;width:30%;vertical-align:top;[/newclass]
[newclass=.lppromisedleft a]font:bold 10px Rajdhani;color:#111111;line-height:10px;[/newclass]
[newclass=.lppromisedright]padding:0px 0px 10px 15px!important;vertical-align:top;font:bold 10px Rajdhani;line-height:10px;text-align:left;color:#bbbbbb;[/newclass]
[newclass=.lppromisedcolors]padding-bottom:17px;height:26px;[/newclass]
[newclass=.lppromisedcolor]text-transform:uppercase;color:#f9f9f9;font:10px Roboto;line-height:10px;letter-spacing:.5px;padding:8px;display:inline-block;margin:0px 3px 3px 0px;[/newclass]
last edit on Jul 5, 2018 22:16:19 GMT by pharaoh leap
options
quote
05. color splash written Jul 10, 2018 21:28:08 GMT
ᕕ( ᐛ )ᕗ
aliasthat bitch.
pronouns"that bitch" still works tbh (any OK!)
551written posts
selkieearned bits
offlinecurrently
selkie
Part of the Furniture
selkie Avatar
a verb in perfect view.
this prompt gave me so much INSPIRATION that i couldn't not make something for it >:/ i did cheat by using more than 3 colors, feel free to smite me for breaking the rules again. thanks so much to iceguin for posting about how to get @ font-face working in newclasses, i had no idea it was a possibility ;o; [break][break]

[nospaces][googlefont=Montserrat:700|Roboto+Condensed:700]

[attr="class","selkBorder"]
[attr="class","selkBody"]
[attr="class","selkHeader"]

[attr="class","selkIcon"]



[attr="class","selkLyric"]
[attr="class","selkLyric1"]why can't i see

[attr="class","selkLyric1"]all the colors

[attr="class","selkLyric2"]that you see





[attr="class","selkPost"]

lorem ipsum dolor sit amet, consectetur adipiscing elit. vivamus nec orci aliquam, sodales nibh at, interdum ante. integer luctus elementum libero quis aliquet. cras non diam ut diam porttitor bibendum. sed eu risus vitae urna viverra pulvinar vel eget ipsum. mauris et maximus tortor, sit amet tristique purus. ut mattis non dolor ut pharetra. aliquam erat volutpat. donec id neque arcu. sed metus diam, iaculis at efficitur ac, maximus quis lacus. aenean luctus, nibh at euismod aliquet, leo ex lobortis orci, et consectetur ex nibh volutpat sem. suspendisse in purus lacus. curabitur posuere ipsum et placerat euismod. praesent tincidunt nibh orci, nec gravida leo consequat a. cras mattis tincidunt mi, non maximus orci mattis in. nunc in lacus non sapien hendrerit venenatis interdum vitae dui. [break][break]

orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. proin pellentesque est ac arcu commodo, vel commodo turpis egestas. mauris in lectus vitae metus convallis feugiat. donec porta lorem a fringilla convallis. donec eleifend tellus sed magna tempus pellentesque. curabitur tempor diam sed nibh condimentum, sed hendrerit purus molestie. proin at malesuada dui. maecenas auctor porta nisl, dictum faucibus dolor egestas eu. sed scelerisque ligula et purus fermentum, et molestie velit rutrum. [break][break]

interdum et malesuada fames ac ante ipsum primis in faucibus. donec varius consequat tortor, vitae lobortis eros bibendum in. suspendisse potenti. duis eu ex eros. aliquam erat volutpat. cras mattis nulla mollis varius lobortis. donec pellentesque elit lorem, eget aliquet leo volutpat nec. proin ultricies tincidunt condimentum. nullam bibendum neque a mattis tempus. quisque ac purus placerat augue ornare imperdiet eget eget turpis. nunc diam nisi, tincidunt non mattis vel, pharetra eget libero. donec nunc dui, bibendum consequat convallis vel, rhoncus vel est. curabitur volutpat cursus augue et imperdiet.



[attr="class","selkFooter"]
[attr="class","selkNotes"]

put your notes here!


[attr="class","selkTag"]

@tagged





[attr="class","selkCredit"]SELKIE




[newclass=.selkBorder] border:10px solid #efefef; outline:1px solid #ddd; width:452px; margin:1px; [/newclass]
[newclass=.selkBody] border:1px solid #ddd; background-color:#fefefe; [/newclass]
[newclass=.selkHeader] display:flex; justify-content:space-between; align-items:center; background-color:#fafafa; border-bottom:1px solid #ddd; padding:20px; [/newclass]
[newclass=.selkIcon] padding:10px; width:100px; height:100px; border:2px solid #ddd; display:flex; align-items:center; justify-content:center; border-radius:100%; [/newclass]
[newclass=.selkLyric] display:flex; flex-direction:column; cursor:default [/newclass]
[newclass=.selkLyric1] font:700 31px/100% Montserrat; color:#ddd; text-transform:uppercase; text-align:right; [/newclass]
[newclass=.selkLyric2] font:800 24px Signerica_Fat; color:#88C26D; line-height:24px; text-shadow: #FAFAFA 1px 1px, #FAFAFA -1px 1px, #FAFAFA 1px -1px, #FAFAFA -1px -1px; margin-top:-10px; } @font-face { font-family:Signerica_Fat; src:url(http://files.jcink.net/uploads/derse/Signerica_Fat.ttf) format('truetype'); [/newclass]
[newclass=.selkPost] font:11px roboto; color:#7a7a7a; padding:50px; text-align:justify; [/newclass]
[newclass=.selkPost b] color:#57ADBD; font:700 10px Montserrat; [/newclass]
[newclass=.selkFooter] display:flex; height:40px; [/newclass]
[newclass=.selkTag] width:50%; font:9px roboto; text-transform:uppercase; padding:10px; border-top:1px solid #DDDDDD; background-color:#FAFAFA; color:#7a7a7a; display:flex; align-items:center; justify-content:center; [/newclass]
[newclass=.selkTag a] font:9px roboto!important; [/newclass]
[newclass=.selkNotes] font:9px roboto; text-transform:uppercase; background-color:#C391CC; color:#FEFEFE; width:50%; padding:10px 10px; height:20px; overflow:hidden; display:flex; text-align:left; justify-content:center; align-items:center; [/newclass]
[newclass=.selkCredit] font:bold 7px roboto; width:50px; margin-left:400px; [/newclass]
[newclass=.selkCredit a] font:bold 7px roboto; [/newclass]
last edit on Jul 10, 2018 22:26:30 GMT by selkie
weeping omens advertisement

all my proboards templates require the style tags plugin!
options
quote
05. color splash written Jul 20, 2018 17:56:50 GMT
54written posts
vulpinaearned bits
offlinecurrently
vulpina
Junior Member
vulpina Avatar
im a plant animal
ALIEN BOY
❝ converting is suffering /wheezes 
:""""))) when scratchpad erases my progress OKAY THIS IS FINE. I was gonna link that too but whatever. oh i forgot to say, inspired by this song alien boy ❞




[googlefont=Fjalla+One][googlefont=Pacifico]

[attr="class","color1"]I fell down to earth

[attr="class","color2"]from a hundred miles away and somehow

[attr="class","color3"]I still make it work


lorem ipsum dolor sit amet, consectetur adipiscing elit. vivamus nec orci aliquam, sodales nibh at, interdum ante. integer luctus elementum libero quis aliquet. cras non diam ut diam porttitor bibendum. sed eu risus vitae urna viverra pulvinar vel eget ipsum. mauris et maximus tortor, sit amet tristique purus. ut mattis non dolor ut pharetra. aliquam erat volutpat. donec id neque arcu. sed metus diam, iaculis at efficitur ac, maximus quis lacus. aenean luctus, nibh at euismod aliquet, leo ex lobortis orci, et consectetur ex nibh volutpat sem. suspendisse in purus lacus. curabitur posuere ipsum et placerat euismod. praesent tincidunt nibh orci, nec gravida leo consequat a. cras mattis tincidunt mi, non maximus orci mattis in. nunc in lacus non sapien hendrerit venenatis interdum vitae dui.

orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. proin pellentesque est ac arcu commodo, vel commodo turpis egestas. mauris in lectus vitae metus convallis feugiat. donec porta lorem a fringilla convallis. donec eleifend tellus sed magna tempus pellentesque. curabitur tempor diam sed nibh condimentum, sed hendrerit purus molestie. proin at malesuada dui. maecenas auctor porta nisl, dictum faucibus dolor egestas eu. sed scelerisque ligula et purus fermentum, et molestie velit rutrum.

interdum et malesuada fames ac ante ipsum primis in faucibus. donec varius consequat tortor, vitae lobortis eros bibendum in. suspendisse potenti. duis eu ex eros. aliquam erat volutpat. cras mattis nulla mollis varius lobortis. donec pellentesque elit lorem, eget aliquet leo volutpat nec. proin ultricies tincidunt condimentum. nullam bibendum neque a mattis tempus. quisque ac purus placerat augue ornare imperdiet eget eget turpis. nunc diam nisi, tincidunt non mattis vel, pharetra eget libero. donec nunc dui, bibendum consequat convallis vel, rhoncus vel est. curabitur volutpat cursus augue et imperdiet.

but it's overrated and somehow played out
vulpina
[newclass=.color1] font-family: 'Pacifico', cursive;font-size: 25pt;padding-left: 5px;color:#f3f3f3;[/newclass][newclass=.color2]font-family: 'Fjalla One', sans-serif; font-size: 25pt;padding-left:5px;color:#57ADBD;[/newclass][newclass=.color3]font-family: 'Fjalla One', sans-serif;font-size: 25pt;padding-left:5px;color:#f3f3f3; opacity:.3;[/newclass][newclass=.color1:hover]color:#FA7A7A;[/newclass][newclass=.color3]color:#88C26D;opacity:.9;[/newclass]
last edit on Jul 20, 2018 17:57:58 GMT by vulpina
options
quote
05. color splash written Jul 21, 2018 16:34:01 GMT
eepy cosy
aliasmaestro, mae
pronounsthey/he
1,607written posts
M A E !earned bits
offlinecurrently
M A E !
Part of the Furniture
M A E ! Avatar
because even my darkness will shine brightly.
so a lot of you know i coded this like 2 weeks ago. i'm gonna go in and edit this (and my image palette challenge template) to be easier for others to edit regarding colors but here's the gifs of how it looks on a light background vs a dark background!


options
quote
05. color splash written Jul 31, 2018 19:50:51 GMT
0written posts
Deletedearned bits
offlinecurrently
Deleted
Deleted Avatar
[googlefont="Dancing Script"]
Deep in your love, baby.
[attr="class","subtitle2"]tag for @melusine
Proin metus mi, iaculis egestas semper nec, aliquet non tortor. Proin sodales eros ut velit vehicula imperdiet. In hac habitasse platea dictumst. In hac habitasse platea dictumst. Curabitur dolor quam, viverra at semper non, commodo eget eros. Praesent nec neque ac dolor venenatis ornare.

Morbi dictum ornare congue. Quisque a vehicula ipsum. Nam congue tristique malesuada. Nunc ac lacinia urna. Nulla a iaculis est. Vestibulum diam enim, aliquam ac egestas egestas, dictum id nisl. Etiam semper luctus ligula et sodales. Pellentesque gravida sem cursus vulputate consectetur. Integer ullamcorper turpis et nulla ultricies ullamcorper. Ut commodo sollicitudin tempus. Donec lacus nibh, malesuada at lectus at, dignissim molestie tellus. Donec sit amet faucibus urna. Suspendisse potenti.

Cras non congue diam. Fusce vel molestie sem, a commodo libero. Vivamus ante sem, convallis quis ligula vel, scelerisque posuere nisl. Proin aliquam ex non diam vestibulum, vel finibus dolor porta. Donec rhoncus sapien dui. Nullam nec sagittis velit, id tincidunt sapien. Suspendisse elementum enim ac erat tincidunt molestie.


[newclass=.subtitle2] display:inline-block;background-color:transparent;padding-left:15p;padding-right:5px;text-align:left;font-family:Monterrat;line-height:30px;font-style:italic;color:#B84244;font-size:12px;letter-spacing:2px;text-transform:lowercase;[/newclass]


Reply