Jump to content

Search the Community

Showing results for tags 'jcink'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Site Information
    • Information
    • Staff Contact Center
    • Ask us
    • Introduce Yourself
  • Spotlight RPG Challenge
  • Roleplay Conversations
    • Roleplay Chat
    • Roleplay Management
    • Brainstorming & Ideas
    • Member Confessions
    • Staff Confessions
  • Assistance
    • Site Reviews
    • Coding Help & Requests
    • Graphics Requests
  • Personal RP Requests
  • Site Requests
  • Wanted
  • Creation & Development
  • Learn HTML/CSS's General conversation
  • Learn HTML/CSS's Ask for help
  • Learn HTML/CSS's Quick Tips
  • Modern Fantasy Circle's Topics
  • Historical RPs's Topics
  • Book Club's Topics
  • Make My Life Make Sense's Topics
  • Dragonriders of Pern Boards's Topics
  • Jcink Hosted's Topics
  • Graphics Showcase & Discussion's Topics
  • MyBB Staff People's Topics
  • SMF Staff People's Topics
  • Monster Fans's Topics
  • Discord's Topics
  • Gamers's Topics
  • Pet People's Topics
  • Site Design's Topics
  • Cooking's Topics
  • Cooking's Recipes
  • Star Trek's Topics
  • Star Wars's Topics
  • Game of Thrones's Topics
  • Cosplay's Topics
  • The Writing Pad's Discussion
  • The Writing Pad's Writing Exhibit
  • MTV's THE REAL WORLD!'s Non-RP Chat & Discussion
  • MTV's THE REAL WORLD!'s RL Storytime
  • MTV's THE REAL WORLD!'s The Hot Seat
  • MTV's THE REAL WORLD!'s Forum Games
  • NaNoWriMo's Information
  • NaNoWriMo's Previous NaNoWriMo Years
  • NaNoWriMo's Current NaNoWriMo
  • Harry Potter's Topics
  • Dr Who's Topics
  • Supernatural (The TV Show)'s Topics
  • Firefly's Topics
  • The Bug Enthusiast's Bugs, mice, and all things talk
  • Vesta Software's Feedback and Discussion
  • Vesta Software's Development
  • Vesta Software's Feature Requests
  • Vesta Software's Questions
  • Vesta Software's Archives
  • Movie Club's Test
  • Movie Club's Post-Movie
  • Movie Club's Pre-Movie
  • Movie Club's Topics
  • NOVA's Topics
  • The Art Studio's Topics
  • Avatar the Last Airbender's Topics
  • Cryptozoology's Topics
  • World Building's Map Building
  • World Building's Topics
  • World Building's General Discussions
  • PHPBB Staff people's Topics
  • Xenforo Staff People's Topics
  • Cyberpunk and Transhumanism's Topics
  • Dragon Age's Companions
  • Dragon Age's Ships
  • Dragon Age's Protagonist Corner

Categories

  • The Initiative Services and Features
  • Forum Building and Management
  • Writing Materials
  • Being a Member
  • Software
    • IPS Character Manager
  • Coding
  • Graphics

Categories

  • Roleplay Search
  • Writing Partner Search
  • Character Home Search

Categories

  • General Update
  • Announcement
  • Articles
  • Feedback
  • Tomfoolery

Categories

  • Active Challenges
  • Archived Challenges

Categories

  • Application Templates
  • Plotters
  • Post Templates
  • Staff Templates
  • Thread Trackers
  • Other
  • Pending Challenge Entries
  • Past Challenge Entries

Categories

  • Communications
  • Contributions
  • Operations

Categories

  • Jcink Themes
  • ProBoards/FreeForums Themes
  • MyBB Themes
  • IPS Themes
  • SMF Themes
  • phpBB Themes
  • Other Themes
  • Modifications
  • Make My Life Make Sense's Files
  • Dragonriders of Pern Boards's Files
  • PHPBB Staff people's Files
  • Xenforo Staff People's Files
  • Cyberpunk and Transhumanism's Files

