The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Widget Bar Border.

View previous topic View next topic Go down

Solved Widget Bar Border.

Post by ppgohome on November 13th 2011, 10:27 pm

URL - http://bearvilletreehouse.forumotion.com/

Info/Question -

How do I add a border to my widget bar?


How do I add the leaf image on the chatbox to the widget bar on the side ?
Thanks
-Phillip

ppgohome
Forumember

Posts : 79
Reputation : 0
Language : English

Back to top Go down

Solved Re: Widget Bar Border.

Post by Guest on November 13th 2011, 10:29 pm

Code:
div.right{
border: 1px solid #08F !important;
}
Change the 1px solid #08F with border size, type and color.

Guest
Guest


Back to top Go down

Solved Re: Widget Bar Border.

Post by ppgohome on November 13th 2011, 10:37 pm

Not worked.
Ive put
}
div.right{
border: 5px solid #FFA500 !important;
}

ppgohome
Forumember

Posts : 79
Reputation : 0
Language : English

Back to top Go down

Solved Re: Widget Bar Border.

Post by Guest on November 13th 2011, 10:38 pm

What about this:
Code:
div.module{
border: 1px solid #08F !important;
}
Hello

Guest
Guest


Back to top Go down

Solved Re: Widget Bar Border.

Post by ppgohome on November 13th 2011, 10:40 pm

No luck I have
Code:
  }
        div.module{
        border: 5px solid #FFA500 !important;
        }

& still not working

ppgohome
Forumember

Posts : 79
Reputation : 0
Language : English

Back to top Go down

Solved Re: Widget Bar Border.

Post by LGforum on November 13th 2011, 10:47 pm

The sidebar have ID's not class names.

It would be:
#right { border: 1px solid #000; }

LGforum
Hyperactive

Male Posts : 2254
Reputation : 254
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Solved Re: Widget Bar Border.

Post by ppgohome on November 13th 2011, 10:52 pm

doesn't work either.

ppgohome
Forumember

Posts : 79
Reputation : 0
Language : English

Back to top Go down

Solved Re: Widget Bar Border.

Post by Guest on November 13th 2011, 10:58 pm

What about:
Code:
div#right{
border: 5px solid #FFA500 !important;
}
Smile

Guest
Guest


Back to top Go down

Solved Re: Widget Bar Border.

Post by ppgohome on November 13th 2011, 10:59 pm

No D: It's just blank and white

ppgohome
Forumember

Posts : 79
Reputation : 0
Language : English

Back to top Go down

Solved Re: Widget Bar Border.

Post by Guest on November 13th 2011, 11:02 pm

For me works all the codes. pale

Guest
Guest


Back to top Go down

Solved Re: Widget Bar Border.

Post by ppgohome on November 13th 2011, 11:02 pm

My whole code now it
Code:
background-image: url("http://i49.servimg.com/u/f49/16/89/18/60/border10.png"){
  }
        div#right{
        border: 5px solid #FFA500 !important;
        }

ppgohome
Forumember

Posts : 79
Reputation : 0
Language : English

Back to top Go down

Solved Re: Widget Bar Border.

Post by Guest on November 13th 2011, 11:06 pm

Try to replace by:
Code:
body{
  background-image: url("http://i49.servimg.com/u/f49/16/89/18/60/border10.png");
}

div.module{
  border: 5px solid #FFA500 !important;
}

Guest
Guest


Back to top Go down

Solved Re: Widget Bar Border.

Post by ppgohome on November 13th 2011, 11:10 pm

Thanks (:

ppgohome
Forumember

Posts : 79
Reputation : 0
Language : English

Back to top Go down

Solved Re: Widget Bar Border.

Post by Guest on November 13th 2011, 11:12 pm

@ppgohome wrote:Thanks (:
Works? Very Happy
Edit: yeah, I seen your forum. Glad to help you. Wink

Guest
Guest


Back to top Go down

Solved Re: Widget Bar Border.

Post by ppgohome on November 13th 2011, 11:29 pm

Actually I want the leaf Image.
e.g


to be its border like on
bearvilleplace.com ..

ppgohome
Forumember

Posts : 79
Reputation : 0
Language : English

Back to top Go down

Solved Re: Widget Bar Border.

Post by Guest on November 13th 2011, 11:32 pm

Code:
.bodyline{
background-image: url(http://i49.servimg.com/u/f49/16/89/18/60/border10.png);
}

Guest
Guest


Back to top Go down

Solved Re: Widget Bar Border.

Post by ppgohome on November 13th 2011, 11:34 pm

now theres nothing again D:

whole code is
Code:
#container {
    background: white;
}
.h3, h3 {
color: #000000;
.introduction .h3, .module .h3, .postbody .h3


.dterm {
  margin-left: 200px;
.introduction .h3, .module .h3, .postbody .h3
    background-image: url("http://www.zingerbugimages.com/backgrounds/seamless_maple_leaves.jpg");
        }
              .bodyline{
        background-image: url(http://i49.servimg.com/u/f49/16/89/18/60/border10.png);
        }

ppgohome
Forumember

Posts : 79
Reputation : 0
Language : English

Back to top Go down

Solved Re: Widget Bar Border.

Post by Guest on November 13th 2011, 11:40 pm

Well, replace by:
Code:
#container {
    background: white;
}

.h3, h3 {
color: #000000;
}

.dterm {
  margin-left: 200px;
}

.introduction .h3, .module .h3, .postbody .h3 {
    background-image: url("http://www.zingerbugimages.com/backgrounds/seamless_maple_leaves.jpg");
}

.bodyline{
    background-image: url(http://i49.servimg.com/u/f49/16/89/18/60/border10.png);
}

Guest
Guest


Back to top Go down

Solved Re: Widget Bar Border.

Post by ppgohome on November 14th 2011, 5:33 pm

Thank you!! (:

ppgohome
Forumember

Posts : 79
Reputation : 0
Language : English

Back to top Go down

Solved Re: Widget Bar Border.

Post by Base on November 14th 2011, 5:51 pm

Problem Solved:Glad your problem is solved; topic marked as solved and archived. Smile

Base
Forumaster

Male Posts : 10386
Reputation : 1687
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum