Recent Posts

options
quote
daydaydream written Mar 28, 2021 17:04:09 GMT
pronounsfeminine
383written posts
idindinearned bits
offlinecurrently
idindin
Senior Member
idindin Avatar
[nospaces]
[googlefont=Dela Gothic One:100,200,300,400,500,600,700,800]
[googlefont=Quicksand:100,200,300,400,500,600,700,800]
[newclass=.ame-heartbreak]width: 500px;margin: auto;display: grid;grid-template-columns: 50px 400px 50px;grid-template-rows: 550px;font-family: 'Dela Gothic One', cursive;[/newclass]
[newclass=.hb-avi]width: 90px;height: 90px;background-size: contain;border-radius: 100%;margin: 10px;background-image: url('https://i.imgur.com/fESisri.png');[/newclass]
[newclass=.hb-body]border: 1px solid silver;[/newclass]
[newclass=.hb-lyric]font-size: 30px;color: #ef476f;[/newclass]
[newclass=.left-lyric]writing-mode:vertical-lr;transform: rotate(180deg);text-align: justify;font-size: 39.3px;[/newclass]
[newclass=.hb-body]display: grid;grid-template-rows: 1fr 1fr 1fr;[/newclass]
[newclass=.hb-post-window]border-top: 1px solid silver;border-bottom: 1px solid silver;height: 300px;background-color: #edf2f4;border-bottom: 10px solid #ef476f;[/newclass]
[newclass=.hb-post]height: calc(100% - 60px);margin: 30px;padding: 0px 15px;overflow-y: auto;text-align: justify;font-size: 13px;font-family: 'Quicksand', sans-serif;color: #495057;[/newclass]
[newclass=.hb-post b]color: #ef476f;[/newclass]
[newclass=.hb-pane]color: #ef476f;text-align: center;background-color: #343a40;display: flex;flex-direction: row;align-items: center;justify-content: center;[/newclass]
[newclass=.right-lyric]writing-mode:vertical-lr;text-align: right;font-size: 37px;padding-left: 6px[/newclass]
[newclass=.hb-bottom]font-size: 15px;padding: 5px 10px;background-color: #edf2f4;margin: 0px 30px;width: calc(100% - 150px);height: 70px;overflow-y: auto;[/newclass]
[newclass=.note-text]font-size: 11px;color: grey;font-family: tahoma;display: flex;align-items: center;justify-content: center;[/newclass]
[newclass=.ame-heartbreak ::-webkit-scrollbar] width: 3px;[/newclass]
[newclass=.ame-heartbreak ::-webkit-scrollbar-thumb] background: #ef476f;[/newclass]
[newclass=.hb-top]display: flex;align-items: center;justify-content: center;[/newclass]
[newclass=.left-bar]width: 100px;height: calc(100% - 20px);border-left: 10px solid #ef476f;[/newclass]
[newclass=.right-bar]width: 100px;height: calc(100% - 20px);border-right: 10px solid #ef476f;[/newclass]

[attr="class","ame-heartbreak"]
[attr="class","hb-lyric left-lyric"]
heartbreak, heartbreak

[attr="class","hb-body"]
[attr="class","hb-top hb-pane"]
[attr="class","left-bar"]

[attr="class","hb-avi"]

[attr="class","right-bar"]


[attr="class","hb-post-window"]
[attr="class","hb-post"]

Prompt #04 Years From Now
[break][break]
No one said you can't be depressing for the bingo! ...But ah, if it works out, just change the lyrics into something happier and it'll still work. uwub

