UBB.Dev
Posted By: Lane Bookified Templates - 08/24/2003 3:52 AM
Hello, just finished these ones up. Currently the only stylesheet I have completed is Mocha, but more are in progress.

Demo: HERE!!
Thanks to: Dalantech - his Facelift for Threads templates were used as a base in creating these, be sure to check them out.
AllenAyres - Thanks for the testing area.

Before uploading the files included in the zip file you must open the stylesheet (mocha.css) in a text editor and replace each instance of the text "basedir" with the base directory of your forum. Save that then upload all of the files in their corresponding directories. If you would like the header seen on the demo, upload the header.php file in the includes directory. If not, then don't upload it. Set your stylesheet as mocha in the control panel, and also change the cellspacing to 0 in the edit theme settings area of the control panel. If you have any problems please post them in the thread created at ubbdev.com.

Attached File
92770-mocha.zip  (51 downloads)
Posted By: AllenAyres Re: Bookified Templates - 08/24/2003 4:10 AM
sweet
Posted By: JustDave Re: Bookified Templates - 08/24/2003 4:44 AM
I'll second that! SWEET!
Posted By: JoshPet Re: Bookified Templates - 08/24/2003 6:00 AM
Very nice Lane!!! Thanks!
Posted By: AKD96 Re: Bookified Templates - 08/25/2003 1:19 PM
Very nice Bookie! Makes me want some hot chocolate...
Posted By: Conrad Re: Bookified Templates - 08/25/2003 10:07 PM
Nice one! Lane, did you do the 3D effect yourself? Also, is it fairly easy to toggle the colours and still hold on to that effect?
Posted By: Lane Re: Bookified Templates - 08/26/2003 1:08 AM
[]Conrad said:
Nice one! Lane, did you do the 3D effect yourself? Also, is it fairly easy to toggle the colours and still hold on to that effect? [/]

Yes, it is fairy easy to do using CSS. What I did for the bevels on the tdheader of this sheet was set the border-top and border-left to 2px solid with the color. If you just want to apply this effect to some cells you could use the following:

Code
 <br />.bevel { <br />  background-color: #cccccc; <br />  border-left: 2px solid #ffffff; <br />  border-top: 2px solid #ffffff; <br />  border-bottom: 1px solid #999999; <br />  border-right: 1px solid #999999; <br />} <br /> 


All you would have to do would be to change the colors. I recommend making the light border colors (top and left) about 2 or 3 hex values higher than the background, and the dark ones (bottom and right) to be 2 hex values lower than the background.
Posted By: Dalantech Re: Bookified Templates - 08/28/2003 8:51 AM
Excellent!!!!!

I may steal the bevel for my own css
© UBB.Developers