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.

Rounded Borders CSS code?

View previous topic View next topic Go down

Solved Rounded Borders CSS code?

Post by kamaji on March 6th 2013, 3:34 am

I would like to put rounded borders on my forum without using the cheated way so that I don't have to make a new forum.Codes please?

kamaji
Forumember

Female Posts : 32
Reputation : 1
Language : english

Back to top Go down

Solved Re: Rounded Borders CSS code?

Post by Sir Chivas™ on March 6th 2013, 3:41 am

Can you please provide two things?

1. Screenshot pointing out what exactly you want.
2. Forum URL.

Thank you.



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: Rounded Borders CSS code?

Post by zenzo on March 6th 2013, 3:51 am

@kamaji wrote:I would like to put rounded borders on my forum without using the cheated way so that I don't have to make a new forum.Codes please?

where would you like to put it

body?
categories?
topic post?


please do some clear questions

zenzo
Forumember

Posts : 464
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

Solved Re: Rounded Borders CSS code?

Post by kamaji on March 6th 2013, 3:55 am

Just the original CSS code for Rounded borders.As for a screenshot, I am unable to provide but perhaps just making the borders of each section on the site rounded enough would suffice?



Here is the link to my forum:

http://forbiddenforest.forumotion.com/

And all Zenzo


kamaji
Forumember

Female Posts : 32
Reputation : 1
Language : english

Back to top Go down

Solved Re: Rounded Borders CSS code?

Post by zenzo on March 6th 2013, 4:11 am

i think changing theme will solve your problem at once

but you might try this one i use for my late version


on your CSS

for forum body
Code:
.pun {
background: url('http://hitskin.com/themes/15/37/44/i_background.png') repeat;
box-shadow: 0 2px 18px rgba(0,0,0,0.6), inset 0 2px 0 rgba(255,255,255,0.15);
-webkit-box-shadow: 0 2px 18px rgba(0,0,0,0.6), inset 0 2px 0 rgba(255,255,255,0.15);
-moz-box-shadow: 0 2px 18px rgba(0,0,0,0.6), inset 0 2px 0 rgba(255,255,255,0.15);
margin: 20px auto 0 auto;
border: 1px solid black;
border: 1px solid rgba(0, 0, 0, 0.3);
padding: 10px;
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
  float: center;
  width: 98% !important;
  margin-bottom: 50px;
min-width: 980px !important;
}

categories & topic body
Code:
.pun .postmain {
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        margin-top: 4px;
        margin-bottom: 4px;
        margin-right: 4px;
  background-color: transparent;
  border: 2px solid #000000;
        }
.pun .main .main-content {
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        margin-top: 2px;
        margin-bottom: 2px;
  background-color: transparent;
  border: 2px solid #262626;
        }
.pun .main .main-content {
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        margin-top: 2px;
        margin-bottom: 2px;
  background-color: transparent;
  border: 2px solid #262626;
        }

quote & codes
Code:
blockquote {
   margin: 1em 1px 1em 25px;
   padding: 5px;
   background: #fafafa url("http://illiweb.com/fa/prosilver/quote.gif") 6px 8px no-repeat;
   border: 1px solid #DBDBCE;
   font-size: 0.95em;
   margin: 1em 1px 1em 25px;
   overflow: hidden;
   }
blockquote div {
    margin-left: 20px;
    }
blockquote blockquote {
   background-color: #EFEED9;
   font-size: 1em;
   margin: 0.5em 1px 0pt 15px;
   }
blockquote blockquote blockquote {
    background-color: #fafafa;
    }
blockquote cite {
   font-style: normal;
   font-weight: bold;
   display: block;
   font-size: 0.9em;
   }
blockquote cite cite {
    font-size: 1em;
    }
blockquote.uncited {
    padding-top: 25px;
    }
ul {
    list-style-type: none;
    }
ul.ul-icons {
   float: left;
   margin: 0 10px;
   }
* html table, * html select, * html input {
    font-size: 100%;
    }
* html hr {
    margin: 0;
    }
blockquote {
   border: 1px solid #000000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 10px;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
}
dl.codebox {
padding: 3px;
background-color: #4A4A4A;
border: 1px solid #C9D2D8;
font-size: 1em;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
border-radius: 10px;
border: 1px solid #101010;
   }

just try to edit it to suit your needs

zenzo
Forumember

Posts : 464
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

Solved Re: Rounded Borders CSS code?

Post by kamaji on March 6th 2013, 4:23 am

Eh Sorry could you give me some help?I'm not too good with this stuff.I'd greatly appreciate it Very Happy

kamaji
Forumember

Female Posts : 32
Reputation : 1
Language : english

Back to top Go down

Solved Re: Rounded Borders CSS code?

Post by zenzo on March 6th 2013, 4:47 am

just paste it on CSS

ACP>display>pictures&colors>colors>css stylesheet

zenzo
Forumember

Posts : 464
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

Solved Re: Rounded Borders CSS code?

Post by kamaji on March 6th 2013, 4:56 am

I did that but there's no change

kamaji
Forumember

Female Posts : 32
Reputation : 1
Language : english

Back to top Go down

Solved Re: Rounded Borders CSS code?

Post by Sir Chivas™ on March 6th 2013, 5:00 am

Hi,

You basically want everything rounded?
http://help.forumotion.com/t24814-how-to-take-a-screen-shot

@kamaji wrote:Just the original CSS code for Rounded borders.As for a screenshot, I am unable to provide but perhaps just making the borders of each section on the site rounded enough would suffice?



Here is the link to my forum:

http://forbiddenforest.forumotion.com/

And all Zenzo


Please don't use bold or color. Please keep to the default text. This is reserved for the staff for moderation.



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: Rounded Borders CSS code?

Post by kamaji on March 6th 2013, 5:01 am

Yes.I know how to take a screenshot hehe but it wouldn't let me post it.

kamaji
Forumember

Female Posts : 32
Reputation : 1
Language : english

Back to top Go down

Solved Re: Rounded Borders CSS code?

Post by Sir Chivas™ on March 6th 2013, 5:03 am

Do you want all of the following to be rounded?
http://awesomescreenshot.com/08110en92e



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: Rounded Borders CSS code?

Post by kamaji on March 6th 2013, 5:04 am

Mhmm yes please

kamaji
Forumember

Female Posts : 32
Reputation : 1
Language : english

Back to top Go down

Solved Re: Rounded Borders CSS code?

Post by Sir Chivas™ on March 6th 2013, 5:11 am

Add this inside your CSS: ACP >> Display >> Colors >> CSS (TAB)

Code:
.forumline {
background-color: #004191;
border: 3px gray solid;
border-radius: 10px;
}

Code:
.bodyline {
background-color: #000;
border: 1px #878787 solid;
border-radius: 19px;
}



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: Rounded Borders CSS code?

Post by kamaji on March 6th 2013, 5:15 am

Thanks so much Very Happy It worked!Thanks to the both of you for your help.

kamaji
Forumember

Female Posts : 32
Reputation : 1
Language : english

Back to top Go down

Solved Re: Rounded Borders CSS code?

Post by Sir Chivas™ on March 6th 2013, 5:18 am

No problem,

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