Recent Posts

options
quote
Post a Random Thought written Jul 20, 2021 17:31:05 GMT
86written posts
cinearned bits
offlinecurrently
cin
Junior Member
cin Avatar
If this is not love, what should we call it?
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.
last edit on Jul 20, 2021 20:03:01 GMT by cin

options
quote
Post a Random Thought written Jul 2, 2021 5:14:24 GMT
86written posts
cinearned bits
offlinecurrently
cin
Junior Member
cin Avatar
If this is not love, what should we call it?
Stallas Avatar
Jul 1, 2021 19:43:46 GMT said:
As I pop open this beer 2 hours before my workday ends I'm reminded that my fellow Americans said it was weird that I rinse the lid of my can before drinking.

Is it though?! To be fair, where I'm from, rat piss on your cans was an actual concern.
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.

options
I'm having a brain fart... written Jun 8, 2021 2:47:23 GMT
86written posts
cinearned bits
offlinecurrently
cin
Junior Member
cin Avatar
If this is not love, what should we call it?
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. 


last edit on Jun 8, 2021 2:48:48 GMT by cin

options
I'm having a brain fart... written Jun 8, 2021 2:27:03 GMT
86written posts
cinearned bits
offlinecurrently
cin
Junior Member
cin Avatar
If this is not love, what should we call it?
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
last edit on Jun 8, 2021 2:28:00 GMT by cin

options
SPRING 2021: Prompt Bingo written Mar 26, 2021 23:19:48 GMT
86written posts
cinearned bits
offlinecurrently
cin
Junior Member
cin Avatar
If this is not love, what should we call it?
[newclass=.CIN .bingoBG]--bingoColor:#abcdef[/newclass][nospaces]

[attr="class","CIN"]

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

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



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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


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


