Differences
This shows you the differences between two versions of the page.
| Both sides previous revisionPrevious revisionNext revision | Previous revision |
| guild_css [2025/07/17 18:45] – typo... ribose | guild_css [2026/07/15 15:29] (current) – melon |
|---|
| 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 ====== | ====== Guild Page CSS Tips ====== |
| 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). | 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> | <code> |
| </code> | </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> | <code> |