The Complete HOW TO for IPB 3.0 Styles

[Brandon]

TABLE OF CONTENT:

 

SECTION 1 - Changing colors

 

1. Board background

2. Maintitle bars

3. Table column headers

4. Rows 5. Footer

6. Posts7. Fast reply

8. Full Editor

9. Admin bar

10. Primary navigation bar

11. Branding background

12. User navigation bar

13. Moderation bars

14. Quick Stats bars

15. Primary navigation bar active tab

16. Search button

17. Topic buttons

18. Post button

19. Use Full Editor button

20. New content bar

21. User navigation bar drop-down menu

22. My Profile

23. My Settings

24. Messenger

25. Manage Friends

26. Miscellaneous

 

• A. Info mark
  
• B. Message box border
  
• C. Page numbers
  
• D. Topic prefix
  
• E. My Profile "Update" button
  
• F. "Find Posts" message border
   
  

SECTION 2 - text and fonts

1. General info

2. Admin bar and Primary nav bar3. Secondary navigation bar

4. Maintitle

5. Main page columns titles

6. Forums

7. Footer

 

 

SECTION 3 - other edits1. Rounded corners

2. Margin

3. Padding

.......................................................................

 

Both pages attached in PDF format (zipped)================================================================================================================================

 

NOTE

It is very advisable to include a comment, while you're making any changes. If something goes wrong, you'll know exactly what you changed.

You can include any comment in your skin script, if you wrap it in this:

/* comment */

Anything between /* */ is not executable.

 

Example:

 

/* ELEMENT STYLES */

body {
background: #C0C0C0; /* changed from #fff */<-----this is not executable comment

================================================================================================================================ Attached File(s)

 

 

[/code]

• Invision Power Board 3 (IPB 3) skinning and editing - page 2.zip (1.28MB)
   
   
  
• Invision Power Board 3 (IPB 3) skinning and editing - page 1.zip (1.88MB)
   
  

Here is the source of this Great IPB Tutorial.