ALL YOU CAN DO WITH HTML BLOCK TABLES!!

Hello everyone,

I want to create a thread here where admins, designers, developers etc. will share their knowledge and creations with html block tables. I have seen several block designs being done with tables which are quite awesome to use because they break up the boring columns/blocks pattern most of dolphin admins use.

Also, I think it will be very good to share all the tricks and tips you can do with tables on TinyMCE so that other users will know how to use the tables to design better blocks for their websites.

Here is an example of what can be done with html block table,...notice the 2 columns block which I still didn't figure out how its done...http://www.radomsko24.pl/  this is one of the best dolphin sites in my opinion.

I will appreciate any tip, trick, advice, photo etc of things you know that can be accomplished with tables.

Thanks guys.

 

 

Sometimes communicating your problem and putting it out there is enough to solve it
Quote · 24 Jul 2012

That two column block is not actually a two column block. It's trickery done with CSS.

When i get some time i will work on a demonstration on how to do it.

They put the css in the dolphin code somwhere, but i am pretty sure i can do it with normal CSS in one of the css files.


https://www.deanbassett.com
Quote · 24 Jul 2012

The admin of this website said that the 2 column block is a custom mod he created and he gets this result by using 2 html blocks placed side by side.

Anything you can do to add more options with html blocks is very appreciated and also very needed for everyone.

Sometimes communicating your problem and putting it out there is enough to solve it
Quote · 25 Jul 2012

 I started to get some ideas ...http://www.youtube.com/watch?feature=player_embedded&v=2xg50gMWQqc#!

 

That two column block is not actually a two column block. It's trickery done with CSS.

When i get some time i will work on a demonstration on how to do it.

They put the css in the dolphin code somwhere, but i am pretty sure i can do it with normal CSS in one of the css files.


 

Sometimes communicating your problem and putting it out there is enough to solve it
Quote · 25 Jul 2012

Two boxes next to each other in left column. I did it in two places in left column.

Left column layout.

Site Highlights
Members AND Spy (Two boxes next to each other)
Categories
Shoutbox AND Tags (Two boxes next to each other)
Boonex News


I used only CSS for this trick. Problem is, css will have be be changed if the blocks are moved.

http://www.deanbassett.com



https://www.deanbassett.com
Quote · 25 Jul 2012

 Is it applicable to any 2 block you choose on homepage?

 

Two boxes next to each other in left column. I did it in two places in left column.

Left column layout.

Site Highlights
Members AND Spy (Two boxes next to each other)
Categories
Shoutbox AND Tags (Two boxes next to each other)
Boonex News


I used only CSS for this trick. Problem is, css will have be be changed if the blocks are moved.

http://www.deanbassett.com



 

Sometimes communicating your problem and putting it out there is enough to solve it
Quote · 26 Jul 2012

Pretty much. Yes.

https://www.deanbassett.com
Quote · 26 Jul 2012

 Looks like a good solution and it opens up more options. I'll be buying it if you had a mod for that but I guess its better to wait for 7.1 and do it afterwards.

Thanks Dean.

Pretty much. Yes.

 

Sometimes communicating your problem and putting it out there is enough to solve it
Quote · 27 Jul 2012

Dean, I copy/paste the html codes I found here http://www.entheosweb.com/website_design/table_tricks.asp

onto this thread with the intention to present what can be done with html block but it doesn't show properly.

Do you know why?

Sometimes communicating your problem and putting it out there is enough to solve it
Quote · 27 Jul 2012

Most likley the tinymce editor is mangling it. My best guess.



https://www.deanbassett.com
Quote · 27 Jul 2012

Replace your /administration/js/page_builder_tiny.js with this one, clear all cache folders, and it will work.

page_builder_tiny.js · 1.5K · 136 downloads
My opinions expressed on this site, in no way represent those of Boonex or Boonex employees.
Quote · 27 Jul 2012

 Same old html stripping the code lines....Thanks Dean!!

 

Most likley the tinymce editor is mangling it. My best guess.



 

Sometimes communicating your problem and putting it out there is enough to solve it
Quote · 27 Jul 2012

 Houston thanks man but I'm talking about applying the html right here on this forum thread. I want to create a long thread with html design options and I thought it would be nice to present/display what can be done with html...

Replace your /administration/js/page_builder_tiny.js with this one, clear all cache folders, and it will work.

 

Sometimes communicating your problem and putting it out there is enough to solve it
Quote · 27 Jul 2012

 OK then... don't make the change.  Since you asked why your pasted code didn't behave as expected, I figured you might want the fix.  Silly Me... what was I thinking.

 

 

 

 

 Houston thanks man but I'm talking about applying the html right here on this forum thread. I want to create a long thread with html design options and I thought it would be nice to present/display what can be done with html...

Replace your /administration/js/page_builder_tiny.js with this one, clear all cache folders, and it will work.

 

 

My opinions expressed on this site, in no way represent those of Boonex or Boonex employees.
Quote · 28 Jul 2012
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.