|
|
Post by tor on Dec 11, 2023 9:44:33 GMT -6
this thread is for storing all my blank codes! i'll update this as i make modifications/create new codes. feel free to use these anywhere on whitewater without needing to put credit, but if you use these on other proboards forums, please credit me and link back here!
to use these codes, just quote the post and remove the [ quote ] [ /quote ] tags.
a few notes:
all of these codes are specific to proboards. if you translate them to work on jcink, that's fine, just please give credit.
many of these codes use a [ nospace ] function. this means standard line breaks do not impact the code. you'll have to use divs, spans, brs, etc. to start new paragraphs/put space between objects in the code. you can tell if it's a nospace code because the first thing in the post will be [ nospace ]
if a code uses the [ nospace ] function or it has tabbed tables, it's also using a plug in that not every forum has (but whitewater does). if you take these codes to other forums and they don't work, it's because the staff on that site needs to install the plug ins.
if a code uses the [ newclass ] function, those classes will apply to the whole page. this means only one post per page needs to have the classes defined. for example, when setting up hubs, only the first hub per page needs to have the [ newclass ] section. other hubs on the same page do not need the [ newclass ] section. |
|
|
|
Post by tor on Dec 11, 2023 9:45:01 GMT -6
[nospaces] [attr="class","grouping"] [PTabbedContent] [PTab= name ] [attr="class","imgbox"] [/PTab={tab-align:left;tab-background-color:transparent;background-color:transparent;}] [PTab= plotting ] [attr="class","indexbg"] [attr="class","index"] [attr="class","hh1"]ABOUT NAME [attr="class","blurb2"]  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris pharetra et ultrices neque ornare aenean euismod. Platea dictumst vestibulum rhoncus est pellentesque. Porttitor leo a diam sollicitudin tempor id eu nisl. Fringilla est ullamcorper eget nulla facilisi. Vestibulum morbi blandit cursus risus at ultrices mi. Aliquet eget sit amet tellus cras adipiscing enim eu turpis. Dictum at tempor commodo ullamcorper. Tortor at auctor urna nunc. Facilisis magna etiam tempor orci eu lobortis elementum nibh tellus. Sed vulputate mi sit amet mauris commodo. Est pellentesque elit ullamcorper dignissim cras. Ut pharetra sit amet aliquam id diam maecenas ultricies mi. Aenean euismod elementum nisi quis eleifend quam adipiscing vitae proin. Dictum at tempor commodo ullamcorper a. Ultricies mi eget mauris pharetra et. Nunc scelerisque viverra mauris in aliquam sem fringilla ut morbi. Elementum eu facilisis sed odio morbi quis commodo odio. Rhoncus mattis rhoncus urna neque viverra justo nec ultrices dui. [break][break]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris pharetra et ultrices neque ornare aenean euismod. Platea dictumst vestibulum rhoncus est pellentesque. Porttitor leo a diam sollicitudin tempor id eu nisl. Fringilla est ullamcorper eget nulla facilisi. Vestibulum morbi blandit cursus risus at ultrices mi. Aliquet eget sit amet tellus cras adipiscing enim eu turpis. Dictum at tempor commodo ullamcorper. Tortor at auctor urna nunc. Facilisis magna etiam tempor orci eu lobortis elementum nibh tellus. Sed vulputate mi sit amet mauris commodo. Est pellentesque elit ullamcorper dignissim cras. Ut pharetra sit amet aliquam id diam maecenas ultricies mi. Aenean euismod elementum nisi quis eleifend quam adipiscing vitae proin. Dictum at tempor commodo ullamcorper a. Ultricies mi eget mauris pharetra et. Nunc scelerisque viverra mauris in aliquam sem fringilla ut morbi. Elementum eu facilisis sed odio morbi quis commodo odio. Rhoncus mattis rhoncus urna neque viverra justo nec ultrices dui. [attr="class","hh1"]LOOKING FOR [attr="class","blurb2"] - Something. Lorem ipsum.
- Something else. Lorem ipsum.
[/PTab={tab-align:left;tab-background-color:transparent;background-color:transparent;}] [PTab= relationships ] [attr="class","indexbg"] [attr="class","index"] [attr="class","hh1"]POSITIVE [attr="class","blurbpos"] + TBD. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris pharetra et ultrices neque ornare aenean euismod. Platea dictumst vestibulum rhoncus est pellentesque. Porttitor leo a diam sollicitudin tempor id eu nisl. Fringilla est ullamcorper eget nulla facilisi. Vestibulum morbi blandit cursus risus at ultrices mi. Aliquet eget sit amet tellus cras adipiscing enim eu turpis. Dictum at tempor commodo ullamcorper.
[break] + TBD. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris pharetra et ultrices neque ornare aenean euismod. Platea dictumst vestibulum rhoncus est pellentesque. Porttitor leo a diam sollicitudin tempor id eu nisl. Fringilla est ullamcorper eget nulla facilisi. Vestibulum morbi blandit cursus risus at ultrices mi. Aliquet eget sit amet tellus cras adipiscing enim eu turpis. Dictum at tempor commodo ullamcorper.
[break] + TBD. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris pharetra et ultrices neque ornare aenean euismod. Platea dictumst vestibulum rhoncus est pellentesque. Porttitor leo a diam sollicitudin tempor id eu nisl. Fringilla est ullamcorper eget nulla facilisi. Vestibulum morbi blandit cursus risus at ultrices mi. Aliquet eget sit amet tellus cras adipiscing enim eu turpis. Dictum at tempor commodo ullamcorper. [attr="class","hh1"]NEGATIVE [attr="class","blurbneg"] - TBD. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris pharetra et ultrices neque ornare aenean euismod. Platea dictumst vestibulum rhoncus est pellentesque. Porttitor leo a diam sollicitudin tempor id eu nisl. Fringilla est ullamcorper eget nulla facilisi. Vestibulum morbi blandit cursus risus at ultrices mi. Aliquet eget sit amet tellus cras adipiscing enim eu turpis. Dictum at tempor commodo ullamcorper.
[break] - TBD. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris pharetra et ultrices neque ornare aenean euismod. Platea dictumst vestibulum rhoncus est pellentesque. Porttitor leo a diam sollicitudin tempor id eu nisl. Fringilla est ullamcorper eget nulla facilisi. Vestibulum morbi blandit cursus risus at ultrices mi. Aliquet eget sit amet tellus cras adipiscing enim eu turpis. Dictum at tempor commodo ullamcorper. [/PTab={tab-align:left;tab-background-color:transparent;background-color:transparent;}] [PTab= playlist ♫ ] [attr="class","indexbg"] [attr="class","index"] [attr="class","hhlist"]song name | artist [attr="class","blurblist"]line 1 [break]line 2 [break][break] spotify | youtube[attr="class","hhlist"]song name | artist [attr="class","blurblist"]line 1 [break]line 2 [break][break] spotify | youtube[attr="class","hhlist"]song name | artist [attr="class","blurblist"]line 1 [break]line 2 [break][break] spotify | youtube[attr="class","hhlist"]song name | artist [attr="class","blurblist"]line 1 [break]line 2 [break][break] spotify | youtube[attr="class","hhlist"]song name | artist [attr="class","blurblist"]line 1 [break]line 2 [break][break] spotify | youtube[/PTab={tab-align:left;tab-background-color:transparent;background-color:transparent;}] [/PTabbedContent={tab-background-color:transparent;border:0px;text-align:justify;overflow:auto;}] [newclass=".grouping"]margin:0 auto;margin-top:30px;margin-bottom:20px;width:400px;height:400px;overflow:hidden;background-color:transparent;font-size:11px;text-align:justify;font-family:Lato;color:#464c41;[/newclass] [newclass=.indexbg]width:100%;height:365px;background-color:#EEECEE;opacity:1.0;overflow:auto;[/newclass] [newclass=.index]border:0px solid #464c41;width:100%;height:360px;overflow:auto;padding-bottom:5px;[/newclass] [newclass=.imgbox]width:100%;height:380px;[/newclass] [newclass=.hh1]margin-top:5px;margin-left:4px;width:375px;height:30px;line-height:30px !important;background-color:#464c41;text-align:left;font:400 12px Lato;letter-spacing:2px;text-transform:uppercase;color:#EEECEE;padding:5px;0px;10px;0px;[/newclass] [newclass=.blurbpos]width:380px;height:125px;background-color:transparent;text-align:left;font:400 11px Lato;color:#464c41;padding:2px;0px;2px;0px;overflow:auto;margin-left:4px;margin-top:4px;[/newclass] [newclass=.blurbneg]width:380px;height:125px;background-color:transparent;text-align:left;font:400 11px Lato;color:#464c41;padding:2px;0px;2px;0px;overflow:auto;margin-left:4px;margin-top:4px;[/newclass] [newclass=.blurbpos hr]border:solid 1px #F7F5F7 !important;[/newclass] [newclass=.blurbneg hr]border:solid 1px #F7F5F7 !important;[/newclass] [newclass=.blurb2]width:380px;height:125px;background-color:transparent;text-align:justifyfont:400 11px Lato;color:#464c41;padding:2px;0px;2px;0px;overflow:auto;margin-left:4px;margin-top:4px;[/newclass] [newclass=.hhlist]line-height:30px !important;margin-top:6px;margin-left:4px;margin-right:4px;width:375px;height:30px;background-color:#464c41;text-align:left;font:400 11px Lato;letter-spacing:2px;text-transform:uppercase;color:#EEECEE;padding:5px;0px;10px;0px;[/newclass] [newclass=.blurblist]width:380px;background-color:transparent;text-align:left;font:400 11px Lato;color:#464c41;padding:2px;0px;2px;0px;overflow:auto;margin-left:4px;margin-top:4px;[/newclass] [newclass=".PT_table .PT_tabs"][/newclass][newclass=".PT_table .PT_tabs_hover"][/newclass][newclass=".PT_table .PT_tabs_selected"][/newclass][newclass=".PT_table .PT_tabs_selected_hover"][/newclass] |
|
|
|
Post by tor on Dec 11, 2023 9:50:19 GMT -6
[nospaces] [attr="class","hclan"]ridgeclan [attr="class","clanblurb"] [attr="class","hclan"]mistclan [attr="class","clanblurb"] [attr="class","hclan"]prairieclan [attr="class","clanblurb"] [attr="class","hclan"]the kingdom [attr="class","clanblurb"] [attr="class","hclan"]outsiders [attr="class","clanblurb"] [newclass=.hclan]margin-left:-5px;margin-top:5px;width:394px;height:30px;background-color:#404339;text-align:left;font:400 12px Lato;line-height:30px;letter-spacing:2px;text-transform:uppercase;color:#EEECEE;padding:0px 0px 0px 5px[/newclass] [newclass=.hchar]height:60px !important;line-height:60px !important;background-color:transparent;text-align:left;font:400 12px Lato;letter-spacing:2px;text-transform:uppercase;[/newclass] [newclass=.hchar a]color:#404339;[/newclass] [newclass=.clanblurb]height:84px;width:387px;overflow:auto;[/newclass] [newclass=.smallbox::-webkit-scrollbar-thumb]border:solid 1px!important;[/newclass] |
|
|
|
Post by tor on Dec 11, 2023 10:31:20 GMT -6
lyric 1/header
lyric 2/sub header this is slightly modified from the wanted ad code provided in the wanted ad board. copy/paste the tables to add more.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 | NAME | age
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
|
NAME | age
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
| NAME | age
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
| NAME | age
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
| NAME | age
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
| NAME | age
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
| NAME | age
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
| NAME | age
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
|
|
|
|
Post by tor on Jan 7, 2024 7:48:56 GMT -6
this code is a wee bit of a doozy, sorry! unless you want to modify some colors, you can basically ignore everything in the [ newclass ] tags up top. the code you want to modify starts at [ PTabbedContent ]. this is a [ nospace ] code so you can't use line breaks to make space, you have to use [ break ] or div/span tags.[break][break] to add a new character, just copy paste from [ PTab=[...] to [ /PTab={tab-background-color:transparent;background-color:transparent;align:center;} ].[break][break] the first image (labelled as img class="image") in each tab code is the small sidebar icon. its dimensions are 40x40.[break][break] the second image (coming after the torstrackspicture div) in each tab code is the larger image. its dimensions are 250x375, but your normal miniprofile/application image will fit those dimensions! no need to resize an image (unless your image is smaller than 250x375, in which case it'll fit but your image might look a little blurry).[break][break] to add new threads just copy/paste the [ div ][ attr="class","threadname" ]None![ /div ] as many times as you need. the code will automatically format any links you add to look like the example.[break][break] [nospaces] [newclass=.centerme]margin-left:-20px;[/newclass] [newclass=.torstracks]width: 455px;height: 375px;background:transparent;position: relative;border: 1px solid;line-height: 10%;margin-bottom:20px;margin-left:-20px;[/newclass] [newclass=.torstracksname]font:400 20px Lato;letter-spacing:2px;text-transform: uppercase;top: 218px;left: -90px;position: absolute;z-index:10;transform: rotate(-90deg);-webkit-transform: rotate(-90deg);width:210px;height:15px;line-height:15px;padding:9px 10px 10px 10px;text-align:center;display: block;background-color:#F7F5F7;border:1px solid;[/newclass] [newclass=.torstrackspicture]border-right:1px solid;height: 375px;width: 250px;position: absolute;display: block;[/newclass] [newclass=.torstrackscontent]border:0px solid;width: 195px !important;height: 375px !important;top: 0px;right: 5px;position: absolute;overflow: auto;font-size: 11px;line-height: 150%;text-align: justify;padding-right: 0px;display: block;[/newclass] [newclass=.torstracksh101]font:400 13px Lato;position: relative;margin-top:10px;text-transform: uppercase;text-align: right;border-bottom: 1px dashed;display: block;text-shadow: 0px 0 black !important[/newclass] [newclass=.credit]text-align: center;font-size: 9px;width: 30px;height: 100;border: 1px solid;display:block;margin-top: -5px;[/newclass] [newclass=.smallbox]border:0px solid;width: 195px;height: 138px;overflow: auto;margin-top:2px;padding-right:2px;[/newclass] [newclass=.smallboxactive]border:0px solid;width: 195px;height: 73px;overflow: auto;margin-top:2px;padding-right:2px;[/newclass] [newclass=.smallboxarchive]border:0px solid;width: 195px;height: 50px;overflow: auto;margin-top:2px;padding-right:2px;[/newclass] [newclass=.smallboxowed]border:0px solid;width: 195px;height: 130px;overflow: auto;margin-top:2px;padding-right:2px;[/newclass] [newclass=.smallboxtodo]border:0px solid;width: 195px;height: 130px;overflow: auto;margin-top:2px;padding-right:2px;[/newclass] [newclass=.smallbox::-webkit-scrollbar-thumb]border:none!important;!important[/newclass] [newclass=.threadname]padding:0px;font-size:11px;font-family:Lato;text-transform:lowercase;letter-spacing:2px;[/newclass] [newclass=.threadname a]font:400 10px Lato !important;text-align:left;letter-spacing:1px !important;text-transform:uppercase !important;[/newclass] [newclass=.groupingtrack]margin:0 auto;width:455px;background-color:transparent;text-align:justify;font-family:Lato;[/newclass] [newclass=.image]opacity:1;display:block;transition:.5s ease;backface-visibility:hidden;border:1px solid;width:40px;height:40px;border-radius:50%;text-align:center;[/newclass] [attr="class","centerme"] [PTabbedContent] [PTab= ] [attr="class","torstracks"] [attr="class","torstracksname"]name [attr="class","torstrackspicture"]  [attr="class","torstrackscontent"] [attr="class","torstracksh101"]owed [attr="class","smallboxowed"] [attr="class","threadname"] thread name[break]description [attr="class","torstracksh101"]to-do [attr="class","smallboxtodo"] [attr="class","threadname"]
- lorem[break]
- ipsum [/PTab={tab-background-color:transparent;background-color:transparent;align:center;}] [PTab= ] [attr="class","torstracks"] [attr="class","torstracksname"]name [attr="class","torstrackspicture"] [attr="class","torstrackscontent"] [attr="class","torstracksh101"]Active [attr="class","smallboxactive"] [attr="class","threadname"] thread name[break]description [attr="class","torstracksh101"]Completed [attr="class","smallbox"] [attr="class","threadname"] thread name[break]description [attr="class","torstracksh101"]Archived [attr="class","smallboxarchive"] [attr="class","threadname"] thread name[break]description [/PTab={tab-background-color:transparent;background-color:transparent;}] [PTab= ] [attr="class","torstracks"] [attr="class","torstracksname"]name [attr="class","torstrackspicture"] [attr="class","torstrackscontent"] [attr="class","torstracksh101"]Active [attr="class","smallboxactive"] [attr="class","threadname"] thread name[break]description [attr="class","torstracksh101"]Completed [attr="class","smallbox"] [attr="class","threadname"] thread name[break]description [attr="class","torstracksh101"]Archived [attr="class","smallboxarchive"] [attr="class","threadname"] thread name[break]description [/PTab={tab-background-color:transparent;background-color:transparent;}] [/PTabbedContent={tabs:side;border:0px;tab-background-color:transparent;text-align:center;}] [newclass=".PT_table .PT_tabs"][/newclass][newclass=".PT_table .PT_tabs_hover"][/newclass][newclass=".PT_table .PT_tabs_selected"][/newclass][newclass=".PT_table .PT_tabs_selected_hover"][/newclass] |
|
