Multi
Multi
Adding Image Borders Using CSS and HTML; InvisonFree (ZetaBoards possibly)
Topic Started: Tuesday, 29. March 2011, 00:19 (348 Views)
Hostix
Member Avatar
Level 4
Adding Image Borders

Have you seen a skin with these fancy image borders and wanted to be able to do that? Using CSS and HTML, we can use image borders instead of the plain old borders. You can create some very slick looking skins using this technique.

Paste this into your CSS (this may not work in ZetaBoards--translate it!)
Code:
 
.maintable { width: 750px; background-color: #EAEAEB }
.borderleft { width: 30px; background-color: #EAEAEB; background-image: url(http://i4.ifrm.com/7068/185/upload/p131586.gif); background-position: right; }
.borderright { width: 30px; background-color: #EAEAEB; background-image: url(http://i4.ifrm.com/7068/185/upload/p131628.gif); background-position: left; }


This goes in the Board Wrappers (or Layout if trying in ZB):

Code:
 
<center><table cellpadding="4" cellspacing="0"><tr><td class="borderleft"></td><td class="maintable">


You will also need the following code in the Footer. If you do not add it, the left border will look horrible:
Code:
 
</td><td class="borderright"></td></table></center>
Off
Profile
Quote
Top
 
Joe
Member Avatar
Hi.
Good stuff Hostix. :)
Joe
Off
Profile
Quote
Top
 
Andrew
Member Avatar
ぼくたちがすべてはばか。
I would just like to point out that CSS is CSS regardless of where it is used and does not need to be "translated" though I have no idea what you mean by "translate".
Posted Image

Professional web design/development services.http://wildandrewlee.com/
Off
Profile
Quote
Top
 
tokyodrift
Member Avatar
Level 9
Outline Documentations
T H E M E S

Documentation accepted in to the Themes database
Off
Profile
Quote
Top
 
Hostix
Member Avatar
Level 4
Pro
Wednesday, 27. April 2011, 01:40
I would just like to point out that CSS is CSS regardless of where it is used and does not need to be "translated" though I have no idea what you mean by "translate".
By that I just mean editing the names according to the software, just in case there is a default entry called ".leftborder" in which case this would look really bad.
Off
Profile
Quote
Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Coding & Development · Next Topic »

Welcome Guest [Log In] [Register]
Outline Live
Loading..
Loading..