whenever i have no free time i desperately want to design & code. 

and then when i have time, i'll sit and refresh twitter 50 times instead with my code sitting in the bg ignored. 

AHHHH

i finally finished the skin ive been working on forever. it's been like 3 yrs since i actually finished one too c,:

i might have stayed up and now im exhausted but #noregrets

hello thank u idindin for converting pple to my webmaker agenda. high key rec it bc it's honestly my fav (you can fork your old work, detach the preview screen to drag onto your second monitor etc.) i genuinely just like how customisable it is while keeping to a simple ui, which imo makes it v beginner friendly.

but in case it just doesn't jive for you, liveweave could work or maybe glitch but the latter is much more robust with extras, though could be helpful if you're dipping your toes into skinning and want to try out static webpages on it.

and ofc, there's codepen which a lot of coders are on, so you can browse around and see things for inspiration and etc!

me & my cousin have made it a thing that we watch like 2-3 episodes of something while we eat dinner, just as a sort of bonding thing. we picked jjk and i'm always just so tempted to watch ahead. would reading the manga count as cheating

i use to do mockups a lot on ps a lot tbh esp bc it's just 100% easier to see what something looks like if i swap the layout w/ the image on the left vs right or something. i don't really boot it up much anymore tbh and tend to just sketch it by hand now or use post its etc. i'm v tempted to figure out figma though and do everything there tho bc visuals are v v helpful.

and an added confession of my own ig? i have so many codes that are just unfinished and i'm always like i will finish them!! and i never do :^) and they're all saved under keysmashed names so idek what they are half the time until i open them. sometimes i'm like OH this is so nice, man past me was great at coding to wtf is this why is it a crime against mankind, what was i thinking??

this skin has been worked on for so long off and on with such large breaks that i'm asking 'where did i leave off' 'what was the design aesthetic' every single time. im almost freeeeee.

i'll sit there and randomise an svg wave / blob / smt using a generator for 20 mins knowing i could just make the path myself but i just don't want to

i do the same. i even got into the habit of washing the top of canned stuff thanks to my mom tbh, since the can's top will touch the liquid or w/e as i'm opening it.

shout out to my friend who knows nothing about coding and almost nothing about rp for listening to me rant about my coding woes and trying to figure out a solid design

oh no worries!! : D

if it's jcink, it's the same as the example as above! just don't designate a class, so just put

b {font-family / color / etc}

in the stylesheets and it'll turn it all to bold! same goes for h1 / i / etc! i did a quick test on a test site and it should work! 

edit: i was a bit late, but like kurorya said u prob might want to designate it something specific or else it'll change it everywhere. 

i'm not sure if you want to know for skinning (so i won't touch on that since idk how pb skin works) or for templates but to change things like b / i / h1 is easy!!

for example if you have a post template and it's

<div class="post-temp">ur post here <b>bold</b> <i>italic</i> etc</div>

you can change things like bold, italics etc w/ the css!


.post-temp {ur post temp stuff like font-family and stuff!!}
.post-temp b {color: #abcdef;} /*would change the BOLD into that colour for anything bolded within the template*/
.post-temp i {font-family: cousine;} /*would change the ITALICS into that particular font-family*/
.post-temp h1 {styling goes here}


you would want it to have the class associated with it there or else it'll modify all the bolded text of the skin for example and not JUST the bold text of the template.

i also ripped a part of an old template of mine if you need an example in the funky way pb does it!

[newclass=.gg-post]padding: 20px; position: relative; font-family: Pt Sans; font-size: 10px; text-align: justify; line-height: 150%; margin-top: 170px; color: #eaeaea;[/newclass]
[newclass=.gg-post b]font-family: playfair display; font-size: 12px; color: #6AA9CC;[/newclass]
[newclass=.gg-post i]color: #6AA9CC; font-family: cousine;[/newclass]

i hope this make sense!!! this is why i never write code tutorials lmao

i accidentally took a nap and it feels like i was transported to an alternate dimension. what even is time anymore

[newclass=.CIN .bingoBG]--bingoColor:#abcdef[/newclass][nospaces]



[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]