Some coding help

Discussion in 'THREAD ARCHIVES' started by Aleksandar, Sep 27, 2016.

Thread Status:
Not open for further replies.
  1. Hello, I'm sorry to be asking this, but could I get some help coding my roleplay? I have massive information dump to do for my high fantasy RP and I wouldn't like to spoil the good content with bad coding. I know the basics, but I have seen people do some really interesting stuff and I would like some help in order to make distinct parts of my content more apparent and distinguishable, so that my players will know immediately when to look for what information. Here's what I'm looking forward to doing:

    • A TL:DR post, usinag the text box button, but having it be full screen and center, or something else that will make it be easily visible when you open the page
    • An introductory post
    • A list of tabs with information about different aspects of the world (magic, mana, map, geography, flora & fauna etc.)
    • A list of tabs regarding the history of the different cultures
    • A list of tabs about the different races
    • Four separate slide-down bars for each of the possible campaigns that the users can pick. I would like these to be all on the same level, with the option for players to click on one and view both images and text (images are about 800x500 and the text is about a word A4 page in Calibri 11 each) like this:
    HERE HERE




    HERE HERE

    I'm sorry if this is too much to ask for here, I know you guys don't get paid here, so if you don't have time to deal with me, just point me to somewhere for further resources
     
  2. @Aleksander Like this?
    TLDR
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sed venenatis leo. Vestibulum commodo euismod est, euismod finibus turpis. Morbi nec blandit dolor. Nulla mi lectus, molestie nec arcu in, condimentum luctus dui. Quisque rutrum consequat leo, id lacinia mauris laoreet venenatis. Nam suscipit ultricies mauris sit amet ultricies. Nunc eleifend sem libero, eget elementum enim semper nec. In eu tortor quis lectus pharetra hendrerit pretium gravida orci. Nam et massa ac odio molestie viverra id vitae elit. Donec convallis velit lacus, sit amet mattis metus fermentum vitae.
    Nunc in arcu eget tortor aliquet hendrerit vel a ligula. Maecenas sit amet augue felis. Etiam blandit lorem sem. Duis scelerisque libero nec est blandit viverra. Curabitur euismod, metus vitae pulvinar fringilla, magna mi egestas enim, in convallis sapien urna at erat. Aliquam eget varius orci. Vivamus finibus venenatis nisl, at posuere est pulvinar quis. Ut a metus mi. Duis vehicula rhoncus interdum. Aliquam fringilla velit sed orci faucibus, quis laoreet velit dignissim.

    Intro:
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sed venenatis leo. Vestibulum commodo euismod est, euismod finibus turpis. Morbi nec blandit dolor. Nulla mi lectus, molestie nec arcu in, condimentum luctus dui. Quisque rutrum consequat leo, id lacinia mauris laoreet venenatis. Nam suscipit ultricies mauris sit amet ultricies. Nunc eleifend sem libero, eget elementum enim semper nec. In eu tortor quis lectus pharetra hendrerit pretium gravida orci. Nam et massa ac odio molestie viverra id vitae elit. Donec convallis velit lacus, sit amet mattis metus fermentum vitae.
    Nunc in arcu eget tortor aliquet hendrerit vel a ligula. Maecenas sit amet augue felis. Etiam blandit lorem sem. Duis scelerisque libero nec est blandit viverra. Curabitur euismod, metus vitae pulvinar fringilla, magna mi egestas enim, in convallis sapien urna at erat. Aliquam eget varius orci. Vivamus finibus venenatis nisl, at posuere est pulvinar quis. Ut a metus mi. Duis vehicula rhoncus interdum. Aliquam fringilla velit sed orci faucibus, quis laoreet velit dignissim.

    • -
    • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sed venenatis leo. Vestibulum commodo euismod est, euismod finibus turpis. Morbi nec blandit dolor. Nulla mi lectus, molestie nec arcu in, condimentum luctus dui. Quisque rutrum consequat leo, id lacinia mauris laoreet venenatis. Nam suscipit ultricies mauris sit amet ultricies. Nunc eleifend sem libero, eget elementum enim semper nec. In eu tortor quis lectus pharetra hendrerit pretium gravida orci. Nam et massa ac odio molestie viverra id vitae elit. Donec convallis velit lacus, sit amet mattis metus fermentum vitae.
    • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sed venenatis leo. Vestibulum commodo euismod est, euismod finibus turpis. Morbi nec blandit dolor. Nulla mi lectus, molestie nec arcu in, condimentum luctus dui. Quisque rutrum consequat leo, id lacinia mauris laoreet venenatis. Nam suscipit ultricies mauris sit amet ultricies. Nunc eleifend sem libero, eget elementum enim semper nec. In eu tortor quis lectus pharetra hendrerit pretium gravida orci. Nam et massa ac odio molestie viverra id vitae elit. Donec convallis velit lacus, sit amet mattis metus fermentum vitae.
    • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sed venenatis leo. Vestibulum commodo euismod est, euismod finibus turpis. Morbi nec blandit dolor. Nulla mi lectus, molestie nec arcu in, condimentum luctus dui. Quisque rutrum consequat leo, id lacinia mauris laoreet venenatis. Nam suscipit ultricies mauris sit amet ultricies. Nunc eleifend sem libero, eget elementum enim semper nec. In eu tortor quis lectus pharetra hendrerit pretium gravida orci. Nam et massa ac odio molestie viverra id vitae elit. Donec convallis velit lacus, sit amet mattis metus fermentum vitae.
    • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sed venenatis leo. Vestibulum commodo euismod est, euismod finibus turpis. Morbi nec blandit dolor. Nulla mi lectus, molestie nec arcu in, condimentum luctus dui. Quisque rutrum consequat leo, id lacinia mauris laoreet venenatis. Nam suscipit ultricies mauris sit amet ultricies. Nunc eleifend sem libero, eget elementum enim semper nec. In eu tortor quis lectus pharetra hendrerit pretium gravida orci. Nam et massa ac odio molestie viverra id vitae elit. Donec convallis velit lacus, sit amet mattis metus fermentum vitae.

    • -
    • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sed venenatis leo. Vestibulum commodo euismod est, euismod finibus turpis. Morbi nec blandit dolor. Nulla mi lectus, molestie nec arcu in, condimentum luctus dui. Quisque rutrum consequat leo, id lacinia mauris laoreet venenatis. Nam suscipit ultricies mauris sit amet ultricies. Nunc eleifend sem libero, eget elementum enim semper nec. In eu tortor quis lectus pharetra hendrerit pretium gravida orci. Nam et massa ac odio molestie viverra id vitae elit. Donec convallis velit lacus, sit amet mattis metus fermentum vitae.

    • -
    • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sed venenatis leo. Vestibulum commodo euismod est, euismod finibus turpis. Morbi nec blandit dolor. Nulla mi lectus, molestie nec arcu in, condimentum luctus dui. Quisque rutrum consequat leo, id lacinia mauris laoreet venenatis. Nam suscipit ultricies mauris sit amet ultricies. Nunc eleifend sem libero, eget elementum enim semper nec. In eu tortor quis lectus pharetra hendrerit pretium gravida orci. Nam et massa ac odio molestie viverra id vitae elit. Donec convallis velit lacus, sit amet mattis metus fermentum vitae.
    • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sed venenatis leo. Vestibulum commodo euismod est, euismod finibus turpis. Morbi nec blandit dolor. Nulla mi lectus, molestie nec arcu in, condimentum luctus dui. Quisque rutrum consequat leo, id lacinia mauris laoreet venenatis. Nam suscipit ultricies mauris sit amet ultricies. Nunc eleifend sem libero, eget elementum enim semper nec. In eu tortor quis lectus pharetra hendrerit pretium gravida orci. Nam et massa ac odio molestie viverra id vitae elit. Donec convallis velit lacus, sit amet mattis metus fermentum vitae.
    • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sed venenatis leo. Vestibulum commodo euismod est, euismod finibus turpis. Morbi nec blandit dolor. Nulla mi lectus, molestie nec arcu in, condimentum luctus dui. Quisque rutrum consequat leo, id lacinia mauris laoreet venenatis. Nam suscipit ultricies mauris sit amet ultricies. Nunc eleifend sem libero, eget elementum enim semper nec. In eu tortor quis lectus pharetra hendrerit pretium gravida orci. Nam et massa ac odio molestie viverra id vitae elit. Donec convallis velit lacus, sit amet mattis metus fermentum vitae.

    Not sure what you mean by slide-down bars.. you mean like this?

    Title
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sed venenatis leo. Vestibulum commodo euismod est, euismod finibus turpis. Morbi nec blandit dolor. Nulla mi lectus, molestie nec arcu in, condimentum luctus dui. Quisque rutrum consequat leo, id lacinia mauris laoreet venenatis. Nam suscipit ultricies mauris sit amet ultricies. Nunc eleifend sem libero, eget elementum enim semper nec. In eu tortor quis lectus pharetra hendrerit pretium gravida orci. Nam et massa ac odio molestie viverra id vitae elit. Donec convallis velit lacus, sit amet mattis metus fermentum vitae.
    Title
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sed venenatis leo. Vestibulum commodo euismod est, euismod finibus turpis. Morbi nec blandit dolor. Nulla mi lectus, molestie nec arcu in, condimentum luctus dui. Quisque rutrum consequat leo, id lacinia mauris laoreet venenatis. Nam suscipit ultricies mauris sit amet ultricies. Nunc eleifend sem libero, eget elementum enim semper nec. In eu tortor quis lectus pharetra hendrerit pretium gravida orci. Nam et massa ac odio molestie viverra id vitae elit. Donec convallis velit lacus, sit amet mattis metus fermentum vitae.
     
    • Thank Thank x 1
  3. Hi, thanks for the help, but is there any way of making two other those slide-down bars parralel to these, like on the left and right side of the page?

    Also, how do I copy your code?
     
  4. If you use the "reply" command below Sen's post, you should be able to call up the bbcode used.
     
  5. Might be possible with div codes but I'm not very good with them, sorry ^^;
     
Thread Status:
Not open for further replies.