|
>>
|
No. 12111
File Removed
>>12109
yeah, it's a bit involved but not too complicated. Be sure to back up your templates first.
open up the *_thread and *_board_page templates for whatever board type you're working with. Basically you want to find where the html is and wrap elements in divs and assign them ids. It's difficult to be too specific because it depends on just how you want to change your layout.
Here is my img_thread template as an example:
http://pastebin.com/HxzuYDGz
You can see where I added classes for the first post elements (.postthumb, .firstthumb, .firstpost) and general elements like .xyz for post divs (I removed the tables) and .abc as a container for the entire page between the postform and the footer. IDs are exactly the same. I should have used IDs but I didn't.
Just about any html element you can add 'id="whatever"' to and have css effect it. After you add some ids, it's just a matter of setting some css values for those ids.
One other note about width: if you're using the table layout, you'll want to remove or change the float and width values already there for td.reply (i forget which stylesheet it's in.)
Get Firebug for Firefox (I'm sure Chrome has something too but I can't stand Chrome so I don't know) and it'll let you tweak the css without having to commit to anything. After you have some css that works you can cut and paste from the firebug window into your css file.
|