[break][break]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae metus ornare, dictum ante condimentum, pretium nisi.
[break][break]
Proin porttitor nec turpis ut pharetra. Nunc dolor tortor, euismod sit amet viverra vel, malesuada in quam. Curabitur sollicitudin, lectus in eleifend euismod, lacus felis eleifend sapien, quis suscipit sem sem ut arcu. Duis vel ornare magna, vel rhoncus urna. Nam convallis volutpat libero vitae interdum. Suspendisse porta nisl quam, at molestie nisi scelerisque ac.
[break][break]
Sed risus libero, aliquet et auctor ut, pretium vel purus. Vestibulum pulvinar risus eget nisi dictum, eget consequat orci commodo. Quisque augue felis, aliquet id mauris vel, pulvinar luctus nibh. Donec ornare nisl urna, a maximus ante venenatis et. Aliquam et erat iaculis neque efficitur fringilla. Ut mattis congue tortor sed pretium. Curabitur sed risus ligula. In turpis lectus, tempor eget velit id, tincidunt bibendum mi.



[attr="class","hb-pane"]
[attr="class","hb-bottom"]
tags // [break]
[attr="class","note-text"]tagging here

notes // [break]
[attr="class","note-text"]notes here. not too long. ugly.




[attr="class","hb-lyric right-lyric"]
you tell me goodbye

last edit on Mar 28, 2021 17:18:27 GMT by idindin
options
quote
what obscure bullshit fandom are you obsessed with written Mar 26, 2021 18:52:54 GMT
pronounsfeminine
383written posts
idindinearned bits
offlinecurrently
idindin
Senior Member
idindin Avatar
ar tonelico!! or the songs they make!! programming syntaxes as lyrics for their songs, something like a whole computer architecture in their worldbuilding and the lore, and add in how the director was so dedicated that he made up physics to accommodate the system in the world! i don't think there's any other games like it after that one. the songs' genre is also so very unique and not very common that i think nier's ost is the closest to it? and, unfortunately, any other games that boast 'song magic' is usually just using the usual jpop.

it's too bad they don't seem to be continuing the series anymore. i really want more functions defined in songs or grammars/lore-reasons making layered vocals a necessity or songs titled with 'chmod' or 'exec'... i hope they make more ;;;
options
SPRING 2021: Prompt Bingo written Mar 26, 2021 9:03:02 GMT
pronounsfeminine
383written posts
idindinearned bits
offlinecurrently
idindin
Senior Member
idindin Avatar
[newclass=.AMETHY .bingoBG]--bingoColor:#58acfa[/newclass][nospaces]

[attr="class","AMETHY"]

[attr="class","bingoBG"]
[attr="class","bingoHead"]
amethy

[attr="class","th th-sunset-o"]



[attr="class","bingoSpot UNFINISHED"][attr="class","th th-sun"]12


[attr="class","bingoSpot UNFINISHED"][attr="class","th th-sun"]3


[attr="class","bingoSpot COMPLETE"][attr="class","th th-sun"]1


[attr="class","bingoSpot UNFINISHED"][attr="class","th th-sun"]20


[attr="class","bingoSpot UNFINISHED"][attr="class","th th-sun"]5


[attr="class","bingoSpot UNFINISHED"][attr="class","th th-sun"]14


[attr="class","bingoSpot UNFINISHED"][attr="class","th th-sun"]19


[attr="class","bingoSpot COMPLETE"][attr="class","th th-sun"]15


[attr="class","bingoSpot UNFINISHED"][attr="class","th th-sun"]16


[attr="class","bingoSpot UNFINISHED"][attr="class","th th-sun"]18


[attr="class","bingoSpot COMPLETE"][attr="class","th th-sun"]23


[attr="class","bingoSpot COMPLETE"][attr="class","th th-sun"]13


[attr="class","bingoSpot COMPLETE"][attr="class","th th-sun"]FREE


[attr="class","bingoSpot COMPLETE"][attr="class","th th-sun"]9


[attr="class","bingoSpot COMPLETE"][attr="class","th th-sun"]11


[attr="class","bingoSpot UNFINISHED"][attr="class","th th-sun"]21


[attr="class","bingoSpot UNFINISHED"][attr="class","th th-sun"]7


[attr="class","bingoSpot COMPLETE"][attr="class","th th-sun"]26


[attr="class","bingoSpot UNFINISHED"][attr="class","th th-sun"]27