Blogs

  • Morrigan's Madness
  • Staff Blog
  • Just a girl and her stuff....
  • Loose Ends
  • A pirate captain's log
  • Somnia News
  • Ghost's One-Shots
  • Bits & Bones.
  • Amelia's Blog
  • Mobydoll's Blog
  • a medieval world
  • Everything Super
  • Ask GR - advice for RPers
  • Icewolf's Musings
  • Tales From The Shoebox
  • Thoughts on Roleplay
  • Salt Box
  • The Salt Mine
  • Little bit of Gothic
  • The Totally Epic and True Tales of Kit the Human
  • Obvious Blog Is Obvious
  • Fountain of Thoughts
  • Please Turn The Device Off and Back On
  • gbwhatsapp apk
  • The Veritas
  • That Necromancer Life
  • Make My Life Make Sense's Blog
  • Dragonriders of Pern Boards's Blog
  • Cryptozoology's Blog
  • Cyberpunk and Transhumanism's Blog

Calendars

  • Community Calendar
  • Character Birthdays
  • Book Club's Events
  • Make My Life Make Sense's Events
  • Dragonriders of Pern Boards's Events
  • NaNoWriMo's Virtual Write Ins
  • Cryptozoology's Events
  • Xenforo Staff People's Events
  • Cyberpunk and Transhumanism's Events

Product Groups

  • Converted Subscriptions
  • Hosting
  • Advertising

Collections

  • Settings
  • Staff
  • Notifications
  • Forums
  • Submitting to the Directory
  • RPG Directory
  • Playby Directory
  • Searching for Roleplay
  • Guides
  • Challenges
  • Character Wanted Ads
  • Affiliate & Staff search

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Discord


Twitter


Skype


NaNo House


Game of Thrones House


Bending Nation

