|
Title: Tutorial - How to create Table in the BitcoinTalk Forum Post by: so98nn on July 31, 2020, 07:18:47 AM It's time for new lesson! Many of the people might be struggling while creating the Table in the forum. (If you dont want to go through whole tutorial just skip to bottom for quick table code)
The BBCODE is there but it feels complicated while making the table in the first place. Especially for the new person it's hard to make one. So I decided to simplify the process of making table with this tutorial. After this you will be able to make organised data in the tabular form. I hope it help you guys. Step - 1 Where to find the Table Buttons? https://i.imgur.com/bt3FWMk.png Starting from the left, the first button defines "table"code. That is Code: [table][/table] So very first step is to start with the same. Example, Code: [table] Row 1 Column 1 Row 2 Column 2 [/table] Second button represents ROW and is represented by Code: [tr][/tr]. Example, Code: [table] [tr] Row1 [/tr] [/table] *This only represent you have to make the rows and columns inside the starting and ending table code. Third button represents COLUMN and s represented by Code: [td][/td] Example, Code: [table] [td] Column 1 [/td] [/table] Step - 2 Adding the rows & columns From the above guidelines we now know what button is used for what and how to use the code as whole. Now let us merge above rows and columns to create the actual table. Let us say I want to make simple 2X4 Table, viz., Two Columns and Four Rows: I will start with table code : Code: [table][/table] Will add the First Row Code: [table][tr] BitcoinTalk [/tr][/table] Now here is the tricky part. You have to define Row 1 element belongs to which column. So we will insert it in the COLUMN code. Code: [table][tr][td]BitcoinTalk[/td][/tr][/table] In similar fashion I will go on adding another column in the SAME ROW Code: [table][tr] [td]BitcoinTalk[/td] [td] Admin [/td] [/tr][/table] Notice that this is Row 1 only. We have just added another column in it by inserting another td..../td code. This is how you keep on adding columns. Now, let us add second ROW. Code: [table][tr] [td]BitcoinTalk[/td] [td] Admin [/td] [/tr] and here notice that I have just added the second line with row and column code. The table code remains as it is from start to end. That is table...../table. Here is 2 x 4 Table in complete form.
EXAMPLE TAKEN AS IT IS FROM THE OTHER THREADS:
The Code for above table is : Code: [table][tr][td][b]Rank[/b][/td] [td][b]Required activity[/b][/td] [td][b]Required merit[/b][/td][/tr] I have made table here, well organised which you can directly copy and paste for quicker table making:
CODE FOR THE ABOVE TABLE Code: [table] UPDATE : New Table Style with Colors and Separators
CODE FOR THE TABLE: Code: [table] Title: Re: Tutorial - How to create Table in the BitcoinTalk Forum Post by: pakhitheboss on July 31, 2020, 07:56:33 AM Another great tutorial I must compliment you for your hard work and the way you have explained it. Creating table is not an easy task, it can be complicated for many members. Your tutorial has made it very simple. Thanks for sharing.
Title: Re: Tutorial - How to create Table in the BitcoinTalk Forum Post by: tranthidung on July 31, 2020, 08:09:38 AM 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.
Create a table with some columns and rows is a challenge for people who don't know how to do it. I faced such challenge and even you have a table template from someone else, you must practice a few times to create yours well. Search button (http://) you can get the link here or look at the top of the page, under your username and avatar, there is a search tab, click on it and be directed to the same link I gave you. Some suggestions if you want to use tables on Bitcointalk (https://bitcointalk.org/index.php?topic=5157728.0) Title: Re: Tutorial - How to create Table in the BitcoinTalk Forum Post by: so98nn on July 31, 2020, 08:59:46 AM Another great tutorial I must compliment you for your hard work and the way you have explained it. Creating table is not an easy task, it can be complicated for many members. Your tutorial has made it very simple. Thanks for sharing. Thanks for the kind words, i faced problem myself so thought to share it with everyone. 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. Create a table with some columns and rows is a challenge for people who don't know how to do it. I faced such challenge and even you have a table template from someone else, you must practice a few times to create yours well. Search button (http://) you can get the link here or look at the top of the page, under your username and avatar, there is a search tab, click on it and be directed to the same link I gave you. Some suggestions if you want to use tables on Bitcointalk (https://bitcointalk.org/index.php?topic=5157728.0) That is amazing tutorial. Thanks for sharing it. Honestly I tried to search it myself but it wasn't coming up in the search. It is always good to revisit such tutorials given the time new people are joining this forum all the time. Hopefully they will hit one or the other tutorial. I tried with set example for easier look. Will add other styling and formatting as well. Thanks for the share. :D **Excess info is always an improvement** Title: Re: Tutorial - How to create Table in the BitcoinTalk Forum Post by: Smartvirus on August 01, 2020, 05:49:55 AM I find your tip very useful though, I'm yet to make a table of my own but then, to some extent, the intertwined nature of the coding kind of makes it rather confusing.
Title: Re: Tutorial - How to create Table in the BitcoinTalk Forum Post by: Mrengage on August 01, 2020, 09:19:06 AM Have already been seeing this icons without being Told I definitely know what they stand for. Nice tutorial in my own perspectives I believe newbies will not get confused on the icons when using the reply box.
Title: Re: Tutorial - How to create Table in the BitcoinTalk Forum Post by: minairia3 on August 01, 2020, 11:13:41 AM Have already been seeing this icons without being Told I definitely know what they stand for. Dont be mean. If you get it then good. I think OP has intiative to lay simplest guide to any beginners for easy and fast understanding. Some newbie got confuses with the symbols and this guide can help a lot for other who are striving to know how to do it and still not used to it. I think creating tables, columns and rows are best to do on a desktop cause it will be hard to manually input via mobile phone when you are planning to do a table form post. Title: Re: Tutorial - How to create Table in the BitcoinTalk Forum Post by: NavI_027 on August 01, 2020, 11:40:40 AM 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 https://i.ibb.co/5GJjkd1/116046278-660582887880032-5564336099568601624-n.jpg > 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. https://i.ibb.co/Srf3sCy/116081906-945006795964949-7329760931228902124-n.jpg Title: Re: Tutorial - How to create Table in the BitcoinTalk Forum Post by: DdmrDdmr on August 01, 2020, 01:00:38 PM As an alternative (non-equivalent and less frequently used) feature to the creation of tables, there’s the option to place rows and columns of information within a "code" block. The code block will provide the advantage of adding scroll bars if the number of rows or columns of information you are displaying is largish, but lacks the ability to include clickable links within the represented information. I tend to post information every now and then, and prefer a code block because of the scroll feature (i.e. Bitcointalk Ranking-up pipeline- Those close to their next rank (lacking Merits) (https://bitcointalk.org/index.php?topic=5206035.msg54907637#msg54907637)).
Nevertheless, it is not easy to make the columns align properly in a code block, as you need to place the correct amount of spaces between items for the display to be appealing. What one could do, is place the data on an Excel or Google Sheet, and then create a column with a formula that binds it all together with the adequate spacing between columns. i.e: Code: =A2 & REPT(" ";15-LEN(A2)) &B2 & REPT(" ";35-LEN(B2)) &C2 & REPT(" ";15-LEN(C2)) &D2 & REPT(" ";10-LEN(D2)) &E2 & REPT(" ";10-LEN(E2)) &F2 & REPT(" ";15-LEN(F2)) &G2 & REPT(" ";10-LEN(G2)) &H2 & REPT(" ";15-LEN(H2)) &I2 & REPT(" ";20-LEN(I2)) &J2 & REPT(" ";15-LEN(J2)) & K2Title: Re: Tutorial - How to create Table in the BitcoinTalk Forum Post by: blckhawk on August 01, 2020, 01:34:32 PM It is so bizarre to find this kind of tutorial in this forum, it really takes me back. I remember the days where I in school and my professor taught this code. It was taught on website programming if I recall. I miss these days :'( , I hope for the end of this pandemic so I could go learn once again. Btw, this is a great topic, pretty sure it will helpful for everyone.
Title: Re: Tutorial - How to create Table in the BitcoinTalk Forum Post by: Timmzzy on August 01, 2020, 09:58:15 PM 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 https://i.ibb.co/5GJjkd1/116046278-660582887880032-5564336099568601624-n.jpg > 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. https://i.ibb.co/Srf3sCy/116081906-945006795964949-7329760931228902124-n.jpg Title: Re: Tutorial - How to create Table in the BitcoinTalk Forum Post by: Kemarit on August 02, 2020, 01:08:46 AM This tutorial can complement what @1miau posted here, Some suggestions if you want to use tables on Bitcointalk (https://bitcointalk.org/index.php?topic=5157728.0).
Title: Re: Tutorial - How to create Table in the BitcoinTalk Forum Post by: xhomerx10 on August 02, 2020, 01:36:28 AM 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. Title: Re: Tutorial - How to create Table in the BitcoinTalk Forum Post by: jademaxsuy on August 02, 2020, 01:41:01 AM 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.
Title: Re: Tutorial - How to create Table in the BitcoinTalk Forum Post by: Mor254 on August 02, 2020, 08:36:05 AM 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
Title: Re: Tutorial - How to create Table in the BitcoinTalk Forum Post by: so98nn on August 02, 2020, 10:23:26 AM 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. Title: Re: Tutorial - How to create Table in the BitcoinTalk Forum Post by: OcTradism on August 02, 2020, 11:47:48 AM 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.
Quote Preformatted Text Displays text preformatted, and on a new line Text Code: [PRE]Text[/PRE] Title: Re: Tutorial - How to create Table in the BitcoinTalk Forum Post by: so98nn on August 02, 2020, 11:54:34 AM 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 : Code: [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.
Quote Preformatted Text Displays text preformatted, and on a new line Text Code: [PRE]Text[/PRE] Will definitely learn more from it. :D Title: Re: Tutorial - How to create Table in the BitcoinTalk Forum Post by: GeorgeJohn on August 02, 2020, 12:05:51 PM 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. Title: Re: Tutorial - How to create Table in the BitcoinTalk Forum Post by: BITCOIN4X on August 02, 2020, 02:19:21 PM 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. Title: Re: Tutorial - How to create Table in the BitcoinTalk Forum Post by: famososMuertos on August 02, 2020, 11:24:51 PM 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. 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 ... Estimado Amèrica "Español+ Brasil"(Tabla 07-abril)
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. Title: Re: Tutorial - How to create Table in the BitcoinTalk Forum Post by: OcTradism on August 03, 2020, 05:54:36 AM < ... > 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. Title: Re: Tutorial - How to create Table in the BitcoinTalk Forum Post by: so98nn on August 03, 2020, 09:59:08 AM 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. https://i.imgur.com/53KsFDF.jpg https://i.imgur.com/lVkVIPi.jpg https://i.imgur.com/QkWaaNG.jpg IMAGES IN A TABLE - SAME ROW SAME WIDTH
CODE : Code: [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. Title: Re: Tutorial - How to create Table in the BitcoinTalk Forum Post by: 1miau on August 04, 2020, 12:06:45 AM 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. Title: Re: Tutorial - How to create Table in the BitcoinTalk Forum Post by: b_dayboy0 on August 13, 2020, 01:17:38 PM 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. Title: Re: Tutorial - How to create Table in the BitcoinTalk Forum Post by: so98nn on December 25, 2020, 06:31:01 AM Bump.
For new comers! Hope everyone finds it useful. The topic went down a bit lot so thought to bring it up. :D Title: Re: Tutorial - How to create Table in the BitcoinTalk Forum Post by: qwertyup23 on December 25, 2020, 10:28:50 AM For new comers! Hope everyone finds it useful. The topic went down a bit lot so thought to bring it up. :D 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! Title: Re: Tutorial - How to create Table in the BitcoinTalk Forum Post by: so98nn on January 28, 2021, 05:36:08 AM 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 (https://bitcointalk.org/index.php?topic=5265782.msg54924987#msg54924987) Title: Re: Tutorial - How to create Table in the BitcoinTalk Forum Post by: so98nn on March 31, 2022, 11:13:56 AM Bump
If you are BBCODE lover, then do checkout my other beginners guide about colors of BB! Reference Thread for Different Colors | Multiple Shades | (https://bitcointalk.org/index.php?topic=5266343.msg54924781#msg54924781) 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 (https://bitcointalk.org/index.php?topic=5265782.msg54924987#msg54924987) Title: Re: Tutorial - How to create Table in the BitcoinTalk Forum Post by: so98nn on April 27, 2022, 05:54:31 PM 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 | |