[attr="class","bingoSpot UNFINISHED"][attr="class","th th-sun"]8


[attr="class","bingoSpot UNFINISHED"][attr="class","th th-sun"]28


[attr="class","bingoSpot UNFINISHED"][attr="class","th th-sun"]6


[attr="class","bingoSpot COMPLETE"][attr="class","th th-sun"]4


[attr="class","bingoSpot UNFINISHED"][attr="class","th th-sun"]24


[attr="class","bingoSpot UNFINISHED"][attr="class","th th-sun"]25


[attr="class","bingoFoot"]coded by ulla for use on pixel perfect only



[newclass=.bingoBG]background-color:#fff;border:#eee 1px solid;width:500px;[/newclass]
[newclass=.bingoHead]background-color:#3a3a3a;height:135px;border-bottom:var(--bingoColor) 8px solid;overflow:hidden;margin-bottom:4px;[/newclass]
[newclass=.bingoFoot]background-color:#3a3a3a;margin-top:4px;border-top:var(--bingoColor) 8px solid;height:30px;line-height:30px;font-family:trebuchet ms;font-size:9px;text-transform:uppercase;color:#6a6a6a;letter-spacing:1px;[/newclass]
[newclass=.bingoHead div]line-height:180px;font-family:roboto;font-weight:900;text-transform:uppercase;font-size:50px;text-align:left;padding-left:30px;color:var(--bingoColor);opacity:.7;height:180px;text-shadow:#1a1a1a 0 1px,#1a1a1a 1px 0,#1a1a1a 0 -1px,#1a1a1a -1px 0;[/newclass]
[newclass=.bingoHead a]float:right;text-decoration:none;text-shadow:#1a1a1a 0 1px,#1a1a1a 1px 0,#1a1a1a 0 -1px,#1a1a1a -1px 0;font-size:160px;margin:-20px;margin-top:-200px;opacity:.4;[/newclass]
[newclass=.bingoHead .th]color:#5a5a5a;transition:.5s;[/newclass]
[newclass=.bingoHead .th:hover]color:var(--bingoColor);transition:.5s;[/newclass]
[newclass=.bingoSpot]background-color:#eee;height:70px;width:89px;margin:2px;text-align:center;line-height:70px;font-family:roboto;font-weight:900;font-size:30px;color:#bbb;text-shadow:#fff 0 1px,#fff 1px 0,#fff 0 -1px,#fff -1px 0;[/newclass]
[newclass=.bingoSpot .th]float:left;margin-right:-100%;margin-bottom:-100%;font-size:40px;color:var(--bingoColor);text-shadow:#fff 1px 0,#fff 0 1px,#fff -1px 0,#fff 0 -1px;margin-left:-9px;margin-top:-20px;-webkit-transform:rotate(-10deg);[/newclass]
[newclass=.UNFINISHED .th]display:none;[/newclass]
[newclass=.COMPLETE .th]display:inline;[/newclass]
[newclass=.bingoBG table]cellpadding:0;margin-left:1px;width:492px;[/newclass]
[newclass=.bingoBG table tr]cellpadding:0[/newclass]
[newclass=.bingoBG table tr td]cellpadding:0[/newclass]
last edit on May 30, 2021 21:18:00 GMT by idindin
options
quote
Coding Confessions written Mar 18, 2021 11:46:49 GMT
pronounsfeminine
383written posts
idindinearned bits
offlinecurrently
idindin
Senior Member
idindin Avatar
i was supposed to code a post template to get a feel of ~designing~ but then it ended up being a thread tracker?? i prefer to code more than write now but this tracker thing is making me want to make more characters that i can't even handle ishgisodhg

the culprit: not enough hours in the day is2g
options
quote
wrist goes ow written Mar 13, 2021 19:23:52 GMT
pronounsfeminine
383written posts
idindinearned bits
offlinecurrently
idindin
Senior Member
idindin Avatar
[nospaces]

