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

View previous topic View next topic Go down

In progress Widget Border??

Post by KathyTheFishy on July 23rd 2011, 7:19 am



I know a forum where they have a border/background picture for each widget title. How can I do this? (Underlined in red and being pointed at by a red arrow.)

KathyTheFishy
New Member

Posts : 14
Reputation : 0
Language : Bobaganush
Location : In A Location

http://bearvilletown.createforum.in

Back to top Go down

In progress Re: Widget Border??

Post by Nera. on July 23rd 2011, 8:21 am

Hi,

Are you talking about border or background image?

1. BORDER TO WIDGETS
If you want border to your widgets add this to your CSS. Change the colors if you want
Code:
.module {
    border: 1px solid black;
}
http://i.imm.io/7q0R.png

2. BACKGROUND PICTURE TO WIDGETS
If you want background picture add this
Code:
.module {
    background-image: url("http://r29.imgfast.net/users/3412/19/22/63/avatars/42273-31.png");
}
http://i.imm.io/7q10.png

3. CHANGE BACKGROUND COLOR
If you want to change the background color find this in your CSS and change it.
Code:
.module {
    background-color: #FFFFFF;
    color: #000000;
    margin-bottom: 4px;
    overflow: hidden;
    padding: 0 10px;
}

4. BACKGROUND IMAGE TO WIDGET TITLE
Add this to CSS and chnage photo link
Code:
.introduction .h3, .module .h3, .postbody .h3 {
    background-image: url("http://i34.servimg.com/u/f34/12/94/96/28/flag_c13.png");
}

http://i.imm.io/7q1l.png

5. BORDER BOTTOM TO WIDGET TITLE
Find this in CSS and change the color
Code:
.h3, h3 {
    border-bottom: 1px solid #FFFFFF;
}

http://i.imm.io/7q1B.png

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

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