Some coding help

  • So many newbies lately! Here is a very important PSA about one of our most vital content policies! Read it even if you are an ancient member!
Status
Not open for further replies.

Jargo

Enough talk. Witness.
Original poster
FOLKLORE MEMBER
Invitation Status
  1. Looking for partners
Posting Speed
  1. 1-3 posts per week
Writing Levels
  1. Advanced
Preferred Character Gender
  1. Male
  2. Female
  3. No Preferences
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
 
@Aleksander Like this?
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 You
Reactions: Jargo
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?
 
If you use the "reply" command below Sen's post, you should be able to call up the bbcode used.
 
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?
Might be possible with div codes but I'm not very good with them, sorry ^^;
 
Status
Not open for further replies.