bow down
994 posts
bits
she / her
i'm running these streets, see? burning like gasoline.
|
Post by pharaoh leap on Jul 5, 2018 22:15:09 GMT
[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] |
|
ᕕ( ᐛ )ᕗ
313 posts
bits
any
i'm not for male consumption.
|
Post by selkie on Jul 10, 2018 21:28:08 GMT
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] |
|
54 posts
bits
im a plant animal
|
Post by vulpina on Jul 20, 2018 17:56:50 GMT
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] |
|
a meme
1,309 posts
bits
they/them
if i woke up, your warmth, your hand on mine and your voice too—
|
Post by M A E ! on Jul 21, 2018 16:34:01 GMT
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!
|
|
|
|
Post by Deleted on Jul 31, 2018 19:50:51 GMT
[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] |
|
