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 |
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 |
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 |
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 |
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 |
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 |
https://www.deanbassett.com |
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.
Sometimes communicating your problem and putting it out there is enough to solve it |
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 |
Most likley the tinymce editor is mangling it. My best guess.
https://www.deanbassett.com |
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. |
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 |
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 |
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. |