[newclass=.liliya]width: 450px;height: 600px;border-radius: 50px;border-bottom-right-radius: 0px;margin: auto;display: grid;grid-template-columns: 125px auto;grid-template-rows: 80px auto 190px;font-family: Tahoma, sans-serif;[/newclass]
[newclass=.liliya b]color: #9e4e4e;[/newclass]
[newclass=.liliya ::-webkit-scrollbar] width: 5px;[/newclass]
[newclass=.liliya ::-webkit-scrollbar-track]background: grey;border: 3px solid grey;[/newclass]
[newclass=.liliya ::-webkit-scrollbar-thumb]background-color: #9e4e4e;[/newclass]
[newclass=.liliya ::-webkit-scrollbar-thumb:window-inactive]background: rgba(255,0,0,0.4); [/newclass]
[newclass=.liliya-pic]grid-row-start: 1;grid-row-end: 4;grid-column-start: 1;grid-column-end: 2;background-image: url('https://i.imgur.com/NJlc4rM.png');background-size: cover;border-radius: 50px 0px 0px 50px;[/newclass]
[newclass=.liliya-header]border-radius: 0px 50px 0px 0px;padding-left: 20px;display: flex;align-items: center;background-color: #9e4e4e;color: silver;font-size: 16px[/newclass]
[newclass=.liliya-post-1]height: 330px;background-color: #DEE2E6;border-color: silver;[/newclass]
[newclass=.liliya-post-2]margin: 20px 20px;padding-right: 10px;height: calc(100% - 40px);overflow-y: auto;text-align: justify;color: #495057;font-size: 13px;[/newclass]
[newclass=.liliya-loadout]background-color: #9e4e4e;display: grid;grid-gap: 5px;padding: 10px 15px;grid-template-columns: 1fr 1fr;[/newclass]
[newclass=.liliya-slot]height: 20px;border: 1px solid grey;text-align: center;padding: 0px 0px;background-color: #DEE2E6;color: #6d6875;display: flex;align-items: center;justify-content: center;padding: 2px;font-size: 11px;[/newclass]
[newclass=.liliya-slot-header]grid-column-start: 1;grid-column-end: 3;grid-row-start: 1;grid-row-end:2;background-color: transparent;border: none;color: silver;font-family: Consolas, monaco, monospace;letter-spacing: 3px;font-weight: bold;font-size: 15px;[/newclass]
[newclass=.liliya-notes]grid-column-start: 1;grid-column-end: 3;grid-row-start: 4;grid-row-end: 5;height: 50px;text-align: justify;display: flex;justify-content: center;align-items: center;[/newclass]
[newclass=.liliya-notes div]padding-right: 5px;height: 40px;width: calc(100% - 10px);overflow-y: auto;[/newclass]
[newclass=a] text-decoration: none;color: #9e4e4e;[/newclass]

[attr="class","liliya"]
[attr="class","liliya-pic"]

[attr="class","liliya-header"]
[attr="class","liliya-header-content"]
ใƒŠใƒ‹ใƒŠใƒ‹ๅคœใซใ‹ใ‘ใ‚‹[break]็‰นใซๆ›ธใใŸใ„ใ“ใจใŒใชใ„ใ‚„


[attr="class","liliya-post-1"]
[attr="class","liliya-post-2"]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis commodo rutrum turpis, at sagittis tortor pulvinar nec. Nam et risus rutrum ipsum sollicitudin vestibulum. Sed purus dolor, vehicula et ante quis, ullamcorper varius velit. Sed tempus velit non lorem aliquam, convallis luctus justo ultricies.
[break][break]
In pellentesque ultrices velit non ultrices. Praesent porttitor elementum ante, sed sodales elit tempus eget. Quisque luctus lacinia risus at mollis. Vivamus lacinia, est eget tincidunt venenatis, ipsum ante scelerisque nibh, et sodales tortor elit vel nisl.
[break][break]
Pellentesque id nibh scelerisque arcu pellentesque egestas. Proin quis ante non augue ultrices suscipit molestie eget justo. Duis tincidunt magna suscipit nunc rhoncus, vitae sagittis enim tempor. Etiam quis vestibulum risus. Nullam suscipit accumsan turpis, id vestibulum sem mattis ut. Sed at urna condimentum, vulputate diam ac, egestas metus.


