Does phpbb3 support border-image??

For support and discussion related to templates, themes, and imagesets in phpBB 3.0.
Scam Warning
Locked
piegus
Registered User
Posts: 31
Joined: Mon Dec 17, 2007 10:22 pm

Does phpbb3 support border-image??

Post by piegus »

I dont know so i'm asking. Does PhpBB3 support for css3 where's:

Code: Select all

border-image: 
border-top-image
border-right-image
border-bottom-image
border-left-image
border-top-left-image
border-top-right-image
border-bottom-left-image
border-bottom-right-image

User avatar
Brf
Support Team Member
Support Team Member
Posts: 51997
Joined: Tue May 10, 2005 7:47 pm
Location: {postrow.POSTER_FROM}
Contact:

Re: Does phpbb3 support border-image??

Post by Brf »

It is not up to phpBB3 to support your CSS tags.
It would be up to your reader's webbrowsers, since the webbrowser is what is interpreting the tags.

piegus
Registered User
Posts: 31
Joined: Mon Dec 17, 2007 10:22 pm

Re: Does phpbb3 support border-image??

Post by piegus »

Ok. So can i put smt like this into css??
Is it possible that some script will detect that webbrowser supprt this css3 and turn it ON or OFF?

User avatar
SwapsRulez
Registered User
Posts: 163
Joined: Sun Sep 16, 2007 5:48 am

Re: Does phpbb3 support border-image??

Post by SwapsRulez »

Surely you can.... look here...

Code: Select all

.top-left, .top-right, .bottom-left, .bottom-right { 
   height: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
   weidth: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
   font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
   }
   
.top-left { 
   background-image: url("{T_THEME_PATH}/images/corners_top.gif"); background-repeat:no-repeat; /* CHANGE: path and name of your image */
   background-position: 0 -20px; /* CHANGE: replace second number by negative height of one of your corners */
   margin-left: 2px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: 0px;  /* CHANGE: replace by the height of one of your corners */
   margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
   }
.top-right { 
   background-image: url("{T_THEME_PATH}/images/corners_top.gif"); background-repeat:no-repeat; /* CHANGE: path and name of your image */
   background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
   margin-left: 0px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
   margin-right: 0px; /* CHANGE: replace by the width of one of your corners */   
   }
.top-center { 
   background-image: url("{T_THEME_PATH}/images/bg_headers.gif"); /* CHANGE: path and name of your image */
   background-position: 0 0px; /* CHANGE: replace second number by negative height of one of your corners */
   height: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
   weidth: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
   font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
   margin-left: 20px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: -20px;  /* CHANGE: replace by the height of one of your corners */
   margin-right: 20px; /* CHANGE: replace by the width of one of your corners */ 
   margin-bottom: -20px; /* CHANGE: replace by the width of one of your corners */ 
   }
   
.bottom-left  { 
   background-image: url("{T_THEME_PATH}/images/corners_bottom.gif"); background-repeat:no-repeat; /* CHANGE: path and name of your image */
   background-position: 0 0px; /* CHANGE: replace second number by negative height of one of your corners */
   margin-right: 0px; /* CHANGE: replace by the width of one of your corners */
   margin-left: 2px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: 0px;  /* CHANGE: replace by the height of one of your corners */
   }
.bottom-right { 
   background-image: url("{T_THEME_PATH}/images/corners_bottom.gif"); background-repeat:no-repeat; /* CHANGE: path and name of your image */
   background-position: 100% -20px; /* CHANGE: replace second number by negative height of one of your corners */
   margin-right: 0px; /* CHANGE: replace by the width of one of your corners */
   margin-left: 0px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: -20px;  /* CHANGE: replace by the height of one of your corners */
   }
.bottom-center { 
   background-image: url("{T_THEME_PATH}/images/bg_footers.gif"); /* CHANGE: path and name of your image */
   background-position: 0 0px; /* CHANGE: replace second number by negative height of one of your corners */
   height: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
   weidth: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
   font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
   margin-left: 20px;  /* CHANGE: replace by the width of one of your corners */
   margin-top: -20px;  /* CHANGE: replace by the height of one of your corners */
   margin-right: 20px; /* CHANGE: replace by the width of one of your corners */ 
   margin-bottom: -20px; /* CHANGE: replace by the width of one of your corners */ 
   }

.inside {
   border-left: 0px solid #000000; /* YCC: color & properties of the left-borderline */
   border-right: 0px solid #000000;/* YCC: color & properties of the right-borderline */
   background: #FFFFFF;            /* YCC: background-color of the inside */
   color: #000000;                 /* YCC: default text-color of the inside */
   padding-left: 0px;              /* YCC: all texts at some distance of the left border */
   padding-right: 0px;             /* YCC: all texts at some distance of the right border */
   background-image: url("{T_THEME_PATH}/images/bg_body.gif"); /* CHANGE: path and name of your image */
   }
   
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: 0; } /* DNC: to avoid splitting of the box */

.outside {
   margin: 0 auto;
   width : 950px;
   }

User avatar
Brf
Support Team Member
Support Team Member
Posts: 51997
Joined: Tue May 10, 2005 7:47 pm
Location: {postrow.POSTER_FROM}
Contact:

Re: Does phpbb3 support border-image??

Post by Brf »

SwapsRulez wrote:Surely you can.... look here...
Your example does not contain any of the css-tags that piegus was asking about.

piegus
Registered User
Posts: 31
Joined: Mon Dec 17, 2007 10:22 pm

