Jewel5
Regular poster
Registered: 08-2007
Location: Hooterville USA
Posts: 179
Karma: 14 (+14/-0)
|
Reply | Quote
|
|
Forum and Topic Borders
Is there a way to use a border image instead of just a color? I would like to use a strip/ribbon on my forum and topic tables.
Thanks in advance!
Jewel
Practice Board
Edited to add board link.
Last edited by Jewel5, 2/11/2014, 12:39 am
|
2/11/2014, 12:30 am
|
Link to post
PM Jewel5
|
Pastor Rick
Moderator
Registered: 07-2005
Location: Texas
Posts: 10257
Karma: 272 (+331/-59)
|
Reply | Quote
|
|
Re: Forum and Topic Borders
Hi Jewel,
I cannot see your practice board so I'll just have to "wing it." The short answer is no, you can not use a image for the border. But you CAN fake it in three ways.
The first way is to use a graphic image set or tied to a content or wrapper div in your HTML and then style the div using CSS. That is the way we had to do it in the past.
The second way is to use the CSS box-shadow to simulate the ribbon graphic. The coding for this will look huge but you can do some amazing things that way.
The third way is to use a background graphic that the forum and topic lists sit on top of.
Examples:
method #1 is almost simulated in the Celtic Challenge skin.
method #2 is almost simulated on a board I am currently building over here though I used the box-shadow there to circle the whole board AND I kept the shadow really simple.
method #3 is used in the Candy Land skin.
|
2/11/2014, 2:47 am
|
Link to post
Email Pastor Rick
PM Pastor Rick
Blog
|
Pastor Rick
Moderator
Registered: 07-2005
Location: Texas
Posts: 10257
Karma: 272 (+331/-59)
|
Reply | Quote
|
|
Re: Forum and Topic Borders
Dag dab it I hit the submit button instead of the preview button!
If you take a look at the three ways to do this and decide which one you want to try then either Lesigner Girl or I can help on the coding side.
|
2/11/2014, 3:02 am
|
Link to post
Email Pastor Rick
PM Pastor Rick
Blog
|
Pastor Rick
Moderator
Registered: 07-2005
Location: Texas
Posts: 10257
Karma: 272 (+331/-59)
|
Reply | Quote
|
|
Re: Forum and Topic Borders
You might get tired of me... I totally forgot about CSS3's border-image property that lets you use a image for your border but the way it works is tricky. Do you want the ribbon to go all the way around the forum and topics lists?
|
2/11/2014, 3:18 am
|
Link to post
Email Pastor Rick
PM Pastor Rick
Blog
|
Lesigner Girl
Global Administrator
Head of Runboard staff
Registered: 11-2005
Posts: 26740
Karma: 436 (+489/-53)
|
Reply | Quote
|
|
Re: Forum and Topic Borders
That last one would be a great idea, but unfortunately, more than 65% of our Internet Explorer users wouldn't be able to see border-image, thanks to Microsoft dragging their heels as usual.
quote: The border-image property is supported in Internet Explorer 11, Firefox, Chrome, and Safari 6.
Opera supports an alternative, the -o-border-image property.
Safari 5 supports an alternative, the -webkit-border-image property.
|
2/11/2014, 3:17 pm
|
Link to post
Email Lesigner Girl
PM Lesigner Girl
Blog
|
Jewel5
Regular poster
Registered: 08-2007
Location: Hooterville USA
Posts: 179
Karma: 14 (+14/-0)
|
Reply | Quote
|
|
Re: Forum and Topic Borders
Uh...I'll just stay with the colors.
Thank you Pastor and LG.
Jewel
|
2/12/2014, 3:39 am
|
Link to post
PM Jewel5
|
Pastor Rick
Moderator
Registered: 07-2005
Location: Texas
Posts: 10257
Karma: 272 (+331/-59)
|
Reply | Quote
|
|
Re: Forum and Topic Borders
You're welcome Jewel,
If I think of anything else I'll let you know.
|
2/12/2014, 4:40 am
|
Link to post
Email Pastor Rick
PM Pastor Rick
Blog
|
Lesigner Girl
Global Administrator
Head of Runboard staff
Registered: 11-2005
Posts: 26740
Karma: 436 (+489/-53)
|
Reply | Quote
|
|
Re: Forum and Topic Borders
What about something like this? (See code here)
|
2/12/2014, 12:22 pm
|
Link to post
Email Lesigner Girl
PM Lesigner Girl
Blog
|
Susa
Global Administrator
Registered: 07-2006
Location: Oχάιο
Posts: 4623
Karma: 128 (+137/-9)
|
Reply | Quote
|
|
Re:
What about borders like on my practice board. http://bsusapracticeboard.runboard.com/
|
2/12/2014, 1:33 pm
|
Link to post
PM Susa
Blog
|
Lesigner Girl
Global Administrator
Head of Runboard staff
Registered: 11-2005
Posts: 26740
Karma: 436 (+489/-53)
|
Reply | Quote
|
|
Re: Forum and Topic Borders
Pat and Jewel's Place has hearts going down the sides.
|
2/12/2014, 2:43 pm
|
Link to post
Email Lesigner Girl
PM Lesigner Girl
Blog
|