[attr="class","liliya-loadout"]
[attr="class","liliya-slot liliya-slot-header"]inventory

[attr="class","liliya-slot"]slot #1

[attr="class","liliya-slot"]slot #2

[attr="class","liliya-slot"]slot #3

[attr="class","liliya-slot"]slot #4

[attr="class","liliya-slot liliya-notes"]

notes: just a postie \o/



options
quote
Coding Confessions written Feb 23, 2021 15:58:33 GMT
pronounsfeminine
383written posts
idindinearned bits
offlinecurrently
idindin
Senior Member
idindin Avatar
i cringed while reading your post a few days back but it turns out... my sprint for my team this week is to fix exactly that...

broken php pages like view1.php, view3.php all the way until 7 i think?? granted it was built back in the day when tables were the best way for you to make a decent website(so says the HoD) but.

all the styles are inline.

there are no indents.

crai.
options
quote
Coding Confessions written Feb 16, 2021 3:08:19 GMT
pronounsfeminine
383written posts
idindinearned bits
offlinecurrently
idindin
Senior Member
idindin Avatar
self-doubt reared its ugly head in and that kind of killed progress a little bit(read: completely) on the skin i'm working on. like, i don't have a specific goal in mind for it anyway, so it's like... eh... what am i doing this/suffering for... i'll probably get through this after slacking for like 1 month maybe

but yes more of a peeve: vision problems adding extra(or non-existent) paddings that i don't notice until much later, but when i do i have to squint super hard or zoom in with Paint or smtg to see if it's really there. or 1 line of code becoming 2. glasses don't help so... aaa h3lp why am i in this field
options
quote
Sites You Want To See written Feb 16, 2021 2:40:54 GMT
pronounsfeminine
383written posts
idindinearned bits
offlinecurrently
idindin
Senior Member
idindin Avatar
von Avatar
Feb 15, 2021 22:28:36 GMT said:
Yall are making my dreams come thru. I literally was just chatting with my friend to join me in rp bc i have a huge muse over supernatural academia site but yaknow, staffing is like the death of me
it's not dark per se but would it have room for the more oriental kind of supernaturals because, y'know, blue exorcist and jjk kinda fits, kinda not, but if it can work then i'm deffo kowtowing for an outlet. there could be like, different schools and such?

whatever it'll be, it's been some time since i've seen a site on spn academia(there used to be so many, but maybe not the theme you guys are after) so i'm definitely keeping a look out!!

