Bitcoin Forum

Other => Beginners & Help => Topic started by: Fivestar4everMVP on June 11, 2022, 07:53:17 PM



Title: Is It Possible To Build a HTML/CSS Kind of Table On This Forum?
Post by: Fivestar4everMVP on June 11, 2022, 07:53:17 PM
Hi ladies and gents.
There's this thread I've been working on for few days now, and at this point, I need to build a table, through some research I did earlier today, I learnt how to build the regular type of tables I always see on this forum, which is the one below.

#|HEADING 1|HEADING 2|HEADING 3|HEADING 4|HEADING 5|HEADING 6|HEADING 7|HEADING 8
1|Data 1|Data 2|Data 3|Data 4|Data 5|Data 6|Data 7|Data 8


I learnt how to build the above table from this thread (https://bitcointalk.org/index.php?topic=4301317.0), thanks to @LoyceV, I learnt how to do it properly from one of his/her posts.

But then, the above kind of table isn't exactly what I want, the kind of table in the image below is what am looking to build.


So am asking, is something like this possible to build on this forum and if positive, how please?


Title: Re: Is It Possible To Build a HTML/CSS Kind of Table On This Forum?
Post by: Stalker22 on June 11, 2022, 08:53:39 PM
So am asking, is something like this possible to build on this forum and if positive, how please?


So, basically, you want visible borders on the table cells? I am afraid it can not be done easily with BBCode. What you can do is add extra rows between each existing data row and fill the cells with characters that will give you the illusion of a line.

For example:

#|HEADING 1|HEADING 2|HEADING 3|HEADING 4|HEADING 5|HEADING 6|HEADING 7|HEADING 8
--|-------------|-------------|-------------|-------------|-------------|-------------|-------------|-------------
1|Data 1|Data 2|Data 3|Data 4|Data 5|Data 6|Data 7|Data 8


I know it looks messy, but that’s the only way I know of, unless you want to use images.


Edit:

Or perhaps, something like this:

════════════════════════════════════════
col 1col 2col 3col 4
════════════════════════════════════════
xxxxxxxxxxxx
════════════════════════════════════════


Title: Re: Is It Possible To Build a HTML/CSS Kind of Table On This Forum?
Post by: PX-Z on June 11, 2022, 11:59:23 PM
Unfortunately, there's no css implementation when making a post on a bbcode based smf forum, although it can be done but idk how theymos thought about it coz maybe it will break the looks of the website if css attributes is added. So far only the forum ads is applicable as a dynamic addition using css.
So bbcode with dashed is only the way like the sample above.


Title: Re: Is It Possible To Build a HTML/CSS Kind of Table On This Forum?
Post by: Stalker22 on June 12, 2022, 08:48:47 AM
I was trying to paste some codes here but everything is messing.
I guess my rank made it impossible for me to post codes.

I think something like this can do what you're looking for
~

There is a difference between BBCode and HTML code. HTML code cannot be used in forum posts, but BBCode markup language is used to format content.

The HTML code you are trying to paste has nothing to do with the OP's question.


Title: Re: Is It Possible To Build a HTML/CSS Kind of Table On This Forum?
Post by: Maus0728 on June 12, 2022, 09:30:52 AM
If you still need to create some fancy-looking table like you mentioned, I highly suggest you refer to this thread[1] for some table design inspiration. Just design the table according to your preference. Plus, being a forum junkie, BBcode is generally used specifically for message boards as well as to avoid security issues. Problem solved!!

Before BBCode forums sometimes allowed users to include HTML code in their posts, which had many security issues (i.e. the user could execute javascript code, break the layout of the site and so on).

[1] https://bitcointalk.org/index.php?topic=5157728.0


Title: Re: Is It Possible To Build a HTML/CSS Kind of Table On This Forum?
Post by: Stalker22 on June 12, 2022, 10:50:48 AM
A BBCode forum user used Sniper E's table extension to build this 👇
~

Sniper-E's table extension is for the phpBB forum software, Bitcointalk.org runs on a modified version of the SMF software. Also, I doubt theymos would agree to add any extensions of this sort to the existing platform.

But, again, this has nothing to do with the OP's question, so, please stop posting nonsense about things you clearly have very little knowledge about.


Title: Re: Is It Possible To Build a HTML/CSS Kind of Table On This Forum?
Post by: LoyceV on June 12, 2022, 11:14:30 AM
Let me test something:
#|HEADING 1|HEADING 2|HEADING 3|HEADING 4|HEADING 5|HEADING 6|HEADING 7|HEADING 8
--|-------------|-------------|-------------|-------------|-------------|-------------|-------------|-------------
1|Data 1|Data 2|Data 3|Data 4|Data 5|Data 6|Data 7|Data 8
I've replaced your ------------- by a black image:
https://loyce.club/other/blackline.gif
#
|https://loyce.club/other/blackline.gif
HEADING 1
|https://loyce.club/other/blackline.gif
HEADING 2
|https://loyce.club/other/blackline.gif
HEADING 3
|https://loyce.club/other/blackline.gif
HEADING 4
|https://loyce.club/other/blackline.gif
HEADING 5
|https://loyce.club/other/blackline.gif
HEADING 6
|https://loyce.club/other/blackline.gif
HEADING 7
|https://loyce.club/other/blackline.gif
HEADING 8
https://loyce.club/other/blackline.gif
1
https://loyce.club/other/blackline.gif
|https://loyce.club/other/blackline.gif
Data 1
https://loyce.club/other/blackline.gif
|https://loyce.club/other/blackline.gif
Data 2
https://loyce.club/other/blackline.gif
|https://loyce.club/other/blackline.gif
Data 3
https://loyce.club/other/blackline.gif
|https://loyce.club/other/blackline.gif
Data 4
https://loyce.club/other/blackline.gif
|https://loyce.club/other/blackline.gif
Data 5
https://loyce.club/other/blackline.gif
|https://loyce.club/other/blackline.gif
Data 6
https://loyce.club/other/blackline.gif
|https://loyce.club/other/blackline.gif
Data 7
https://loyce.club/other/blackline.gif
|https://loyce.club/other/blackline.gif
Data 8
https://loyce.club/other/blackline.gif
It's terrible to create manually.

You can add a black line above the | too:
https://loyce.club/other/blackline.gif
#
https://loyce.club/other/blackline.gif
|
https://loyce.club/other/blackline.gif
HEADING 1
https://loyce.club/other/blackline.gif
|
https://loyce.club/other/blackline.gif
HEADING 2
https://loyce.club/other/blackline.gif
|
https://loyce.club/other/blackline.gif
HEADING 3
https://loyce.club/other/blackline.gif
|
https://loyce.club/other/blackline.gif
HEADING 4
https://loyce.club/other/blackline.gif
|
https://loyce.club/other/blackline.gif
HEADING 5
https://loyce.club/other/blackline.gif
|
https://loyce.club/other/blackline.gif
HEADING 6
https://loyce.club/other/blackline.gif
|
https://loyce.club/other/blackline.gif
HEADING 7
https://loyce.club/other/blackline.gif
|
https://loyce.club/other/blackline.gif
HEADING 8
https://loyce.club/other/blackline.gif
1
https://loyce.club/other/blackline.gif
https://loyce.club/other/blackline.gif
|
https://loyce.club/other/blackline.gif
https://loyce.club/other/blackline.gif
Data 1
https://loyce.club/other/blackline.gif
https://loyce.club/other/blackline.gif
|
https://loyce.club/other/blackline.gif
https://loyce.club/other/blackline.gif
Data 2
https://loyce.club/other/blackline.gif
https://loyce.club/other/blackline.gif
|
https://loyce.club/other/blackline.gif
https://loyce.club/other/blackline.gif
Data 3
https://loyce.club/other/blackline.gif
https://loyce.club/other/blackline.gif
|
https://loyce.club/other/blackline.gif
https://loyce.club/other/blackline.gif
Data 4
https://loyce.club/other/blackline.gif
|https://loyce.club/other/blackline.gif
Data 5
https://loyce.club/other/blackline.gif
https://loyce.club/other/blackline.gif
|
https://loyce.club/other/blackline.gif
https://loyce.club/other/blackline.gif
Data 6
https://loyce.club/other/blackline.gif
https://loyce.club/other/blackline.gif
|
https://loyce.club/other/blackline.gif
https://loyce.club/other/blackline.gif
Data 7
https://loyce.club/other/blackline.gif
https://loyce.club/other/blackline.gif
|
https://loyce.club/other/blackline.gif
https://loyce.club/other/blackline.gif
Data 8
https://loyce.club/other/blackline.gif
I haven't found a way to make uninterrupted vertical lines inside the table.

There should be another | left and right from the table, which I'll leave to the reader to add.


Title: Re: Is It Possible To Build a HTML/CSS Kind of Table On This Forum?
Post by: hugeblack on June 12, 2022, 12:17:24 PM
you can try these codes:

______________________________________________________________________________________________________
|                        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                            |
|__________________________________||__________________________________||__________________________________|



Source ---> https://bitcointalk.org/index.php?topic=5265782.msg54919258#msg54919258




All BBcode solutions need a lot of modifications, so the best and fastest solution is to make a screenshot of a table, and then update that table in the way you see fit with removing the background, something like this.

The modification here is quick because it is in two steps:

 - Modify your table.
 - Make a screenshot, upload the image and update the topic.




Title: Re: Is It Possible To Build a HTML/CSS Kind of Table On This Forum?
Post by: Fivestar4everMVP on June 12, 2022, 08:44:26 PM


Or perhaps, something like this:

════════════════════════════════════════
col 1col 2col 3col 4
════════════════════════════════════════
xxxxxxxxxxxx
════════════════════════════════════════

Let me test something:
#|HEADING 1|HEADING 2|HEADING 3|HEADING 4|HEADING 5|HEADING 6|HEADING 7|HEADING 8
--|-------------|-------------|-------------|-------------|-------------|-------------|-------------|-------------
1|Data 1|Data 2|Data 3|Data 4|Data 5|Data 6|Data 7|Data 8
I've replaced your ------------- by a black image:
https://loyce.club/other/blackline.gif
#
|https://loyce.club/other/blackline.gif
HEADING 1
|https://loyce.club/other/blackline.gif
HEADING 2
|https://loyce.club/other/blackline.gif
HEADING 3
|https://loyce.club/other/blackline.gif
HEADING 4
|https://loyce.club/other/blackline.gif
HEADING 5
|https://loyce.club/other/blackline.gif
HEADING 6
|https://loyce.club/other/blackline.gif
HEADING 7
|https://loyce.club/other/blackline.gif
HEADING 8
https://loyce.club/other/blackline.gif
1
https://loyce.club/other/blackline.gif
|https://loyce.club/other/blackline.gif
Data 1
https://loyce.club/other/blackline.gif
|https://loyce.club/other/blackline.gif
Data 2
https://loyce.club/other/blackline.gif
|https://loyce.club/other/blackline.gif
Data 3
https://loyce.club/other/blackline.gif
|https://loyce.club/other/blackline.gif
Data 4
https://loyce.club/other/blackline.gif
|https://loyce.club/other/blackline.gif
Data 5
https://loyce.club/other/blackline.gif
|https://loyce.club/other/blackline.gif
Data 6
https://loyce.club/other/blackline.gif
|https://loyce.club/other/blackline.gif
Data 7
https://loyce.club/other/blackline.gif
|https://loyce.club/other/blackline.gif
Data 8
https://loyce.club/other/blackline.gif
It's terrible to create manually.

You can add a black line above the | too:
https://loyce.club/other/blackline.gif
#
https://loyce.club/other/blackline.gif
|
https://loyce.club/other/blackline.gif
HEADING 1
https://loyce.club/other/blackline.gif
|
https://loyce.club/other/blackline.gif
HEADING 2
https://loyce.club/other/blackline.gif
|
https://loyce.club/other/blackline.gif
HEADING 3
https://loyce.club/other/blackline.gif
|
https://loyce.club/other/blackline.gif
HEADING 4
https://loyce.club/other/blackline.gif
|
https://loyce.club/other/blackline.gif
HEADING 5
https://loyce.club/other/blackline.gif
|
https://loyce.club/other/blackline.gif
HEADING 6
https://loyce.club/other/blackline.gif
|
https://loyce.club/other/blackline.gif
HEADING 7
https://loyce.club/other/blackline.gif
|
https://loyce.club/other/blackline.gif
HEADING 8
https://loyce.club/other/blackline.gif
1
https://loyce.club/other/blackline.gif
https://loyce.club/other/blackline.gif
|
https://loyce.club/other/blackline.gif
https://loyce.club/other/blackline.gif
Data 1
https://loyce.club/other/blackline.gif
https://loyce.club/other/blackline.gif
|
https://loyce.club/other/blackline.gif
https://loyce.club/other/blackline.gif
Data 2
https://loyce.club/other/blackline.gif
https://loyce.club/other/blackline.gif
|
https://loyce.club/other/blackline.gif
https://loyce.club/other/blackline.gif
Data 3
https://loyce.club/other/blackline.gif
https://loyce.club/other/blackline.gif
|
https://loyce.club/other/blackline.gif
https://loyce.club/other/blackline.gif
Data 4
https://loyce.club/other/blackline.gif
|https://loyce.club/other/blackline.gif
Data 5
https://loyce.club/other/blackline.gif
https://loyce.club/other/blackline.gif
|
https://loyce.club/other/blackline.gif
https://loyce.club/other/blackline.gif
Data 6
https://loyce.club/other/blackline.gif
https://loyce.club/other/blackline.gif
|
https://loyce.club/other/blackline.gif
https://loyce.club/other/blackline.gif
Data 7
https://loyce.club/other/blackline.gif
https://loyce.club/other/blackline.gif
|
https://loyce.club/other/blackline.gif
https://loyce.club/other/blackline.gif
Data 8
https://loyce.club/other/blackline.gif
I haven't found a way to make uninterrupted vertical lines inside the table.

There should be another | left and right from the table, which I'll leave to the reader to add.

you can try these codes:

______________________________________________________________________________________________________
|                         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                            |
|__________________________________||__________________________________||__________________________________|

I must confess, this are really great ideas, thank you all for all the efforts you put in to bring all of this ideas up, I will put all of it into use, I will test them all and possibly try to come up maybe with something brand new just like you all have done with the ideas here, but incase am not able to come up with something new, then i will choose one here that fits better with what am currently building and go with.

I appreciate everyone that have contributed here in one way all the other, thank you all.

I will still leave the reply function open, incase anyone comes around with new ideas.