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.

Forum widget design

View previous topic View next topic Go down

Solved Forum widget design

Post by Paradise on January 13th 2014, 11:12 am

I would like to make my forum widget look like this forum. I would like some code to make it look like that for pun

my forum ishttp://www.paradiseng.com/

Paradise
Forumember

Male Posts : 90
Reputation : 1
Language : English

http://www9.forumotion.com

Back to top Go down

Solved Re: Forum widget design

Post by Sir. Mayo on January 15th 2014, 3:55 am

Code:
.module .main-content {
    background: rgb(229, 241, 249);
}

Sir. Mayo
Forumember

Male Posts : 963
Reputation : 85
Language : English, Some french.
Location : Working 11Pm-7Am EST I will try to respond ASAP

http://sir-mayo.forumotion.com/

Back to top Go down

Solved Re: Forum widget design

Post by Sir Chivas™ on January 15th 2014, 3:56 am

Hi,

We cannot hand out any codes that will make it similar to the English Support Forum's widgets. However, the least I can do is give you the code to give you a border; it'll look something like this:



Here's the code: Place it inside your CSS: ACP >> Display >> Colors >> CSS
Code:
.module .main-content {
background: #F7FBFC;
border: 1px solid #ccc;
}

Regards,
Sir Chivas.

Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Forum widget design

Post by Paradise on January 16th 2014, 8:56 pm

maybe giving it a round corner could be a better option to me

Paradise
Forumember

Male Posts : 90
Reputation : 1
Language : English

http://www9.forumotion.com

Back to top Go down

Solved Re: Forum widget design

Post by Paradise on January 16th 2014, 9:05 pm

maybe giving it a round corner could be a better option to me

Paradise
Forumember

Male Posts : 90
Reputation : 1
Language : English

http://www9.forumotion.com

Back to top Go down

Solved Re: Forum widget design

Post by Sir Chivas™ on January 17th 2014, 12:07 am

@Paradise wrote:maybe giving it a round corner could be a better option to me

@Paradise wrote:maybe giving it a round corner could be a better option to me

May I remind you that double/triple posting isn't tolerated unless separated by 24 hours (Use the edit button) Wink




Here's the codes, make sure you've removed the previous codes given.
Code:
.module .main-content {
background: #F7FBFC;
border: 1px solid #ccc;
border-radius: 10px;
}

However, look for this code inside your CSS:
Code:
.module .main-head {
-webkit-box-shadow: inset 0 0 0 #528CBC;
background-color: #DBE2EC;
background-image: none;
border: 0;
border-radius: 0;
box-shadow: inset 0 0 0 #528CBC;
color: #204066;
font-family: helvetica,arial,sans-serif;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: normal;
padding: 5px 10px;
}


Just add before this part { into the code shown above:
Code:

border-radius: 10px;

So it'll look something like this:
Code:
.module .main-head {
-webkit-box-shadow: inset 0 0 0 #528CBC;
background-color: #DBE2EC;
background-image: none;
border: 0;
border-radius: 0;
box-shadow: inset 0 0 0 #528CBC;
color: #204066;
font-family: helvetica,arial,sans-serif;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: normal;
padding: 5px 10px;
border-radius: 10px;
}



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Forum widget design

Post by Paradise on January 18th 2014, 7:35 am

thanks. Solved

Paradise
Forumember

Male Posts : 90
Reputation : 1
Language : English

http://www9.forumotion.com

Back to top Go down

Solved Re: Forum widget design

Post by Sir Chivas™ on January 18th 2014, 7:49 am

You are welcome,

Topic Solved & Locked.



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

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