Forum widget design

Go down

Solved Forum widget design

Post by Paradise on Mon Jan 13 2014, 12:12

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 is http://www.paradiseng.com/
avatar
Paradise
Forumember

Male Posts : 105
Reputation : 1
Language : English

http://uniquecitizens.forumotion.com/u1

Back to top Go down

Solved Re: Forum widget design

Post by Sir. Mayo on Wed Jan 15 2014, 04:55

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

Male Posts : 980
Reputation : 90
Language : English, Some french.
Location : you can also reach me on snoonet's irc server. I idle in #Techsupport Username is Vault108

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

Back to top Go down

Solved Re: Forum widget design

Post by Sir Chivas™ on Wed Jan 15 2014, 04:56

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.
avatar
Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6810
Reputation : 433
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Forum widget design

Post by Paradise on Thu Jan 16 2014, 21:56

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

Male Posts : 105
Reputation : 1
Language : English

http://uniquecitizens.forumotion.com/u1

Back to top Go down

Solved Re: Forum widget design

Post by Paradise on Thu Jan 16 2014, 22:05

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

Male Posts : 105
Reputation : 1
Language : English

http://uniquecitizens.forumotion.com/u1

Back to top Go down

Solved Re: Forum widget design

Post by Sir Chivas™ on Fri Jan 17 2014, 01:07

@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 y it as solved.


avatar
Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6810
Reputation : 433
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Forum widget design

Post by Paradise on Sat Jan 18 2014, 08:35

thanks. Solved
avatar
Paradise
Forumember

Male Posts : 105
Reputation : 1
Language : English

http://uniquecitizens.forumotion.com/u1

Back to top Go down

Solved Re: Forum widget design

Post by Sir Chivas™ on Sat Jan 18 2014, 08:49

You are welcome,

Topic Solved & Locked.




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


avatar
Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6810
Reputation : 433
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Back to top


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