We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
Complete Topic View - Invisionfree Skinning; Posts, Post Details, Quote, Code, Edit, Signature, etc
Topic Started: Aug 6 2011, 07:55 AM (864 Views)
Leonardo
Member Avatar
Hakuna Matata
[ *  *  *  *  *  *  * ]

Posted Image

Anyone interesting in learning how to skin InvisionFree skins?
In this topic, just post questions up and share tips/tricks about skinning.
At the end of week we will try to complete bits and pieces of your first or even hundredth skin!
So join in on the fun!


Index Page
SectionPost
HeaderPost #12, Post #28
MaintitlePost #29
CellsPost #33


Forum View
SectionPost
CellsPost #2
WrapminiPost #2


Topic View
SectionPost
--
--


Completed Guides:
Offline Profile Quote Post Goto Top
 
Leonardo
Member Avatar
Hakuna Matata
[ *  *  *  *  *  *  * ]

Posted Image
Taken from http://docs.zetaboards.com/. Credits to Nicola.




Posts Link Bar
I usually make this the same as the titlemedium & pformstrip.

Original:
Code:
 
.postlinksbar { background-color:#D1DCEB;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://i1.ifrm.com/style_images/1/tile_sub.gif) }


You can edit it to:
Code:
 
.postlinksbar { background: #HEX url() top repeat-x; padding:#px; font-size:10px; color: #HEX; font-weight: bold }




post1 & post1
I also make this the same as the .rows so I can place them together.
Code:
 
.row1, .row2, .row3, .row4, .post1, .post2 { background: url(); border: #px solid #HEX; }


I also like to add some padding to the posts, just so that the text isn't touching the borders.
Code:
 
.post1, .post2 { padding: 10px; }




Will continue soon
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Creative Discussion · Next Topic »
Add Reply