might not be able to fit that specific muse in but eh with such a draught it's not like i can be a chooser /cries
last edit on Feb 16, 2021 2:57:22 GMT by idindin
options
quote
Staffing Confessions written Feb 9, 2021 15:05:25 GMT
pronounsfeminine
383written posts
idindinearned bits
offlinecurrently
idindin
Senior Member
idindin Avatar
Mouse Avatar
Feb 9, 2021 10:07:52 GMT said:
I would pay so much money for a skin/site that has a pixel art aesthetic. I'm not even joking. I feel like pixel art is such an underused aesthetic in the rp community.
i remember a site that had that game Tiny Tower for its concept? it was cute, super cool with an interesting concept(adventuring and all that) but it never got far. 10/10 would want to join it again ;;
options
quote
wrist goes ow written Feb 8, 2021 11:04:05 GMT
pronounsfeminine
383written posts
idindinearned bits
offlinecurrently
idindin
Senior Member
idindin Avatar
[nospaces]
[newclass=.poke-container-2]height: 710px;display: flex;justify-content: center;align-items: center;transition-duration: 1s[/newclass]
[newclass=.top-round-border-2]margin: auto;height: 150px;width: 300px;border-radius: 150px 150px 0 0; background: #FFC0CB;border: 1px solid silver;border-bottom: 0px[/newclass]
[newclass=.bottom-round-border-2]margin: auto;height: 150px; width: 300px; border-radius: 0 0 150px 150px ; background-color: white;border: 1px solid silver[/newclass]
[newclass=.poke-divider-2]margin: auto;width: 300px;height: 15px;display: flex;justify-content: center;align-items: center;background-color: #525252;position: relative;z-index: 2;[/newclass]
[newclass=.center-round-2]width: 75px;height: 75px;background-color: #525252;border-radius: 100%;display: flex; justify-content: center;align-items: center[/newclass]
[newclass=.center-round-2 .center-round-2]margin: auto;width: 50px;height: 50px;border: 1px solid silver;background-color: white[/newclass]
[newclass=.center-round-2 .center-round-2 .center-round-2]margin: auto;width: 30px;height: 30px;border: 1px solid silver;background-color: white[/newclass]
[newclass=.center-round-2 .center-round-2 .center-round-2:hover]cursor: pointer[/newclass]
[newclass=.poke-post-section-2]margin: 20px auto;padding: 20px;padding-top: 40px;width: 300px;text-align: justify;height: 250px;border: 3px solid #FFC0CB;border-radius: 10px;background-color: white;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)[/newclass]
[newclass=.poke-post-2]padding: 0px 10px;font-family: Verdana, sans-serif;color: gray;font-size: 15px;overflow: auto;height: calc(100% - 20px);position: relative;z-index: 1;font-size: 12px[/newclass]
[newclass=.poke-post b-2]color: #FFC0CB[/newclass]
[newclass=.amethy-2]text-align: center; z-index: -1;position: relative[/newclass]
[newclass=.amethy-2 a]text-decoration: none;color: silver;font-size: 12px;font-family: Verdana, sans-serif;letter-spacing: 1px[/newclass]
[newclass=.poke-post-2::-webkit-scrollbar]width: 5px[/newclass]
[newclass=.poke-post-2 b]color: #FFC0CB;[/newclass]
[newclass=.poke-post-2::-webkit-scrollbar-track]background: #f1f1f1[/newclass]
[newclass=.poke-post-2::-webkit-scrollbar-thumb]background: #FFC0CB[/newclass]


[attr="class","poke-container-2"]

[attr="class","top-round-border-2"]

[attr="class","poke-divider-2"]
[attr="class","center-round-2"]
[attr="class","center-round-2"]
[attr="class","center-round-2 poke-poke-2"]




[attr="class","poke-post-section-2"]
[attr="class","poke-post-2"]
this one is a different variation! and i am legally obliged to do something silly so please excuse me as i pass the link for the actual moving bit.[break][break]

will definitely want to be more adventurous in design next time but that's another problem for another day, yes yes. gotta grapple with keyframes first maybe?? and proboards style tags? idk im ded[break][break]

sample texts to get the scrollbar flowing! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus a congue ante. Vivamus dolor odio, tempus sed arcu non, sollicitudin ullamcorper tortor. Duis porttitor massa a leo consequat tristique. Aliquam libero diam, mattis id vulputate a, tincidunt quis sem. Nunc urna quam, sagittis vel posuere eget, maximus vel erat. [break][break]

Etiam non semper nisi. Pellentesque non ornare lectus. Nulla erat erat, ullamcorper sit amet molestie ut, congue ut nulla. Praesent vitae ligula nisi. Morbi sollicitudin ex eget cursus imperdiet. Aenean vehicula ullamcorper porttitor.


[attr="class","bottom-round-border-2"]


options
quote
wrist goes ow written Feb 8, 2021 11:02:39 GMT
pronounsfeminine
383written posts
idindinearned bits
offlinecurrently
idindin
Senior Member
idindin Avatar
[nospaces]

[newclass=.poke-container]height: 510px; padding: 20px 0px;[/newclass]

