Publishing System Settings Logout Login Register
IPB 2.2 Forum Skinning Guide! Inc. Complete CSS Guide!
TutorialCommentsThe AuthorReport Tutorial
Tutorial Avatar
Rating
Add to Favorites
Posted on January 23rd, 2007
17584 views
General Website Development


Modifying the Stylesheet


Now I am going to show you how you can edit the stylesheet. There is 2 ways of doing.

Never edit the stylesheet manually, always edit it through the ACP!


If you are advanced enough, you can do the advanced way. If you are new to CSS, I recommend you use the basic way if this is your first time.

Using the basic way, can ruin your CSS code if you have edited it using the advanced way before!


Anyway, Select the drop down menu next to your skin again.



Now choose either the advanced or easy mode. If you select easy mode, you will get lots of boxes like the following:



Where you select the font color and the background, and put any other attributes in the box to the right. If you want to edit your skin CSS using this method, for each class you change the colours to how you want them. You will pick it up very quickly, and will be able to move on to the advanced mode very quickly. If you want to go straight into the advanced mode, you dont get all these boxes. You get the contents of the stylesheet.

If you chose advanced, you will now see something like this:



If you scroll down on the box shown above, you will see the entire stylesheet. You can now edit each style as you please, and when your done just save it. You can add more styles if you need. To learn more about editing the CSS, look out for that further in the tutorial!

Now you know how to edit the CSS.

Next in this tutorial, you will learn how to edit the HTML.

Next Page
Pages: 1 2 3 4 5 6
Dig this tutorial?
Thank the author by sending him a few P2L credits!

Send
Adam

This author is too busy writing tutorials instead of writing a personal profile!
View Full Profile Add as Friend Send PM
Pixel2Life Home Advanced Search Search Tutorial Index Publish Tutorials Community Forums Web Hosting P2L On Facebook P2L On Twitter P2L Feeds Tutorial Index Publish Tutorials Community Forums Web Hosting P2L On Facebook P2L On Twitter P2L Feeds Pixel2life Homepage Submit a Tutorial Publish a Tutorial Join our Forums P2L Marketplace Advertise on P2L P2L Website Hosting Help and FAQ Topsites Link Exchange P2L RSS Feeds P2L Sitemap Contact Us Privacy Statement Legal P2L Facebook Fanpage Follow us on Twitter P2L Studios Portal P2L Website Hosting Back to Top