|
We can use javascript to add our own solid color backgrounds plus our own text color, link and vlink colors. You will need to choose a solid color page style like the grey one.
Now, let's discuss adding our own solid color background to Pagebuilder. Go to your Pagebuilder webpage. Choose "add an item" and then "heading". Put this code in a heading box all by itself. I also included a javascript warning, since proper view requires that the javascript is enabled. Be sure to keep the opening and closing html tags with the rest of the code. There are other javascript codes to add your own text color, link color and vlink color. We can combine those codes along with the background color code to have this: Fill in your color values for bgColor or background color, fgColor or text color, link color and vlink color. You can use a hexidecimal code like #000000 for black or a color name like orange. You will need to put these codes on every page that you want to customize. |
| Here are the steps to install your basic editor using the noscript tag method. What we're doing is using the noscript tags to deactivate the Pagebuilder template codes. This method will deactivate the preset body tag with it's settings for webpage background color or image, text color, link and vlink colors. This will allow you to put in your own webpage settings for those items. 1. Create your webpage 2. Choose the page style that most suits your alignment needs, if you wish to use more than one heading or text box on your page. Otherwise, it doesn't matter. 3. Put in your title for your page. Choose not to show it on the page. Press publish. This will create an URL without the AE coding. Go back to your edit section. 4. Choose "add an item" and "heading". 5. Put this code in your heading box: Fill in the background color, text color, link and vlink colors as you see fit. Your new text and color settings won't show up in edit, but will in preview and on the page. 6. If you want an image background, simply add background="URL" to the body tag like this:. The entire code to place in your heading box, along with the background would look something like this: You don't need to have the bgcolor code, if you're using an image background but it's useful for those browsers that can't see images or have thier image viewer turned off. You'll need to find your scrapbook URL to add your own image background.. Here's my tutorial on How To Find Your Scrapbook URL. 7. This next step is very important. Do not forget to do this. Press the "change title" link to add the beginning part of your advanced editor code. Put this code in with your title like this: And, then republish to activate the advanced editor codes. 8. If you want to have multiple pages created by page breaks, in order to continue with the advanced editor method on the next page, you will need to put Much thanks goes to JaxRed, who discovered the noscript advanced editor method and generously shared it with others. Here are his two main tutorials on the subject. http://community-2.webtv.net/jaxred/noscript/ JaxRed's Multippage Advanced Editor Tutorial http://community-2.webtv.net/jaxred/NSMulPge/" Of course, H17 or Uncle Hughy discovered the original advanced editor that first allowed us to use more customized coding with Pagebuilder! Much thanks, Uncle Hughy! |