Author Topic: How to make an mybb html table  (Read 4639 times)

Offline TheExperience

  • Experienced Traveler
  • **
  • Posts: 194
  • Country: za
  • Floof-O-Meter: 12
  • Been Busy
    • http://unfilteredart.deviantart.
    • View Profile
How to make an mybb html table
« on: November 21, 2016, 04:04:54 pm »
A very simple, very quick tutorial
ps: grammar is prudent, i'll be writing without caps from here on out, so as to not make a mistake. all codes are to be written with no caps, or else they will not work.

i noticed a help thread the other day asking how to make text sit between two images, another person pointed out that it was a table code, being a coding student, i thought of posting a quick tutorial.

if you're lazy, this site has loads of free templates, though you'd have to register to access them.

or this if you want.



A SIMPLE TABLE CODE
let us dissect it. be advised that the spaces within the code shouldn't be there, so you'd remove that.

Code: [Select]
[table]
[tr]
[td][/td]
[td][/td]
[td][/td]
[/tr]
[tr]
[td][/td]
[td][/td]
[td][/td]
[/tr]
[tr]
[td][/td]
[td][/td]
[td][/td]
[/tr]
[/table]


1. [ table][/ table] <--- this is the starting point of your code, any content you wish to display in your table should be written INSIDE it. Think of it as the title of an essay. Just remove the spaces.

2. [ tr][/ tr]<--- this stands for "table row", at least, the way I look at it, in the example above, you can see the table has three rows.

3. [ td][/ td]<--- This stands for "table data" and is the location where all your writing, images, etc are placed. it also dictates the amount of columns you have.

PREVIEW
displaying 3 rows and 6 coloumns.

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.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.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.
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.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.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.
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.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.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.


PREVIEW WITH IMAGES
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.
above shows only one [ tr][/ tr] code and 3 [td ][/ td] codes to make this occur.
Code: [Select]
[table]
[tr]
[td][img]http://i.imgur.com/5FDTuUm.png[/img][/td]
[td]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.[/td]
[td][img]http://i.imgur.com/5FDTuUm.png[/img][/td]
[/tr]
[/table]


normally, you're able to change the width of each column, however, i cannot seem to pull that off within the code itself. i have noticed that divs don't work here either, so it must be a plugin issue... ???
though, if you're looking to add a space between the text and the image, you can just add a few more [ td]'s to do so. it does, however, require a lot of previewing.

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.

Code: [Select]
[table]
[tr]
[td][img]http://i.imgur.com/5FDTuUm.png[/img][/td]
[td][/td]
[td][/td]
[td][/td]
[td]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.[/td]
[td][/td]
[td][/td]
[td][/td]
[td][img ]http://i.imgur.com/5FDTuUm.png[/img][/td]

[/tr]
[/table]



THAT'S IT.
I suppose I've answered the question, and will be open to answering a few more. ^^
« Last Edit: November 25, 2016, 12:24:21 pm by TheExperience »


Offline TheExperience

  • Experienced Traveler
  • **
  • Posts: 194
  • Country: za
  • Floof-O-Meter: 12
  • Been Busy
    • http://unfilteredart.deviantart.
    • View Profile
Re: How to make an mybb html table
« Reply #1 on: November 21, 2016, 04:05:13 pm »
Limitations
Coming soon!!
« Last Edit: December 10, 2016, 03:39:12 pm by TheExperience »


Offline TheExperience

  • Experienced Traveler
  • **
  • Posts: 194
  • Country: za
  • Floof-O-Meter: 12
  • Been Busy
    • http://unfilteredart.deviantart.
    • View Profile
Re: How to make an mybb html table
« Reply #2 on: November 21, 2016, 04:05:21 pm »
Last Updated:
10 December 2016
« Last Edit: December 10, 2016, 03:32:38 pm by TheExperience »


Offline Kynvuu

  • #Grimstagram
  • Elder Grey Pelt
  • ****
  • Posts: 2,538
  • Country: us
  • Floof-O-Meter: 212
  • I'm not saying that it was aliens but...
    • View Profile
Re: How to make an mybb html table
« Reply #3 on: November 21, 2016, 04:09:11 pm »
Ooo this is very interesting and helpful! I'll be sure to keep this in mind for my future threads! Thank you for putting this together. c:
On a temporary leave. Please contact other members of staff if you need assistance.

ArcticGalaxy

  • Guest
Re: How to make an mybb html table
« Reply #4 on: November 21, 2016, 04:37:25 pm »
You wonderful person you! Thanks for making this! -nuzzle-

Offline TheExperience

  • Experienced Traveler
  • **
  • Posts: 194
  • Country: za
  • Floof-O-Meter: 12
  • Been Busy
    • http://unfilteredart.deviantart.
    • View Profile
Re: How to make an mybb html table
« Reply #5 on: November 21, 2016, 04:45:56 pm »
Ooo this is very interesting and helpful! I'll be sure to keep this in mind for my future threads! Thank you for putting this together. c:

You wonderful person you! Thanks for making this! -nuzzle-

Thank you, both! <3 Much appreciated. c:


Offline Morgra

  • I don't like sand...
  • Immortal Legend
  • *****
  • Posts: 5,718
  • Country: us
  • Floof-O-Meter: 347
  • Ever been killed by a spider? I was
    • DinksterDaily
    • View Profile
Re: How to make an mybb html table
« Reply #6 on: November 21, 2016, 09:01:52 pm »
Thanks so much! :D I've always wanted to learn how to do this. I'll have to use this sometime

(Love your avatar/signature btw)
Profile pic by Edolicious

People don't think the universe be like it is, but it do.


Offline Kastilla

  • my mind is a sieve for inspiration.
  • Community Champion
  • ****
  • Posts: 2,382
  • Country: 00
  • Floof-O-Meter: 71
  • [ ] make time go faster
    • View Profile
Re: How to make an mybb html table
« Reply #7 on: November 21, 2016, 09:30:31 pm »
Eyyyyy, that's pretty good. 8)

you, my  floof, deserve a +nuzzle!
stinky dog coming through, don't mind me!

Offline TheExperience

  • Experienced Traveler
  • **
  • Posts: 194
  • Country: za
  • Floof-O-Meter: 12
  • Been Busy
    • http://unfilteredart.deviantart.
    • View Profile
Re: How to make an mybb html table
« Reply #8 on: November 22, 2016, 04:36:59 am »
Thanks so much! :D I've always wanted to learn how to do this. I'll have to use this sometime

(Love your avatar/signature btw)

Eyyyyy, that's pretty good. 8)

you, my  floof, deserve a +nuzzle!

Thank you both very much!


Offline Melon

  • Finest Floof
  • ***
  • Posts: 780
  • Country: au
  • Floof-O-Meter: 35
  • God in their worst form.
    • jennfelde
    • View Profile
Re: How to make an mybb html table
« Reply #9 on: December 01, 2016, 02:38:11 am »
I am sure that ALOT of people will need this! +nuzzle for you my friend! <3
Attempting to get more active. Enjoy the day!

Cheers!