[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 Mar 27, 2021 17:15:06 GMT by pharaoh leap

options
quote
08. a-b-c-'s of code written Mar 16, 2021 6:23:33 GMT
86written posts
cinearned bits
offlinecurrently
cin
Junior Member
cin Avatar
If this is not love, what should we call it?
i code everything for jcink and im v bad at converting to pb so...have a github link bc i also coded a code tracker that can't be used on pb. the webpage should be ok (but i coded it up real quick so it might be ugly and broken someone pls tell me if it is ty) to navigate around even if it was v hastily done.

i've been doing this challenge off and on for ages bc i keep on forgetting it exists so here's 6 templates (also the code tracker is actually a relationship so i'm going to count it as a tracker??? pls..) & a bonus one because i'm so disorganised i forgot i used a letter.

link to github!

4/5 posting templates
2/5 tracking templates
0/2 site necessities
0/2 technology

options
quote
Post a Random Thought written Mar 15, 2021 7:42:11 GMT
86written posts
cinearned bits
offlinecurrently
cin
Junior Member
cin Avatar
If this is not love, what should we call it?
i'm going 2 be 50 and never forget that i coded an entire code meant for pb only 2 realise when it was all done that it prob wont function well on it

hello, i am cin and i have only one functioning brain cell at any one time (ยด๏ผ›ฯ‰๏ผ›`)

options
quote
old designs throwback written Feb 9, 2021 23:12:26 GMT
86written posts
cinearned bits
offlinecurrently
cin
Junior Member
cin Avatar
If this is not love, what should we call it?
my first skin was some teal monstrosity in pbv4 and the templates were just as bad. i have like screenshots in photobucket but it paid wall me from seeing them r i p so just imagine like a skin that is varying shades of teal with like that old toggle sidebar that pb always used. HOWEVER, i do have my jcink skins. so here's my first skin on jcink and the third skin i've coded on jcink.

there's a few more from 2014-2015 era but i forgot the urls bc i have too many alkdjakld. sometimes i look back at my old templates though bc it's super neat to see how my style changed design wise even from idk 2018 to this yr and be like okay so yes i barely coded for like the past few yrs but i somehow did improve
last edit on Feb 9, 2021 23:26:20 GMT by cin

options
quote
Coding Confessions written Feb 7, 2021 8:11:49 GMT
86written posts
cinearned bits
offlinecurrently
cin
Junior Member
cin Avatar
If this is not love, what should we call it?
i have codes that are like 70-90% finished bc i'll literally forget what i was aiming for while coding it lmao. like it strays so far from the initial idea that 3 hrs in, i step back and im like :~) wait what is this supposed to be b/c i might be going for a thread template and it's now a tracker

sometimes i scrape and reuse the code so i guess something actually does come out of it

options
quote
Post a Random Thought written Jan 28, 2021 21:33:34 GMT
86written posts
cinearned bits
offlinecurrently
cin
Junior Member
cin Avatar
If this is not love, what should we call it?
i only want to organise and clean when i'm putting off other things

me: i should code this skin

also me: OR i can compile all my codes spanning from when i first started coding jcink in one place even though it means i'll need to go through about 10 test sites and old code accounts and stare at my terrible baby coding
last edit on Jan 28, 2021 21:35:51 GMT by cin

options
quote
Writing a compelling shipper? written Oct 24, 2020 0:02:42 GMT
86written posts
cinearned bits
offlinecurrently
cin
Junior Member
cin Avatar
If this is not love, what should we call it?
my shippers tend to be a mess already but especially when it's restrained to those categories. usually what i end up doing is maybe a short "standard" blurb for each one like how you could become friends w/ my char, friendships that tend to form, places u can mb see them around so u guys can get to know each other but then i put a little thing after (usually a style blockquote) of "wants"

they can be just short things like + childhood friends turned penpals turned college dormate + roommates for the past x yrs or more complex plothooks

but essentially i just inelegantly jam the about/plot-hook style into the more categorical style and it usually works for me and i feel like it makes it easier for people to plot with me? b/c i can sometimes accidentally fall into the trap of how my char's treat xyz relationship otherwise because i don't know what to say

options
quote
Coding a skin for beginners written Sept 21, 2020 16:22:47 GMT
86written posts
cinearned bits
offlinecurrently
cin
Junior Member
cin Avatar
If this is not love, what should we call it?
kuroya hit a lot of good points if ur going to be starting out on jcink!!

if you're not super familiar with HTML/CSS i would say make templates to sort of just get a gist of how everything sort of works? and to do it on something like codepen or liveweave or webmaker, just so you can see real time what you're doing b/c it helps things click easier.

premades are a very good way to help you learn how coding works, like general structure and layout of the html and such?? i would also suggest getting a tester site and making things like row4 etc etc different colours so you can figure out what affects what (inspect/page source can also do this for u too!!!) jcink has a pretty good general visual guide here: link!

in terms of difficulty spikes, i think if you're just making something without too much js, you should be fine!! and for resources, on top of caution i would also suggest checking out wecode for other scripts and tutorials as well! there's a lot of scripts for things like sidebars and pop-up modals that come with great explanations as well!

it depends v much on the design and person when it comes to time spent on coding the skin! for example, my first jcink site only had a miniprof and custom board so it probably took me less than 50 hours. on the other hand, a full html template + skin takes 80+ hours for me. but im also a slow coder and tend to revise initial designs a lot!

i usually just go to my friends for feedback because it helps with figuring things are compatiable / too dark / too light / i have the font install on my computer and forgot to install the actual google font in the skin. but resource sites can also give you another set of eyes as well! jcink support is great if you need help because you somehow broke the skin or if you're not sure if code can actually do that.

oh, a side note is that u can be ur own worst critic. just push thru and finish the skin, you can use it as a base to revise to make something you truly vibe with that way and it's just generally v good exp!! like finishing a skin can really help you learn how to skin.

lastly, i havent coded pb since v4 so i have no other how it functions anymore or the ease of it now. HOWEVER, i can say that i started coding skins on v4 and transitioned into jcink and it made it a lot easier bc it sort of held my hand thru the whole process of what it was to modify a skin / headers / footers.