Dotted Line
Page 1 of 1 • Share
- HyperActive
Banned - Forum Posts : 42
Member Since : 2011-12-16
Hello,
If you all scrolled down on the homepage, at the really bottom you will see that the sections are cut by a dotted line, and also on the homepage, between the Last Poster of that forum and the forum row, there is a line also, and even under the Title of topic, for example when you read this post, if you look up... you will see the topic title and under that you would see the dotted line.
Here is an image of the homepage with the dotted lines circled. Image:
how can i do that to my forum?
If you all scrolled down on the homepage, at the really bottom you will see that the sections are cut by a dotted line, and also on the homepage, between the Last Poster of that forum and the forum row, there is a line also, and even under the Title of topic, for example when you read this post, if you look up... you will see the topic title and under that you would see the dotted line.
Here is an image of the homepage with the dotted lines circled. Image:
- Click The Spoiler.:
how can i do that to my forum?
- Vanilla990Administrator
- Forum Posts : 114
Member Since : 2011-10-30
This post should be moved to the CSS help section because the dotted lines are done with CSS rather than an image.
For the Stats section at the bottom of the forums, the CSS elements you are looking for are:
And...
Both of these are the default settings. You can access them by going to:
Admin Panel > Display > Pictures and Colors - Colors > CSS Stylesheet
You can replace the "1px" to be the thickness you want and you can change the "#ccc" to any other hexadecimal colour you want. You could also change the style if you want from "dotted" to "solid" which will give you a solid line.
Check out http://www.w3schools.com/css/css_border.asp For some easy to follow steps on how to adjust CSS borders.
For the Stats section at the bottom of the forums, the CSS elements you are looking for are:
- Code:
#onlinelist {
border-top: 1px dashed #ccc;
padding: 0.6em 1em;
background-color: #f4f4f4;
}
And...
- Code:
#onlinechat {
border-top: 1px dashed #ccc;
padding: 0.6em 1em;
background-color: #f4f4f4;
}
Both of these are the default settings. You can access them by going to:
Admin Panel > Display > Pictures and Colors - Colors > CSS Stylesheet
You can replace the "1px" to be the thickness you want and you can change the "#ccc" to any other hexadecimal colour you want. You could also change the style if you want from "dotted" to "solid" which will give you a solid line.
Check out http://www.w3schools.com/css/css_border.asp For some easy to follow steps on how to adjust CSS borders.
- BlackScorpionDesign Expert
- Forum Posts : 7
Member Since : 2012-07-05
Thanks for that Link Vanilla, great site for us newbies!
- Sponsored content
Create an account or log in to leave a reply
You need to be a member in order to leave a reply.
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum
|
|