Wouldn't it be great if we could add hues or colors to each text background and border lines?

  • 1
  • Idea
  • Updated 9 years ago
Hi all

Ive was working on my site when an idea struck me.

I think it would be great if we could add hues or colors to each text background (or whichever column but text will most likely be easier) and border lines as well.

Like this for example http://www.addthis.com/features

Notice the “blocks” on the right where his name and face is and other information as well. We’re able to add columns to our site but when I try it, it looks like its just floating in the middle of nowhere and it looks messy.

Like this for example http://www.criticalhit.yolasite.com

Would it be possible to implement this onto the Yola site builders? I feel it can bring a nice touch to ones site.

Ps. Thank you for your hard work on all the projects Yola Team, I for one appreciate it immensely and im enjoying this site =)
Photo of Spazz

Spazz

  • 30 Posts
  • 0 Reply Likes
  • curious

Posted 9 years ago

  • 1
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
Hi Spazz,

Its not a built in Yola feature but its very easy to add to your site,

See 1 of my pages - http://hexham.info/advanced-taxis

Loads of different boxs and backgrounds

If you want help adding them to your site let me know and i'll talk you through it.

Lee.
Photo of Spazz

Spazz

  • 30 Posts
  • 0 Reply Likes
Great!

Thats exactly what I had in mind,so whats the first step? =)
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
do you want square corners or rounded corners?

Square is very easy rounded are little more tricky - some prefer the look of them - have another look at my page i link above... see which style you prefer (forget about the colours etc. just look at the corners of the box's.

Lee.
Photo of Spazz

Spazz

  • 30 Posts
  • 0 Reply Likes
I like the rounded ones more,bring the challenge!im up for it =D
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
Cornered boxs are actually 4 little images placed in each corenr with css.

The way i made mine was in paint i drew the corners and then made the css for placing them...

I think instead of me trying to teach you css and you drawing the corners yourself - the best thing to do is go here http://www.roundedcornr.com/

In my opinion the smaller the corner the better - i use 5 pixel corner radius on mine - just have a play round with different fiqures see what you like the look of - bigger corners to me tend to look cartoonish - not sleek.

Let me know if you get stuck.

Lee.
Photo of UK Duke

UK Duke, Champion

  • 3321 Posts
  • 213 Reply Likes
remember that you will need to change the URL of the images in the CSS to resources/imagename.png
Photo of Spazz

Spazz

  • 30 Posts
  • 0 Reply Likes
Thanks Duke,i'll be playing around and posting to this thread again to shwo off my results and ask more questions.

Thank you very much! =D
Photo of Dré

Dré

  • 201 Posts
  • 15 Reply Likes
Hey guys,

Just wanted to pop in and say I really like what went down in this thread. It's a great example of online community support.

Great questions Spazz! And great help Lee!
Photo of Donald

Donald

  • 2991 Posts
  • 37 Reply Likes
I have individual background colors too... look at the "headings" in my site.... http://youcanneverbetoosmart.com
Photo of Spazz

Spazz

  • 30 Posts
  • 0 Reply Likes
Thanks guys =)

For those who dont know about color codes check out the following page:

HTML color codes are hexadecimal triplets representing the colors red, green, and blue. For example, in the the color red, the color code is FF0000, which is '255' red, '0' green, and '0' blue.

http://www.computerhope.com/htmcolor.htm

*Still working on my rounded corners =3