Differences

This shows you the differences between two versions of the page.

--- guild_css [2025/07/17 18:45] – typo... ribose
+++ guild_css [2025/08/01 18:26] (current) – [Default Style + Structure] added note about CSS cascade rules ribose
@@ Line 25: / Line 25: @@
 When you add your guild's webring widget to a page, the following HTML and CSS will be added via javascript. The code that appears in the curly brackets depends on which guild you're in (which will set the guild id #) and the position of your site within the ring (which will set the prev and next links).
-HTML structure:
+==== HTML structure ====
 <code>
@@ Line 43: / Line 43: @@
 </code>
-Default CSS:
+==== CSS Defaults ====
+**NOTE:** The webring script adds the following ''<style>'' tag to your page on the same line that you've placed the script. Because of the [[https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_cascade/Cascade|CSS cascade]], these style declarations will override the ones that are found in the ''<head>'' of your webpage, unless you add ''[[https://developer.mozilla.org/en-US/docs/Web/CSS/important|!important]]'' to them. if you link a stylesheet on a line that comes **after** the script, the style declarations will override the defaults without the use of ''!important''.
 <code>