Welcome to DU!
The truly grassroots left-of-center political community where regular people, not algorithms, drive the discussions and set the standards.
Join the community:
Create a free account
Support DU (and get rid of ads!):
Become a Star Member
Latest Breaking News
Editorials & Other Articles
General Discussion
The DU Lounge
All Forums
Issue Forums
Culture Forums
Alliance Forums
Region Forums
Support Forums
Help & Search
DU Community Help
In reply to the discussion: Unofficial DU3 Basic HTML Reference Lookup Table [View all]Make7
(8,546 posts)28. A 'user style sheet' allows you to customize the appearance of elements on a website.
Most websites use style sheets to define how things will look (e.g. fonts, text size and color, borders, alignment and placement of elements, background colors, background images, etc.). For example in DU's main style sheet you can find the rule for excerpts (inserted in a post when you hit the excerpt button or type [div class="excerpt"] [/div] into your message):
div.excerpt {
display: block;
background-color: #e6e6e6;
margin: 0px 0px 0px 0px;
padding: 10px;
}
display: block;
background-color: #e6e6e6;
margin: 0px 0px 0px 0px;
padding: 10px;
}
A 'user style sheet' is a file that resides on your computer that will tell your browser that you want to substitute the website's style rule for a particular element with something you define yourself. Depending on the browser/platform implementing a user style sheet is very easy or virtual impossible.
Some of the things I am doing on DU with my user style sheet are: hiding signatures, adding a rounded border and drop-shadow to excerpt boxes, right justifying and hiding most of the edit text message and changing the text color to light grey, hiding the post count and profile/mail/journal/ignore icons by the username in posts....
ETA: I guess I should take a screenshot to show what posts look like when I browse DU. This is what my post (before adding this image) looked in my browser:
[div style="display:inline-block; border:8px solid #99bbff;"]
Edit history
Please sign in to view edit histories.
90 replies
= new reply since forum marked as read
Highlight:
NoneDon't highlight anything
5 newestHighlight 5 most recent replies
RecommendedHighlight replies with 5 or more recommendations
You're our saviour! I thought that had been lost, since you had to be logged in
muriel_volestrangler
Mar 2013
#15
A 'user style sheet' allows you to customize the appearance of elements on a website.
Make7
Apr 2013
#28
Cool! I didn't know that you could substitute a style sheet hosted locally for the site's.
lumberjack_jeff
Apr 2013
#29
I haven't been able to get any type of line break to work within the 'About Me' text.
Make7
Apr 2013
#25
No, an [iframe] tag won't work here. You can only embed videos from YouTube or Vimeo.
Make7
Jan 2014
#45
So I want to have whole paragraphs of text with images using the stylized coding. How do I do that?
Initech
Jan 2017
#61
Well, it kind of depends on what device, operating system, and browser you are using.
Make7
Jan 2017
#60
The DU stylesheet scales images down to a max height of 100 pixels or max width of 400 for sigs.
Make7
Jan 2021
#76
For accents like É that work in thread and post titles use "É" etc.
muriel_volestrangler
Feb 2021
#78
That's been disabled since the 2016 hack — like most other user formatting options.
Make7
Feb 2021
#84
Thanks for trying. I'd already attempted what I thought had worked before to no avail...
hlthe2b
Feb 2021
#85
Over in the science forum, we'd love the old codes for superscripts and subscripts.
NNadir
Jan 2022
#86