Theme Preview "BlueSky"
This is for preview only and some links and features may not work.
Website Builder
If you are interested in using Home Page, click the Contact link and let me know. Also to offer up suggestions and ideas for improvement.
This is the place where I display all of the things I have added to the build. The content doesn't make sense because it's dummy content. I have plans to offer Home Page for download once I have completed the basic build. There will also be several add-on modules available for download. And, if it catches on I will continue adding more features. I don't expect to see much interest in Home Page but we'll see.
- Some of the features are:
- Auto installer
- Secure membership/login
- User account management
- Content Builder
- Content repositioning
- TinyMCE 7 WYSIWYG editor
- elFinder 2.1.65 media manager
- Admin direct editing feature
- Unique visitor counter
- Plugins to support the content
- Theme builder/editor
- Modules
I integrated TinyMCE 7 and elFinder 2.1.65 to work seamlessly and provide a way to build content on the index page, as you can see here.
When the Admin is logged in, the Direct Editing icon can be seen at the bottom of the articles and sidebar blocks. Click on the icon and have the direct editing window pop up. It allows for editing this content without leaving the page.
The articles and sidebar blocks can be repositioned by clicking the arrow icon. When the window opens simply drag the content item into its new position. If the dropdown menus are being used, links can also be repositioned within the dropdown link container or for the single links assigned to the menubar.
Features Explained
Home Page has features built in to assist you when building content using the TinyMCE editor.
I will add more to the list below.
|
This is an example of a table layout using 2 table data cells. When viewed on a mobile device the data cells remain side-by-side. Classes can be used to add a certain look to images and text. For images, the classes radius, and boxshadow can be added to the img tag. Other classes are border, center, left, right, and spacer. |
The result (radius and boxshadow)
|
Columns Explained
Using the preset columns to lay out the content is easy. Just use the CSS class of column1 through column6. See the code shown below for an example of how to do this.
This is an example of a 3-column layout using CSS class column3.
When viewed on a mobile device the columns fall below each other for better viewing. And it is much better than using a table.
