Differences

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

--- guild_css [2025/07/17 18:41] – added tips + tricks section ribose
+++ guild_css [2026/07/15 15:29] (current) – melon
@@ Line 1: / Line 1: @@
-For Profile CSS snippets check [[forum_css|here]]!
+<WRAP center round info 60%>
+This is for Guild CSS, if you are looking to edit the CSS on your profile, [[forum_css|look here]]!
+</WRAP>
 ====== Guild Page CSS Tips ======
@@ Line 25: / Line 27: @@
 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 39: / Line 41: @@
     </div>
 </div>
-<a class="melonGuild-next" href="{PREV LINK}">{NEXT NAME}</a>
+<a class="melonGuild-next" href="{NEXT LINK}">{NEXT NAME}</a>
 </div>
 </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>