Re: Does phpbb3 support border-image??

Post by piegus »

Brf you have right. But I looked over several pages and find similar code.
SwapsRulez wrote:Surely you can.... look here...

Code: Select all

all.top-left, .top-right, .bottom-left, .bottom-right {    height: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */   weidth: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */   font-size: 2px;    /* DNC: correction IE for height of the <div>'s */   }   .top-left {    background-image: url("{T_THEME_PATH}/images/corners_top.gif"); background-repeat:no-repeat; /* CHANGE: path and name of your image */   background-position: 0 -20px; /* CHANGE: replace second number by negative height of one of your corners */   margin-left: 2px;  /* CHANGE: replace by the width of one of your corners */   margin-top: 0px;  /* CHANGE: replace by the height of one of your corners */   margin-right: 9px; /* CHANGE: replace by the width of one of your corners */   }.top-right {    background-image: url("{T_THEME_PATH}/images/corners_top.gif"); background-repeat:no-repeat; /* CHANGE: path and name of your image */   background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */   margin-left: 0px;  /* CHANGE: replace by the width of one of your corners */   margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */   margin-right: 0px; /* CHANGE: replace by the width of one of your corners */      }.top-center {    background-image: url("{T_THEME_PATH}/images/bg_headers.gif"); /* CHANGE: path and name of your image */   background-position: 0 0px; /* CHANGE: replace second number by negative height of one of your corners */   height: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */   weidth: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */   font-size: 2px;    /* DNC: correction IE for height of the <div>'s */   margin-left: 20px;  /* CHANGE: replace by the width of one of your corners */   margin-top: -20px;  /* CHANGE: replace by the height of one of your corners */   margin-right: 20px; /* CHANGE: replace by the width of one of your corners */    margin-bottom: -20px; /* CHANGE: replace by the width of one of your corners */    }   .bottom-left  {    background-image: url("{T_THEME_PATH}/images/corners_bottom.gif"); background-repeat:no-repeat; /* CHANGE: path and name of your image */   background-position: 0 0px; /* CHANGE: replace second number by negative height of one of your corners */   margin-right: 0px; /* CHANGE: replace by the width of one of your corners */   margin-left: 2px;  /* CHANGE: replace by the width of one of your corners */   margin-top: 0px;  /* CHANGE: replace by the height of one of your corners */   }.bottom-right {    background-image: url("{T_THEME_PATH}/images/corners_bottom.gif"); background-repeat:no-repeat; /* CHANGE: path and name of your image */   background-position: 100% -20px; /* CHANGE: replace second number by negative height of one of your corners */   margin-right: 0px; /* CHANGE: replace by the width of one of your corners */   margin-left: 0px;  /* CHANGE: replace by the width of one of your corners */   margin-top: -20px;  /* CHANGE: replace by the height of one of your corners */   }.bottom-center {    background-image: url("{T_THEME_PATH}/images/bg_footers.gif"); /* CHANGE: path and name of your image */   background-position: 0 0px; /* CHANGE: replace second number by negative height of one of your corners */   height: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */   weidth: 20px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */   font-size: 2px;    /* DNC: correction IE for height of the <div>'s */   margin-left: 20px;  /* CHANGE: replace by the width of one of your corners */   margin-top: -20px;  /* CHANGE: replace by the height of one of your corners */   margin-right: 20px; /* CHANGE: replace by the width of one of your corners */    margin-bottom: -20px; /* CHANGE: replace by the width of one of your corners */    }.inside {   border-left: 0px solid #000000; /* YCC: color & properties of the left-borderline */   border-right: 0px solid #000000;/* YCC: color & properties of the right-borderline */   background: #FFFFFF;            /* YCC: background-color of the inside */   color: #000000;                 /* YCC: default text-color of the inside */   padding-left: 0px;              /* YCC: all texts at some distance of the left border */   padding-right: 0px;             /* YCC: all texts at some distance of the right border */   background-image: url("{T_THEME_PATH}/images/bg_body.gif"); /* CHANGE: path and name of your image */   }
Can you tell me that this will work on every browser??
Does this code of CSS is supported by IE, Opera & Firefox ??
Last edited by stickerboy on Thu Jan 10, 2008 12:42 pm, edited 1 time in total.
Reason: Fixed quote to show code in [code] tags ;)

chandlerou
Registered User
Posts: 233
Joined: Thu May 24, 2007 3:32 am

Re: Does phpbb3 support border-image??

Post by chandlerou »

LOL @ That quote...
We are looking for talented stylers to join our team! PM Me for Details!
Current Project: Aphotic Umbra: Age of Conan

piegus
Registered User
Posts: 31
Joined: Mon Dec 17, 2007 10:22 pm

Re: Does phpbb3 support border-image??

Post by piegus »

bug in quoting code??

User avatar
Brf
Support Team Member
Support Team Member
Posts: 51997
Joined: Tue May 10, 2005 7:47 pm
Location: {postrow.POSTER_FROM}
Contact:

Re: Does phpbb3 support border-image??

Post by Brf »

piegus wrote:Brf you have right. But I looked over several pages and find similar code.
But the quote had nothing to do with "similar code". It was very specifically asking whether we could use border-xxx-image style tags in CSS, which none of your examples use.

If you are saying those border-xxx-image tags are actually classes, and not style parameters, then the answer is also that it is irrelevant, because you can always use whatever class tags you want.

Locked

Return to “[3.0.x] Styles Support & Discussion”