Found 18 results

  1. original characters (oc)'s only site based on HP/Wizarding World + superpowers (abilities, elementals, hybrids, shifters, and more)! original, centralized school located in atlantis, in the bermuda triangle.
  2. Darkly Ever After is a fantasy rpg set in a world where gods and magic are real, but so too are monsters.
  3. An immersive, well-established, and original high fantasy role-play forum with a focus on creative freedom and fun, dramatic plots!
  4. Alright, so it was recently brought to my attention that the tabs on my application just.... don't work in IE? I went to double check and low-and-behold -- it's SUPER BROKEN specifically in IE. Chrome works; Firefox works; even Edge works. o_O; Sooooo any ideas? Live here Annnnnd here is the dohtml code annnnd the css (in stylesheet)
  5. As the title says, I'm looking for a post row/mini profile for jcink's html templates. The post row/mini profile will be a part of this skin, used on this site once the skin completed. You will get credits and a linkback in the sidebar. I'd like something similar to this with the mini profile stretching in a bar across the top of the post. The account name (with group prefix/suffix) across the top and in a larger font, with roleplayed by (user) under it, along with member group (plain text/no prefix/suffix needed) in a smaller font just below their name. If the account has no parent account, the "roleplayed by" text/link should vanish. I'm using this to display the rp'd by/ooc account link on the main profiles, should work for the mini profiles as well. Field 2 is the only field you hould need for the template as well. <script> if('<!-- |parent_id| -->' == '0') { document.write('<a href="/index.php?act=Msg&CODE=04&MID=<!-- |id| -->">PM <!-- |author_name| --></a>'); } else if('<!-- |parent_id| -->' >= '1') { document.write('<b>Roleplayed by:</b> <a href="index.php?showuser=<!-- |parent_id| -->"><!-- |field_2| --></a> (<a href="/index.php?act=Msg&CODE=04&MID=<!-- |parent_id| -->">PM</a>)'); } </script> Forum width is about 800px, our avatar is 150x150px. I'm thinking of having the avatar on the right, the name/group/rp'd by in the center, and having online/offline status, postcount (with a link to view said posts) So overall height of the mini profile would probably be around 160px, give or take? And width stretching across the board. For the posting template itself, something simple, with all the usual things. Since the mini profile will be across the top of the post, the users should have ~780px of width for their own stuff. I'd love a working quick edit, though. Some differentition between the actual post and mini profile would be good, as well. Not overly flashy, but make it clear where one ends and the other begins, y'know? For colors, feel free to pick through my skin's css, #a0a0a0 is main font color though. #232323 or #121212 make nice background colors as well, or you could also make it stand out by using the blue on the .maintitle border or the background of the .titlemedium class. Fonts don't really matter to me, I'm still figuring out the main portion of the site myself, although I'm partial to serif types and all caps for that center bit. Also, feel free to ignore the main profiles if you're looking for ideas on style. Those are going to be redone, too, eventually.
  6. I'll admit it, the main reason I loved the new Proboards Interface so much is that its great for people like me who are lazy when it comes to coding. I'm sort of a noob and don't usually have the time or patience to do style codes from scratch. But for my new board I switched to Jcink hoping to be able to go into Mature Mode with it if I get enough life into the place. Right now I'm still in the middle of setting everything up, but the board is located here: http://onyxtreaty.jcink.net/ . I'm using a slightly modified version of the BRACKISH skin by xexes. What happened was, when I installed it and everything, the Submenu disappeared. Basically the navigation pieces for Help, Search, Calandar, etc. I can't figure out how to get it back. I need that bar in order for members to easily access the built in store that I plan to use for items and character ability upgrades. The first thing I did was google "how to make it invisible", which everyone said to find "#submenu{ " and add "Display; none} to it. I found that command in the "overrides" section of the Brackish CSS template. I removed " #submenu{ display;none}" from the overrides (the submenu command in the regular navigation section of the css didn't have 'display; none' so I left it alone) section, but it still doesn't show up. The Board Wrapper doesn't give me any clues, and when I tried adding <% submenu %> under the <% navigation %> it just showed up as text right above the board lol. So there went that idea. Basically I drove myself nuts last night, and its probably something simple that I'm missing. Peaz Halp?
  7. To get started, set up a couple of custom profile fields. For the purposes of this exercise, we're going to use the following: Character Faction Character Age Character's Playby I strongly recommend that Character Faction is a drop down selection, the script relies on everyone using the same spelling and capitalisation. Example: Character Age and Playby does not need any special settings. Save your custom profile fields and take note of their numbers. In my case they will be: Character Faction - <!-- |field_21| --> Character Age - <!-- |field_2| --> Character Playby - <!-- |field_17| --> Go to your HTML templates. We need to edit the following: Member List Headers - this is the container that every member sits in within the member list. Member List Header variables Member List Row - this is every individual member listed in the member list. Member List Row variables Member List Header - HTML and Javascript Paste the following: <!-- START SORT BY --> <h3>Sort by:</h3> <div id="sorts" class="button-group"> <button class="button is-checked" data-sort-by="original-order">original order</button> <button class="button" data-sort-by="face">Face Claim</button> <button class="button" data-sort-by="age">Character Age</button> </div> <!-- END SORT BY --> <!-- START FILTERS --> <div class="filters"> <div class="ui-group"> <h3>Filter by Character Faction</h3> <div class="button-group js-radio-button-group" data-filter-group="species"> <button class="button is-checked" data-filter="*">show all</button> <button class="button" data-filter=".Good">The Good Guys</button> <button class="button" data-filter=".Evil">The Bad Guys</button> </div> </div> <!-- ADDITIONAL FILTER GROUPS, COPY AND PASTE THE BELOW OUTSIDE OF THE COMMENT TAGS --> <!-- <div class="ui-group"> <h3>Filter by YOUR STUFF HERE</h3> <div class="button-group js-radio-button-group" data-filter-group="UNIQUE-DATA-FILTER-GROUP"> <button class="button is-checked" data-filter="*">show all</button> <button class="button" data-filter=".YOUR_WORD_HERE">DISPLAYED WORDS</button> <button class="button" data-filter=".YOUR_WORD_HERE">DISPLAYED WORDS</button> </div> </div> --> </div> <!-- END FILTERS --> <!-- A RESET BUTTON --> <p class="resetme"><button class="button button--reset">Reset filters</button></p> <!-- END RESET BUTTON --> <!-- END FILTERS --> <div class='grid'> <% MEMBERLIST_ROWS %> </div> <!-- |pages| --> <script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.js"></script> <script> $(document).ready(function() { var $grid = $('.grid').isotope({ itemSelector: '.grid-item', layoutMode: 'fitRows', getSortData: { age: '.age parseInt', face: '.face', // ADD ADDITIONAL FILTERS HERE WORD CORRESPONDS WITH DATA SORT BY WORD ABOVE // IGNORE EVERYTHING BELOW HERE category: '[data-category]', weight: function( itemElem ) { // function var weight = $( itemElem ).find('.weight').text(); return parseFloat( weight.replace( /[\(\)]/g, '') ); } } }); // store filter for each group var filters = {}; $('.filters').on( 'click', '.button', function() { var $this = $(this); // get group key var $buttonGroup = $this.parents('.button-group'); var filterGroup = $buttonGroup.attr('data-filter-group'); // set filter for group filters[ filterGroup ] = $this.attr('data-filter'); // combine filters var filterValue = concatValues( filters ); $grid.isotope({ filter: filterValue }); }); // bind sort button click $('#sorts').on( 'click', 'button', function() { var sortByValue = $(this).attr('data-sort-by'); $grid.isotope({ sortBy: sortByValue }); }); // change is-checked class on buttons $('.button-group').each( function( i, buttonGroup ) { var $buttonGroup = $( buttonGroup ); $buttonGroup.on( 'click', 'button', function() { $buttonGroup.find('.is-checked').removeClass('is-checked'); $( this ).addClass('is-checked'); }); }); var $anyButtons = $('.filters').find('button[data-filter=""]'); var $buttons = $('.filters button'); $('.button--reset').on( 'click', function() { // reset filters filters = {}; $grid.isotope({ filter: '*' }); // reset buttons $buttons.removeClass('is-checked'); $anyButtons.addClass('is-checked'); }); // flatten object by concatting values function concatValues( obj ) { var value = ''; for ( var prop in obj ) { value += obj[ prop ]; } return value; } }); </script> The first section is the sort by buttons. These are what will rearrange the order in which member's are displayed. The most important thing here is data-sort-by="face" take note of the word used in the data-sort-by attribute. The second section is the filter buttons. These are what will make users vanish from view (filtered out) when they do not meet the filter requirements. The most important thing here is data-filter=".Good" take note of the word used in the data-filter attribute. The third section has a handy reset button, allowing your users to put all characters back into view. The fourth section contains the actual members and the container that they will sit within. The div class is important here because it is referred to by the script. Fifth section is the pages button and this is sadly the memberlist's biggest weakness. You can only display so many users on a page and the script will not load more that for you. All the script does is sort information that is already there, it doesn't retrieve any additional data. Infinite scroll is also not doable on Jcink due to the way it needs to be set up. I would love to be proven wrong though. I'll address a work around for that later in this guide. The Sixth and final section is the script. The following script source links directly to isotope's website, I strongly recommend downloading a version yourself and uploading it to your site. Use your site link for the script source. <script src="https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.js"></script> You must have this (or the version on your site) linked before the script in order for it to run properly. I recommend just putting it on the member header template just because you don't need to run the script anywhere else. If you prefer, you can add it to your global wrapper in the usual spot. The magic is between <script> and </script> The first line is telling the script to not execute until the entire page has loaded. The next bit is telling what div to act execute the isotope on. If you have changed any of the class names in your HTML, you will need to read through the script and change to the appropriate class. If you want to save yourself the hassle, just use the same class names I use. I'll go into the script in more detail when I describe how to add more sort by buttons. Member List Row - HTML Paste the following into your member list row <div class="grid-item member <!-- |field_21| -->"> <div class='avatar'> <!-- |avatar| --> </div> <div class="name"> <!-- |name| --> </div> <ul> <li class='age'> <!-- |field_2| --> </li> <li> Faction: <!-- |field_21| --> </li> <li class='face'> Face Claim: <!-- |field_17| --> </li> </ul> </div> Substitute your custom profile field numbers as necessary. If you save the templates now and check out your member list, you'll see that it's now working! It also looks like pants, but you can fix that with a bit of CSS magic 🙂 How to Add More Filters To add a filter, do the following: Go to the member list row Add the appropriate variable to grid-item member <!-- |field_21| --> so, if you want to add another filter and it's variable is 22, you should have div class="grid-item member <!-- |field_21| --> <!-- |field_22| -->" Make sure that there are spaces between each variable! Save Go to the member list header Add the following before </div> <!-- END FILTERS --> <div class="ui-group"> <h3>Filter by YOUR STUFF HERE</h3> <div class="button-group js-radio-button-group" data-filter-group="UNIQUE-DATA-FILTER-GROUP"> <button class="button is-checked" data-filter="*">show all</button> <button class="button" data-filter=".YOUR_WORD_HERE">DISPLAYED WORDS</button> <button class="button" data-filter=".YOUR_WORD_HERE">DISPLAYED WORDS</button> </div> </div> Substitute .YOUR_WORD_HERE with what the potential input for that variable might be. For example, the Faction variable I created earlier had two potential inputs, Good and Evil (capitalisation IS important). So WORD is replaced with .Good and the next button has .Evil after data-filter= You should also rename the data-filter-group (where it says UNIQUE-DATA-FILTER-GROUP) Save! Done! How to Add More Sorts Go to the member list row Add the custom field variable to where you want it to appear, and then wrap it in an element with an unique class name. For example, if you want to add player names to the sort button, you could put them in a h3 class like so: <h3 class="playername"><!-- |field_XX| --></h3> Memorise what the class name is Save Go to member list header Add this <button class="button" data-sort-by="CLASS-NAME">WORDS TO DISPLAY</button> before </div> <!-- END SORT BY --> Using the player name example would mean you would put in: <button class="button" data-sort-by="playername">Player</button> Scroll down to the script and find the following: getSortData: { Press enter and add the following after the curly bracket CLASS-NAME: '.CLASS-NAME', Take note that there is a comma at the end of the line. Leave it off? Script stops working. Using the player name example would mean you would end up with the following: getSortData: { playername: '.playername', // rest of the stuff here Save Done! Note: use the age sort as your guide on how to set up any other sort by numbers in the sort by. If you want to sort by height, make your users use metres (1.7 rather than 5'5 because the apostrophe will spoil your script) and change parseInt to parseFloat. In saying that, making your user's type 5\'5 ought to save your script, if someone makes a mistake however you will need them to correct it in order for the script to continue functioning. Safest just to use decimal points. How to add a label to numbers If you want to sort by a number, your class to sort can only contain a number. For example, age looks like this: <li class='age'> <!-- |field_2| --> </li> We will use CSS to fix this: .age::before { content: 'Age: '; display: inline } Save and Done! A Cheat to Display More Members As noted, the biggest disadvantage of using the sort and filter script is that it can not retrieve data from another page. So when a user clicks on the member list, we want them to automatically see as many characters as possible. The most allowable by Jcink is 50. So, make your own link to the member list and make it the following URL: YOUR_BOARD_URL_HERE/index.php?&act=Members&photoonly=&name=&name_box=all&max_results=50&filter=ALL&sort_order=asc&sort_key=name&st=0 Done! Another thing to consider is using the Hide this group from the member list? option in the user group settings to your advantage. For example, consider only having accepted and active character accounts displayed on your member list, rather than having inactive and unaccepted character accounts clogging up the list. I wish there was a more elegant solution to this! If anyone has found a solution that works for them, I would love to hear about it. Even if this isn't the member list code for you, I hope that it's given you some ideas on what you can do with the member list template! Visit the isotope website to find out what else you can do with the script!
  8. So I have seen tons of different platforms for forums. Personally I've come to love the way jcink works. It's a little more complicated than some, but in my opinion the end result is a smoother, more visually defined forum. On top of this the admin section, and additions, are incredible and easy to understand. However, the truth is I've only used proboards and jcink, so I have absolutely no experience with any other platforms...in fact I don't even know what other platforms are out there, or how hard or easy they might be to use. What do you use? What do you suggest people try? Am I the only one severely prejudiced against proboards forums just because they're proboards and to me they look a little chunky? XD Does that make me a bad peoples? Lol
  9. There is a converter to go from IPB 1.3 to phpBB2. I've used it to get from IPB 1.3 (Jcink) to MyBB. (Since you can't really convert directly from IPB 1.3 to MyBB 1.6...) So I can attest that it does work. Here's the link to the converter. From here you need to set up your web server... I recommend using Xampp (but you can use whatever you prefer) rather than your live server simply because this way you don't use any of your liver server's resources. (Additionally, depending on your hosting, you may not be able to make the following changes to your php file so the transfer will fail every time.) If the conversion uses too much CPU/RAM for too long on your self-hosted site it could end up with your site getting suspended/stopped. So best to do this offline if possible. You'll also probably need to edit php.ini (with notepad or your favourite plain text editor) located in the xampp/php directory. (If you use something other than Xampp, the location may be different. But there should still be a php.ini file somewhere with these variables.) Look for: "max_execution_time=" and set it to something like 9000 (this way your conversion script doesn't accidentally time out halfway.) "max_input_time=" and set it to -1 (This way your script can process incoming data for as long as it needs.) "memory_limit=" and set that to something like 1024M or even 2048M (if you have less than 4GB of ram don't put a value higher than 1024M. But if you have more than 4GB then feel free to use 2048M just to help speed things up some.) "upload_max_filesize=" and set it to at least 200M. (This way you can upload larger files to PHPMyAdmin without worry. Though you probably won't need much more than 200M unless your forum is pretty huge... Like 200,000 posts or more.) Finally save the php.ini file and close it. The Process Now... 0- Open Xampp (or your preferred program) and make sure running both the MySQL and Apache parts are running. (See the attached image. ) 1- Open your web browser and type "localhost/phpmyadmin" with Xampp running. (This will open the tool to create a database.) 2- Create the empty database first. (In PhpMyAdmin, on home screen click "Databases" from top. Then enter the name of the new one and click "create".) 3- Install a copy of phpBB2 (you can get it from Sourceforge), be sure to set the database name as whatever you created in step 1. (When using Xampp, the default username is root and the password is blank/no password set.) 4- Import your JFH database into the same database where you installed phpBB2. 5- Unzip ib2phpBB_1_3b.zip and put it in the root phpBB2 folder. 6- Then open conf.php in the converter script's folder with a text editor (ex- notepad) and set $ib_prefix = "" to whatever your forum's prefix is. (EX- $ib_prefix = "yoursite_") and save that file. 7- Run that conversion script by typing the pathname to it in your web browser... EX- localhost\phpBB2\ib2phpBB_1_3b\index.php and pressing enter/go. (how long it'll take varies depending on how large your forum is. But just follow the steps, making sure to wait for it to tell you it's finished before starting the next one.) - Optional - Take the time here to fix up any issues with forum permissions/layout/etc... while your site is offline. 8- After it completes, and before you upload it to your live server, use PhpMyAdmin to open the phpbb_config and change "server_name" to whatever your url will be. (So if you have sub.domain.tld then put that, but if you're using domain.tld then use that.) And set "script_path" to whatever folder you've installed it into. So if you're having it at like domain.tld/forum then you'd enter "forum" here. (If you're setting this in the main directory then you should leave this blank.) After that you can then run the conversion script to go from phpBB2 to phpBB3. From here you can now transfer to most major forum softwares (MyBB, SMF, Xenforo, IPB, etc...) Please keep in mind however that, like mentioned on the IP2PHPBB download page there are things which will not convert and things that will need to be redone. Troubleshooting Issue: No posts are showing up after the conversion ended. Fix: The most likely reason is the script reached it's timeout limit and not everything got converted (so it abandoned everything). Open your php.ini file and set the max execution time even higher then try again. Issue: I get an error like: Fatal error: Uncaught Error: Call to undefined function set_magic_quotes_runtime() in C:\xampp\htdocs\forum\common.php:29 Stack trace: #0 C:\xampp\htdocs\forum\index.php(26): include() #1 {main} thrown in C:\xampp\htdocs\forum\common.php on line 29 Fix: This error is an issue with how phpbb handles an old, now depreciated, php function. If you feel confident editing code you can open the named php file and locate "set_magic_quotes_runtime() " and replace it with "ini_set('magic_quotes_runtime', 0);" Alternatively you can null the line by adding "@" before it. Or you can open your php.ini and change to Finally you can reinstall phpBB 2 and try running the conversion process again.
  10. I know I'm making this about 20 times harder than it needs to be because I didn't originally code this skin with mobile devices in mind. This skin has been... 2? years in the making. Ahah. I always told myself I'd get around to looking into mobile-specific stuff "in a few more days" or "once this piece of code is finished." And now the entire skin is pretty much done... Except for a more mobile-friendly version. lmao Sooo... Where do I even start? I have a basic media query (pointer:coarse because looking at the list of media queries for all the different devices out there scares me, so I figure I'd just target all touch-based devices to start off) and some very, very basic styles for my wrapper and sidebar to get them to span the entire width of the screen. And that's about as far as I've gotten because I am so lost as to what even makes a decent mobile design. (Like I've browsed the initiative a couple of times from my phone and went "o.o how do you do that? That looks so nice!" and that's really it) So, any advice or help with making this somewhat presentable on mobile devices would be loved. You can see my testing board here: https://kjsage.jcink.net/index.php?act=idx Links in the sidebar won't work because they're relative to BOE (which is linked in the welcome tab of the sidebar) I can share my wrappers and other code if needed, as well.
  11. Hopefully this is the right place to ask this. I wasn't sure! Anyway, I've been poking around Discord API because I want to create bots to pool all wanted ads from different sites for easier access for myself and my staff. The problem is that my coding experience is with the visual aspect of coding. I'm great with HTML and CSS, but I'm a little lost in the woods like red riding hood here when it comes to trying to do this. But, I know it can be done, I've seen it on RPG-I's Discord. Can somebody help me to grandma's house and away from the big bad wolf?!
  12. This is something I am actively working on and have a couple of friends currently on the discord and site as it takes form. I am looking for insight, or people who would like to join up for a soft opening. The idea right now is basically the premise/story behind a video game called The Long Dark. The Long Dark is a video game that is placed after the events of a Geomagnetic apocalyptic event in which the world loses all electronic devices, including cars, planes, ships, and everything, and experiences what is basically a new ice age. So many apocalyptic sites focus on zombies, plagues, big civilizations or groups, bandits and raiders. What I'm wanting is a more character driven laid back environment. The whole site is based on a series of islands miles and miles off the canadian coastline, making them completely isolated from the rest of the world, and experiencing an apocalyptic style event that has removed all techology and all ability to communicate with or get to the mainland. Humans only, no huge groups in play, fully mature, laid back atmosphere. Thoughts? Ideas? Interest?
  13. Recently, I came across a jcink site that basically ripped off all of my board concepts, some of them still keeping the names I named them, basically referenced our rules and board information (in the same order, but isn't copied word for word), and adjusted it to fit their site. Is there anything that can be done to report such a thing? I understand if it were copied word-for-word it'd be directly plagiarism, but since it's copying ideas and our basic structure of our information, can anything be done about that? Thanks! Anonymous poster hash: 0f5a7...0e1
  14. Version 1.0.0

    52 downloads

    This is a Sci-Fi skin. It includes a header mouseover effect, special stats section as well as unique new topic indicators. You must upload the images onto your Jcink site and replace them in the CSS. The original images for this theme are no longer hosted.
    Free
  15. My board is here. So, I'm looking to make my site's skin more accessible, and part of this includes a new tab system. What I'm attempting to do (following this tutorial) and have mostly succeeded with is allowing people to tab through the tabs (hah) and use enter key to switch to a tab. I'm also looking to let the user use their arrow keys to automatically switch through the tabs as well. Tab/enter key works fine, but the second I try to use the arrow key method is where the code is going haywire. If I use the arrow keys, it appears as if all the tabs are selected except the one that was navigated away from. The "focused" tab then becomes the last tab in the list, and the displayed content becomes the first tab. Needless to say it's not doing what it's supposed to, and I'm unsure of how to fix it. On the tutorial linked above, you can see that using the arrow keys automatically switches between the tabs as intended (or seems to, there's only two tabs there, compared to my 5-6) Here's the js I'm using: <script> $(document).ready(function(){ $("#sidebar li[role='tab']").click(function(){ $("#sidebar li[role='tab']:not(this)").attr("aria-selected","false"); //$("#sidebar li[role='tab']").attr("tabindex","-1"); $(this).attr("aria-selected","true"); //$(this).attr("tabindex","0"); var tabpanid= $(this).attr("aria-controls"); var tabpan = $("#"+tabpanid); $("#sidebar div[role='tabpanel']:not(tabpan)").attr("aria-hidden","true"); $("#sidebar div[role='tabpanel']:not(tabpan)").addClass("hidden"); tabpan.removeClass("hidden"); //tabpan.className = "panel"; tabpan.attr("aria-hidden","false"); }); //This adds keyboard accessibility by adding the enter key to the basic click event. $("#sidebar li[role='tab']").keydown(function(ev) { if (ev.which ==13) { $(this).click(); } }); //This adds keyboard function that pressing an arrow left or arrow right from the tabs toggel the tabs. $("#sidebar li[role='tab']").keydown(function(ev) { if ((ev.which ==39)||(ev.which ==37)) { var selected= $(this).attr("aria-selected"); if (selected =="true"){ $("#sidebar li[aria-selected='false']").attr("aria-selected","true").focus() ; $(this).attr("aria-selected","false"); var tabpanid= $("#sidebar li[aria-selected='true']").attr("aria-controls"); var tabpan = $("#"+tabpanid); $("#sidebar div[role='tabpanel']:not(tabpan)").attr("aria-hidden","true"); $("#sidebar div[role='tabpanel']:not(tabpan)").addClass("hidden"); tabpan.attr("aria-hidden","false"); tabpan.removeClass("hidden"); //tabpan.className = "panel"; } } }); }); </script> My tab css: ul.controlList { list-style-type: none; } li[aria-selected='true'] {} .panel[aria-hidden='true'] { display: none; } .panel[aria-hidden='false'] { display:block; } .hidden {display:none;} .tablist { list-style: none outside none; margin: 0px; padding: 0px; display: block; background-color: #080808; border-bottom: 2px solid #1e2733; border-top: 3px solid #252d34; text-align: center; } .tabs { background-color: transparent; padding: 5px; } .tab { display: inline; border-bottom: none; cursor: pointer; padding: 0 4px; font-family: georgia, times, serif; text-transform: uppercase; color: #5b656d; } .tab:focus, .tab:active, .tab[aria-selected='true'] { color: #374C5D; cursor:default; } .panel { background-color: #121212; padding: 5px; clear:both; } and the tab html: <aside id="sidebar" role="complementary"> <ul class="tablist" role="tablist"> <li id="tab1" class="tab" aria-controls="panel1" role="tab" aria-selected="true" tabindex="0">Welcome</li> <li id="tab2" class="tab" aria-controls="panel2" role="tab" aria-selected="false" tabindex="0">Links</li> <li id="tab3" class="tab" aria-controls="panel3" role="tab" aria-selected="false" tabindex="0">Chat</li> <li id="tab4" class="tab" aria-controls="panel4" role="tab" aria-selected="false" tabindex="0">Staff</li> <li id="tab5" class="tab" aria-controls="panel5" role="tab" aria-selected="false" tabindex="0">©</li> </ul> <div class="tabs"> <div id="panel1" class="panel" aria-labelledby="tab1" role="tabpanel" aria-hidden="false"><% WELCOME %></div> <div id="panel2" class="panel" aria-labelledby="tab2" role="tabpanel" aria-hidden="true"><div class="sidelink"><% LINKS %></div></div> <div id="panel3" class="panel" aria-labelledby="tab3" role="tabpanel" aria-hidden="true"><% CHAT %></div> <div id="panel4" class="panel" aria-labelledby="tab4" role="tabpanel" aria-hidden="true"><% STAFF %></div> <div id="panel5" class="panel" aria-labelledby="tab5" role="tabpanel" aria-hidden="true"><% CREDITS %></div> </div> </aside> Any help with this would be appreciated!
  16. Ok so my idea that I'm toying with (as in the site is in creation mode and taking time cause idk code very well) is a post apocalyptic style RP. The plot is: current day, 19 years after the world went to hell during the aftermath of 9-11. Some country decided (stupidly) to attempt a nuclear bomb and it explodes in the atmosphere causing a global EMP. (I'm not sure of the specifics but somewhere I read that it could happen?) Fast forward, the world hasn't been at war for a few years now, as electronics stopped working, lost electricity, etc. The world was sent back to the dark ages of hunting instead of buying their food at McDonalds and the grocery store. So my site, A New Eden, is a community that was built by The Viceroy (meee!) as a safe haven against the elements and the random survivors who want what we have. what do you think? Think I could pull it off? Of course I would need staff and help but I really wanted someone else's opinions too. Please be nice, I'm not new to RP but I am new to staffing and creating my own site.
  17. While running the Discord roleplay I have is great, i'm missing my forum days and itching to start one up. I have a concept that i've had for YEARS but i've decided to simplify it some and will have to nail down mechanics for things. :') by now, similar concepts have been done a million times over but I still think it can be fun. The basic idea is that after horrible monsters began to destroy the world, a magical genetic mutation began to awaken and grant powers and sometimes physical alterations in those around puberty (mostly girls but possibly boys too?). These mutants would become the most effective thing against the monsters...but it turns out that they would transform into these monsters themselves eventually, and even faster under certain conditions. The roleplay would take place quite some time after all the initial rollout of events. Much of the world has become somewhat of a wasteland of monsters while society still exists inside a small space of it with somewhat effective barriers to keep them out and using the mutants as champions to take care of those who get too close and possibly even go out to secure new spaces or resources. The roleplay would focus on the fighting of the monsters, coping with their fates and positions as champions/weapons and their point of view on it. PLUS political climate in society about rights of the mutants and what all should be done and blah. Originally I also had a third race set as Witches who helped explain how things occured and such but they may be written out or else exist only in background and somehow be wiped in the actual roleplay part? We'll see... Any questions? Comments? interested? :') please do tell.
  18. Alright, so only recently did I start using the alert setup Jcink started offering. Now, it's great in theory, but as the skin was made pre-alerts it doesn't really do it justice, appearance wise, and now we have a transparent alert box when you click the ALERT button. It's a minor thing, but it's driving me up the wall. Where can I adjust the look of the alert box? Or what do I have to add to my .css to adjust it? I need some sort of background to it so it's actually easy to see when you do click it. I checked the css and board headers, but I didn't spot anything that was obviously linked to it. I'm not good with coding unless it's dirt simple or someone makes me a diagram, so I'm a little baffled. It looks like this right now:
×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use, Guidelines and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.