Runboard.com
You're welcome.
Runboard Extra! The Runboard Directory Runboard Knowledge Base
Chat room Runboard Knowledge Base (wiki) Search Facebook Twitter





runboard.com       You are not logged in.

 
Jewel5 Profile
Live feed
Blog
Friends
Miscellaneous info

Regular poster


Registered: 08-2007
Location: Hooterville
Posts: 134
Karma: 12 (+12/-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 emoticon

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 Profile
Live feed
Blog
Friends
Miscellaneous info

Moderator
Gold Supporter

Registered: 07-2005
Location: Texas
Posts: 10141
Karma: 271 (+330/-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.



---

Advertise Boards On TRDConceptsDE
2/11/2014, 2:47 am Link to post Email Pastor Rick   PM Pastor Rick Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Moderator
Gold Supporter

Registered: 07-2005
Location: Texas
Posts: 10141
Karma: 271 (+330/-59)
Reply | Quote
Re: Forum and Topic Borders


Dag dab it I hit the submit button instead of the preview button! emoticon

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.

---

Advertise Boards On TRDConceptsDE
2/11/2014, 3:02 am Link to post Email Pastor Rick   PM Pastor Rick Blog
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Moderator
Gold Supporter

Registered: 07-2005
Location: Texas
Posts: 10141
Karma: 271 (+330/-59)
Reply | Quote
Re: Forum and Topic Borders


 emoticon 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?

---

Advertise Boards On TRDConceptsDE
2/11/2014, 3:18 am Link to post Email Pastor Rick   PM Pastor Rick Blog
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator
Head of Runboard staff

Registered: 11-2005
Posts: 25106
Karma: 423 (+476/-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.



---
Runboard Knowledge Base
Website Creation Tutorials
2/11/2014, 3:17 pm Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
Jewel5 Profile
Live feed
Blog
Friends
Miscellaneous info

Regular poster


Registered: 08-2007
Location: Hooterville
Posts: 134
Karma: 12 (+12/-0)
Reply | Quote
Re: Forum and Topic Borders


Uh...I'll just stay with the colors. emoticon

Thank you Pastor and LG.
Jewel emoticon

---




2/12/2014, 3:39 am Link to post PM Jewel5
 
Pastor Rick Profile
Live feed
Blog
Friends
Miscellaneous info

Moderator
Gold Supporter

Registered: 07-2005
Location: Texas
Posts: 10141
Karma: 271 (+330/-59)
Reply | Quote
Re: Forum and Topic Borders


You're welcome Jewel,

If I think of anything else I'll let you know. emoticon

---

Advertise Boards On TRDConceptsDE
2/12/2014, 4:40 am Link to post Email Pastor Rick   PM Pastor Rick Blog
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator
Head of Runboard staff

Registered: 11-2005
Posts: 25106
Karma: 423 (+476/-53)
Reply | Quote
Re: Forum and Topic Borders


What about something like this? (See code here)

Image

---
Runboard Knowledge Base
Website Creation Tutorials
2/12/2014, 12:22 pm Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 
Susa Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator


Registered: 07-2006
Location: Oχάιο
Posts: 3478
Karma: 101 (+110/-9)
Reply | Quote
Re:


What about borders like on my practice board. http://bsusapracticeboard.runboard.com/

---


SS eH PF
2/12/2014, 1:33 pm Link to post PM Susa Blog
 
Lesigner Girl Profile
Live feed
Blog
Friends
Miscellaneous info

Global Administrator
Head of Runboard staff

Registered: 11-2005
Posts: 25106
Karma: 423 (+476/-53)
Reply | Quote
Re: Forum and Topic Borders


Pat and Jewel's Place has hearts going down the sides. emoticon

---
Runboard Knowledge Base
Website Creation Tutorials
2/12/2014, 2:43 pm Link to post Email Lesigner Girl   PM Lesigner Girl Blog
 


Add a reply



You are not logged in (login)