[newclass=.top-round-border]margin: auto; height: 200px; width: 400px; border-radius: 200px 200px 0 0; background: #FFC0CB; border: 1px solid silver; border-bottom: 0px;[/newclass]

[newclass=.poke-divider]width: 100%; height: 30px; display: flex; justify-content: center; align-items: center; background-color: #525252;[/newclass]

[newclass=.center-round]width: 100px; height: 100px; background-color: #525252; border-radius: 100%; display: flex; justify-content: center; align-items: center;[/newclass]

[newclass=.center-round .center-round]margin: auto; width: 75px; height: 75px; border: 1px solid silver; background-color: white;[/newclass]

[newclass=.center-round .center-round .center-round]margin: auto; width: 50px; height: 50px; border: 1px solid silver; background-color: white;[/newclass]

[newclass=.poke-post b]color: #FFC0CB;[/newclass]

[newclass=.poke-poke:hover]cursor: pointer[/newclass]

[newclass=.bottom-round-border]margin: auto; height: 200px; width: 400px; border-radius: 0 0 200px 200px ; background-color: white; border: 1px solid silver; border-top: 0px;[/newclass]

[newclass=.poke-post-section]margin: auto; margin-top: 20px; width: 350px; text-align: justify; height: 250px; border-radius: 10px; background-color: white; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border: 3px solid #FFC0CB;[/newclass]

[newclass=.poke-post]margin: 20px 10px; padding: 0px 10px; font-family: Verdana, sans-serif; color: gray; font-size: 12px; overflow: auto; max-height: 300px; height: calc(100% - 40px);[/newclass]

[newclass=.amethy]text-align: center; z-index: -1; position: relative;[/newclass]

[newclass=.amethy a]text-decoration: none; color: silver; font-size: 10px; letter-spacing: 1px;[/newclass]

[newclass=.poke-post::-webkit-scrollbar]width: 5px;[/newclass]

[newclass=.poke-post::-webkit-scrollbar-track]background: #f1f1f1; [/newclass]

[newclass=.poke-post::-webkit-scrollbar-thumb]background: #FFC0CB; [/newclass]


[attr="class","poke-container"]

[attr="class","top-round-border"]

[attr="class","bottom-round-border"]
[attr="class","poke-divider"]
[attr="class","center-round"]
[attr="class","center-round"]
[attr="class","center-round poke-poke"]




[attr="class","poke-post-section"]
[attr="class","poke-post"]

my first legit postie?? i didn't know what i wanted to code except for the fact that i wanted something slidey so here it is! but, ah, while it works for jcink, my proboards coding didn't go very well so... oops, here's the real deal via links: this is the standard one which is the one you're seeing right now(except with an actual toggle...), and this is the one I stylized a bit since it looked nice when I replaced the background with a rando pic.[break][break]

i'm probably not even going to use this because i don't rp pokemon but here we are ;; it's good practice material ig?[break][break]

sample texts to get the scrollbar flowing! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus a congue ante. Vivamus dolor odio, tempus sed arcu non, sollicitudin ullamcorper tortor. Duis porttitor massa a leo consequat tristique. Aliquam libero diam, mattis id vulputate a, tincidunt quis sem. Nunc urna quam, sagittis vel posuere eget, maximus vel erat. [break][break]

Etiam non semper nisi. Pellentesque non ornare lectus. Nulla erat erat, ullamcorper sit amet molestie ut, congue ut nulla. Praesent vitae ligula nisi. Morbi sollicitudin ex eget cursus imperdiet. Aenean vehicula ullamcorper porttitor.

Blah blah!




options
quote
Coding Confessions written Feb 6, 2021 13:08:12 GMT
pronounsfeminine
383written posts
idindinearned bits
offlinecurrently
idindin
Senior Member
idindin Avatar
i just realized how different proboards coding is and hm. i'm now even more amazed? that the cool animation/toggles in the posties/galleries aren't javascript/jquery at all.

...half of me is also more horrified that it's all css/animations, though. horrified. very horrified. i don't think i want to dip my baby toes in that screeeam