Bump FOR NEW COMERS
If you are BBCODE lover, then do checkout my other beginners guide about colors of BB!
Reference Thread for Different Colors | Multiple Shades |
Topic: Tutorial - How to create Table in the BitcoinTalk Forum (Read 1128 times)
Bump
If you are BBCODE lover, then do checkout my other beginners guide about colors of BB!
Reference Thread for Different Colors | Multiple Shades |
Don't forget to see this post:
If you have uneven images and want them to be placed in single row or columns then Tables is the best escape for same:
Click here: Adjust Your Uneven Images in single row
If you are BBCODE lover, then do checkout my other beginners guide about colors of BB!
Reference Thread for Different Colors | Multiple Shades |
Don't forget to see this post:
If you have uneven images and want them to be placed in single row or columns then Tables is the best escape for same:
Click here: Adjust Your Uneven Images in single row
Bump
Don't forget to see this post:
If you have uneven images and want them to be placed in single row or columns then Tables is the best escape for same:
Click here: Adjust Your Uneven Images in single row
Don't forget to see this post:
If you have uneven images and want them to be placed in single row or columns then Tables is the best escape for same:
Click here: Adjust Your Uneven Images in single row
For new comers!
Hope everyone finds it useful. The topic went down a bit lot so thought to bring it up.
Hope everyone finds it useful. The topic went down a bit lot so thought to bring it up.
I am not a newbie but this topic is definitely useful!
I remember when I first created my own thread and it required me to formulate my own table in order to make a list of scammers. At first, I borrowed @TalkStar's format in his thread but I devised and edited a few tables (which required me to do trial and error) to at least make it presentable and easier to the eye. If I just found this post before, this could have made my life easier!
Very good post, OP and keep up the good work!
Bump.
For new comers!
Hope everyone finds it useful. The topic went down a bit lot so thought to bring it up.
For new comers!
Hope everyone finds it useful. The topic went down a bit lot so thought to bring it up.
As I practice HTML + CSS sometimes, you will need transparent space for columns if it contain images and text inside a table. For example, if you have a one image under a column of first row and second column of the same row contains text, image will not show it's full size. For that, you will need transparent space inside first column according to the width of that image. I am not pro but let me know if I am wrong.
Informative tutorial indeed, btw.
Informative tutorial indeed, btw.
OP, you tried to do something helpful, I know and appreciate your effort but for your future threads, I advise you to do research before making a post or thread.
Yes, some parts not really new but I like the detailed explanations and in general it's also a good tutorial for newbies to get an impression how BBCode for tables is working. I've linked it in my tutorial, too, maybe users can read both if they have difficulties to understand a specific part in my tutorial.
How can one adjust 3 - 5 images in one raw of the table so that each of them occupied the cells with the same width? Do I need the determined BB codes for that? I have tried a few times with no success.
Hello,
You can use the resize code for your images and make them uniform.
Let us take random images as below, they have different dimensions as you can see.
Next half I have successfully rendered them into single row and the width stays the same for all.
IMAGES IN A TABLE - SAME ROW SAME WIDTH
| __________________________________ | __________________________________ | __________________________________ |
| | |
CODE :
Code:
[table]
[tr][td]__________________________________[/td][td]__________________________________[/td][td]__________________________________[/td][/tr]
[tr][td][img width=200 height=200]https://i.imgur.com/53KsFDF.jpg[/img][/td][td][img width=200 height=200]https://i.imgur.com/lVkVIPi.jpg[/img][/td][td][img width=200 height=200]https://i.imgur.com/QkWaaNG.jpg[/img][/td][/tr]
[/table]
[tr][td]__________________________________[/td][td]__________________________________[/td][td]__________________________________[/td][/tr]
[tr][td][img width=200 height=200]https://i.imgur.com/53KsFDF.jpg[/img][/td][td][img width=200 height=200]https://i.imgur.com/lVkVIPi.jpg[/img][/td][td][img width=200 height=200]https://i.imgur.com/QkWaaNG.jpg[/img][/td][/tr]
[/table]
SOLUTION
According to the aspect ratio of your images you can set the width and height.
The code for it:
Code:
[img width=200 height=200]yourimage.com[/img]
Now the width & height parameter will change as per your image dimensions. For me 200 x 200 worked fine.
Hope you will get success this time.
< ... >
Table:Advantage: can protect privacy (only if you use Tor when login the forum)
Disadvantage: take more time to edit or add new contents (except if you have a script to do it automatic).
Spreadsheet:
Advantage: More easily to add or edit contents
Disadvantage: You have to make screenshot, then upload it on a website that can break privacy (if you don't use Tor when uploading images).
For simple tables, it is best to build up tables on the forum.
For complex and too wide tables, it is best to use spreadsheet. But always use Tor to upload images.
I find it difficult to make a table but base on your excellent explanation here I can make a perfect table,
That is the reason I keep on emphasising on observation and hardworking because many members don't really know how to create a table but you has brought an easy way to scale through.
No one is island of knowledge, we are here to learn things beyond us.because in my findings I noticed that "knowledge is power" and hardworking is success while observation is the solution of achievement.
I applaud you for your research, keep it on for the benefit of the beginners.
That is the reason I keep on emphasising on observation and hardworking because many members don't really know how to create a table but you has brought an easy way to scale through.
No one is island of knowledge, we are here to learn things beyond us.because in my findings I noticed that "knowledge is power" and hardworking is success while observation is the solution of achievement.
I applaud you for your research, keep it on for the benefit of the beginners.
Really copying the code and putting it in your post is not difficult believe me. The difficult thing is to add the information.
Ideally, you should do so as indicated by the OP.
But in the forum there are various types of tables that you can use just quote the table and modify to your needs. Use the Preview and be patient.
Although in my very particular opinion, with some exceptions, you should use something simpler like a google docs link, or simply capture your excells table.
Its answer may look cool in BBcode, but you can use these mentioned variants.
Here I leave you the data and code of my table, you can save a lot of time if you get a ready-made table, that suits your idea or need.
1.-BBCODE
...
Fuente: https://www.worldometers.info/coronavirus/
...
Estimado Amèrica "Español+ Brasil"(Tabla 07-abril)
| Total | Nuevos | |
| Paìs | Casos | Casos |
| Brasil* | 12.232 | +49 |
| Chile | 4.815 | no |
| Ecuador | 3747 | no |
| Perù | 2.561 | No |
| Mèxico | 2.439 | No |
| Pànama | 2.100 | No |
| Rep. Dom. | 1.828 | No |
| Argentina | 1.628 | No |
| Colombia | 1.579 | No |
| Costa Rica | 467 | No |
| Uruguay | 415 | no |
| Cuba | 363 | +13 |
| Honduras | 305 | +7 |
| Bolivia | 194 | +11 |
| Venezuela | 165 | no |
| Paraguay | 115 | 07 |
| El Salvador | 78 | +09 |
| Guatemala | 74 | +4 |
Fuente: https://www.worldometers.info/coronavirus/
...
2.-Spreadsheet (Capture)
Advantages: the process is quite fast and avoids errors. The final table is similar to the result with BBcode.
Disadvantages: you must upload the capture to imgur. Updating data requires a new upload imgur.
I find it difficult to make a table but base on your excellent explanation here I can make a perfect table,
Yes, its not easy, man. Making table must be done carefully and with patience. Maybe I should spend a few hour making a list of the top 100 altcoin now if I use a table because i am never done it.OP, you did well and I am interested in trying out your tutorial and it will provide variation on my post.
I find it difficult to make a table but base on your excellent explanation here I can make a perfect table,
That is the reason I keep on emphasising on observation and hardworking because many members don't really know how to create a table but you has brought an easy way to scale through.
No one is island of knowledge, we are here to learn things beyond us.because in my findings I noticed that "knowledge is power" and hardworking is success while observation is the solution of achievement.
I applaud you for your research, keep it on for the benefit of the beginners.
That is the reason I keep on emphasising on observation and hardworking because many members don't really know how to create a table but you has brought an easy way to scale through.
No one is island of knowledge, we are here to learn things beyond us.because in my findings I noticed that "knowledge is power" and hardworking is success while observation is the solution of achievement.
I applaud you for your research, keep it on for the benefit of the beginners.
In the following Table just change your desired text, colors and length as per your texting length.
This might look little complex but its as easy as changing the given text to yours.
The code for above Table is as follows :
This one is also good suggestion. Thank you @OcTradism
Will definitely learn more from it.
This might look little complex but its as easy as changing the given text to yours.
| __________________________________ | __________________________________ | __________________________________ |
| | Sr. No. | | | Name of the coin | | | Current Price | |
| |__________________________________| | |__________________________________| | |__________________________________| |
| | C1R1 | | | C1R1 | | | C1R1 | |
| |__________________________________| | |__________________________________| | |__________________________________| |
| | C1R1 | | | C1R1 | | | C1R1 | |
| |__________________________________| | |__________________________________| | |__________________________________| |
| | C1R1 | | | C1R1 | | | C1R1 | |
| |__________________________________| | |__________________________________| | |__________________________________| |
| | C1R1 | | | C1R1 | | | C1R1 | |
| |__________________________________| | |__________________________________| | |__________________________________| |
| | C1R1 | | | C1R1 | | | C1R1 | |
| |__________________________________| | |__________________________________| | |__________________________________| |
| | C1R1 | | | C1R1 | | | C1R1 | |
| |__________________________________| | |__________________________________| | |__________________________________| |
The code for above Table is as follows :
Code:
[table]
[tr][td]__________________________________[/td][td]__________________________________[/td][td]__________________________________[/td][/tr]
[tr][td]| [color=red][b] [size=12pt] Sr. No. [/size][/b][/color] |[/td][td]| [b][color=green][size=12pt]Name of the coin [/size][/color][/b] |[/td][td]| [b][color=blue][size=12pt]Current Price [/size][/color][/b] |[/td][/tr]
[tr][td]|__________________________________|[/td][td]|__________________________________|[/td][td]|__________________________________|[/td][/tr]
[tr][td][glow=orange,2,300]| C1R1 |[/glow][/td][td][glow=skyblue,2,300]| C1R1 |[/glow][/td][td][glow=lime,2,300]| C1R1 |[/glow][/td][/tr]
[tr][td]|__________________________________|[/td][td]|__________________________________|[/td][td]|__________________________________|[/td][/tr]
[tr][td][glow=orange,2,300]| C1R1 |[/glow][/td][td][glow=skyblue,2,300]| C1R1 |[/glow][/td][td][glow=lime,2,300]| C1R1 |[/glow][/td][/tr]
[tr][td]|__________________________________|[/td][td]|__________________________________|[/td][td]|__________________________________|[/td][/tr]
[tr][td][glow=orange,2,300]| C1R1 |[/glow][/td][td][glow=skyblue,2,300]| C1R1 |[/glow][/td][td][glow=lime,2,300]| C1R1 |[/glow][/td][/tr]
[tr][td]|__________________________________|[/td][td]|__________________________________|[/td][td]|__________________________________|[/td][/tr]
[tr][td][glow=orange,2,300]| C1R1 |[/glow][/td][td][glow=skyblue,2,300]| C1R1 |[/glow][/td][td][glow=lime,2,300]| C1R1 |[/glow][/td][/tr]
[tr][td]|__________________________________|[/td][td]|__________________________________|[/td][td]|__________________________________|[/td][/tr]
[tr][td][glow=orange,2,300]| C1R1 |[/glow][/td][td][glow=skyblue,2,300]| C1R1 |[/glow][/td][td][glow=lime,2,300]| C1R1 |[/glow][/td][/tr]
[tr][td]|__________________________________|[/td][td]|__________________________________|[/td][td]|__________________________________|[/td][/tr]
[tr][td][glow=orange,2,300]| C1R1 |[/glow][/td][td][glow=skyblue,2,300]| C1R1 |[/glow][/td][td][glow=lime,2,300]| C1R1 |[/glow][/td][/tr]
[tr][td]|__________________________________|[/td][td]|__________________________________|[/td][td]|__________________________________|[/td][/tr]
[/table]
[tr][td]__________________________________[/td][td]__________________________________[/td][td]__________________________________[/td][/tr]
[tr][td]| [color=red][b] [size=12pt] Sr. No. [/size][/b][/color] |[/td][td]| [b][color=green][size=12pt]Name of the coin [/size][/color][/b] |[/td][td]| [b][color=blue][size=12pt]Current Price [/size][/color][/b] |[/td][/tr]
[tr][td]|__________________________________|[/td][td]|__________________________________|[/td][td]|__________________________________|[/td][/tr]
[tr][td][glow=orange,2,300]| C1R1 |[/glow][/td][td][glow=skyblue,2,300]| C1R1 |[/glow][/td][td][glow=lime,2,300]| C1R1 |[/glow][/td][/tr]
[tr][td]|__________________________________|[/td][td]|__________________________________|[/td][td]|__________________________________|[/td][/tr]
[tr][td][glow=orange,2,300]| C1R1 |[/glow][/td][td][glow=skyblue,2,300]| C1R1 |[/glow][/td][td][glow=lime,2,300]| C1R1 |[/glow][/td][/tr]
[tr][td]|__________________________________|[/td][td]|__________________________________|[/td][td]|__________________________________|[/td][/tr]
[tr][td][glow=orange,2,300]| C1R1 |[/glow][/td][td][glow=skyblue,2,300]| C1R1 |[/glow][/td][td][glow=lime,2,300]| C1R1 |[/glow][/td][/tr]
[tr][td]|__________________________________|[/td][td]|__________________________________|[/td][td]|__________________________________|[/td][/tr]
[tr][td][glow=orange,2,300]| C1R1 |[/glow][/td][td][glow=skyblue,2,300]| C1R1 |[/glow][/td][td][glow=lime,2,300]| C1R1 |[/glow][/td][/tr]
[tr][td]|__________________________________|[/td][td]|__________________________________|[/td][td]|__________________________________|[/td][/tr]
[tr][td][glow=orange,2,300]| C1R1 |[/glow][/td][td][glow=skyblue,2,300]| C1R1 |[/glow][/td][td][glow=lime,2,300]| C1R1 |[/glow][/td][/tr]
[tr][td]|__________________________________|[/td][td]|__________________________________|[/td][td]|__________________________________|[/td][/tr]
[tr][td][glow=orange,2,300]| C1R1 |[/glow][/td][td][glow=skyblue,2,300]| C1R1 |[/glow][/td][td][glow=lime,2,300]| C1R1 |[/glow][/td][/tr]
[tr][td]|__________________________________|[/td][td]|__________________________________|[/td][td]|__________________________________|[/td][/tr]
[/table]
This one is also good suggestion. Thank you @OcTradism
Pre can help you to polish your table but it is complex and advance table. If you don't mind to spend time to learn it, you can begin with it.
https://www.teamopolis.com/tools/bbcode-reference.aspx
Alice’s input 1 btc in → Alice’s output 1BTC back to her address
Bob’s input 0.75 btc in → Bob’s output 0.75BTC sent back to his address
Quote
Preformatted Text
Displays text preformatted, and on a new line
Displays text preformatted, and on a new line
Text
Code:
[PRE]Text[/PRE]
Will definitely learn more from it.
Pre can help you to polish your table but it is complex and advance table. If you don't mind to spend time to learn it, you can begin with it.
https://www.teamopolis.com/tools/bbcode-reference.aspx
Alice’s input 1 btc in → Alice’s output 1BTC back to her address
Bob’s input 0.75 btc in → Bob’s output 0.75BTC sent back to his address
Quote
Preformatted Text
Displays text preformatted, and on a new line
Displays text preformatted, and on a new line
Text
Code:
[PRE]Text[/PRE]
Thank you guys for both pros and cons type of comments up here.
I will experiment more with the table tool to create some interesting formats. Will publish here soon. It's fun to play around.
I will experiment more with the table tool to create some interesting formats. Will publish here soon. It's fun to play around.
This is a really good educational program I did not know how to create a table correctly especially that I use another language sometimes other than the English language because when I use another language like Arabic the direction of the code changes I had copied a code from another person and amending it Thank you for the form that I submitted I will benefit from it
Yes, I do use spacing to create like this one but whenever I post it the result is devastating and it never really align no matter how many times I edit the post. So, this is probably the way it can solve problem by creating such table. I did not able to observe that buttons on how to use it until such this tutorial has been published. Easy to understand though it need some time here to post like due to the details one need to create in making the table. It is not easy as other word pad but thanks anyway because it is worth it.
Great tutorial. Here's a tool (not mine) to make BBCode table creation easier.
https://www.teamopolis.com/tools/bbcode-table-generator.aspx
NB header tags don't work on Bitcointalk so uncheck the "1st row is header" box.
| teamoplolis | .com | /tools | /bbcode- | table- | generator | .aspx |
| alternatively | you | can | use | this | handy | online |
| table | generator | to | save | yourself | some | time. |
| It | will | create | the | table | for | you |
| then | all | you | have | to | do | is |
| fill | it | in | and | click | generate! | Piece 'o cake |
https://www.teamopolis.com/tools/bbcode-table-generator.aspx
NB header tags don't work on Bitcointalk so uncheck the "1st row is header" box.
This tutorial can complement what @1miau posted here, Some suggestions if you want to use tables on Bitcointalk.
Nice tutorial in my own perspectives I believe newbies will not get confused on the icons when using the reply box.
If ever you feel confused on what the icons are used for or hesitate to simply click it because you're afraid of what may happen (I felt the same thing when I was new here). Dude there's a simple solution for your problem 
.> For example, you want to know what this icon is
> Just click and hold it then a window will pop up. Now you know that it was a Superscript. A feature usually used for typing math exponents.
Jump to: