Program Manual & Tips

Admin Administrator Posts: 219	Program Manual & Tips Sept 9, 2017 23:03:57 GMT Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by Admin on Sept 9, 2017 23:03:57 GMT BlekiSOFT's RetroCSS v5.0 Developer Edition > Read FAQ > Skin gallery and files > How to download and open skin files > Download BlekiSOFT's RetroCSS v5.0 Developer Edition
	Last Edit: Aug 19, 2019 21:27:36 GMT by Admin

Admin
Administrator

Posts: 219

Program Manual & Tips Sept 9, 2017 23:05:08 GMT

Post by Admin on Sept 9, 2017 23:05:08 GMT

Wrapper Control

BlekiSOFT RetroCSS version 1.2 is coming with new option for the control of the so-called wrapper. The full wrapper covers and area above the banner (illustration 1).

Ilustration 1 - full (program default) wrapper

Wrapper options are turned off in the initial program settings. If you want to change colors in wrapper area, you must turn this option on with "Turn On Wrapper" button.

In order to deactivate fhe forum wrapper, press the button "Turn Off Wrapper":

Wrapper Border Color Button

Select Wrapper Border Style

Last Edit: Aug 19, 2019 19:26:57 GMT by Admin

Admin
Administrator

Posts: 219

Program Manual & Tips Sept 16, 2017 13:31:45 GMT

Post by Admin on Sept 16, 2017 13:31:45 GMT

Adding Background Images

Important note: Images are not visible in program live preview but their links are included in your code and you will see them on your forum. The program will show you only a thumbnail indicator of pasted image link.

BlekiSOFT's RetroCSS:

1. - Wrapper Background Image;
2. - Forum Front Table Background Image;
3. - Forum Header Table Background Image;
4. - Topic Rows Background Image;
5. - Post 1 Background Image;
6. - Post 2 Background Image;
7. - Forum Background Image

The Image Field activation - Mouse Click On Fields.

Adding Background Images:

Insert Image Url then press the OK Button, or leave blank space to delete previous image.

Tray notification balloon "Image Added!"

Tray notification balloon "Image Added!" will pop up, which indicates that you have successfully entered the data.

The Final result:

> Program Graphic Resources

Last Edit: Aug 19, 2019 20:50:03 GMT by Admin

Admin
Administrator

Posts: 219

Program Manual & Tips Oct 19, 2017 11:17:59 GMT

Post by Admin on Oct 19, 2017 11:17:59 GMT

Changing Of The Forum Colors

Color-picker Buttons:

1. Wrapper Backgrond Color Button;
2. Forum Header Table Backgrond Color Button;
3. Front Forum Table Background Color Button;
4. Topic Row 1 Background Color Button;
5. Topic Row 2 Background Color Button;
6. Post 1 Background Color Button;
7. Post Quote Background Color Button;
8. Post 2 Background Color Button;
9. Forum Background Color Button;

A Forum Header Table Font Color;
B Forum Link Font Color;
C Forum Description Font Colo;
D Topic Link Font Color;
E Wrapper Border Color;
F Topic Title, Forum Name & Category Font Color;
G Mark All Read Font Color;
H Post Content Font Color;
I Link Hover Color;
J Forum Table Border Color;

RGB color input via color picker

Hex color input

"Magic Wand"

- adds linear-gradient background in forum header table and in top navigation bar table.

Select Gradient Type

Changing Of The Forum Font-Family

Changing Of The Forum Font-size

Changing Of The Post direction/orientation

Changing Of The Forum Width

Changing Of The post Avatar size and type

The Post Buttons

Text Input box background color

Add New Post/Unread Image

Recommended image dimensions:

50x50px (Max)
32x32px (Min)

Drag and Drop Background Image (v5.0)

1. Run BS RetroCSS v5.0;
2. Open a folder on your PC;

3. Select some image;
4. Drag image with mouse and drop it on the program window;

5. Testing forum colors in transparent mode:

P.S. Drag and Drop background Image is only program preview option that make your Forum design easier, especially if you use background images.

Allowed image extensions:*.jpg;*.gif;*.bmp;*.png';

Open, Save Skin and ExportCSS options

> How to download and open skin files
> Skin gallery and files

Last Edit: Aug 19, 2019 21:12:11 GMT by Admin

Admin
Administrator

Posts: 219

Program Manual & Tips Oct 19, 2017 11:22:08 GMT

Post by Admin on Oct 19, 2017 11:22:08 GMT

How to create and add custom CSS code?

When you want to make the output CSS code as a result of your previous settings, press the button Generate CSS and the result will appear in a box at the top right corner of the program window. At the same time, you will also receive a notification in the form of tray balloon with the message "CSS Code Generated!"

Where should I put the CSS code?

1. First login to your forum as the Administrator;

2. Click the option Manage Settings in the upper-left corner of the Forum and select the option ACP;

3. Then you must to re-authenticate yourself;

4. Successful re-authentication will open the Administrative Control panel which in its upper right corner has a tab with the name EXTENSIONS;

5. Click on the tab EXTENSIONS;

6. Copy the previously generated code from program and paste into the empty box, then click the Submit button to save changes.

After that your code is ready and you can go to the forum to see the result of your forum customization.

7. Press Display Mode "Customized" Button (at the bottom of your Forum Sidebar - marked red on illustration);

How to remove custom CSS code from my forum?

Procedure for the removal of the CSS code is identical to the previous, except you must to remove all code from EXTENSIONS custom box (to leave the blank field in the box) then press Submit button. This will return default forum layout.

> Read FAQ
> Program Graphic Resources
> How to download and open skin files
> Skin gallery and files
> Download BlekiSOFT's RetroCSS v5.0 DevEd

Trademark Legal Notice

All product names, logos, and brands are property of their respective owners. All company, product and service names used in this website are for identification purposes only. Use of these names, logos, and brands does not imply endorsement.

Last Edit: Aug 19, 2019 21:14:35 GMT by Admin

Program Manual & Tips

Post by Admin on Sept 9, 2017 23:03:57 GMT

Post by Admin on Sept 9, 2017 23:05:08 GMT

Post by Admin on Sept 16, 2017 13:31:45 GMT

Post by Admin on Oct 19, 2017 11:17:59 GMT

Post by Admin on Oct 19, 2017 11:22:08 GMT