Differences

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

Link to this comparison view

Both sides previous revisionPrevious revision
surf_club [2026/04/21 22:55] – [F.A.Q.] melonsurf_club [2026/04/22 14:33] (current) – Add information about CSP preventing embedding a website in navigator's iframe aketawi
Line 44: Line 44:
   * Q: **How do I get my site to show up in Surf Search for certain words?**   * Q: **How do I get my site to show up in Surf Search for certain words?**
   * A: Just set meta-keywords [[https://www.w3schools.com/tags/tag_meta.asp|meta tags]] in the head of your index.html!   * A: Just set meta-keywords [[https://www.w3schools.com/tags/tag_meta.asp|meta tags]] in the head of your index.html!
- 
  
 ---- ----
- 
  
 ===== Using the Navigator ===== ===== Using the Navigator =====
Line 67: Line 65:
 If the site doesn't support iframe, you'll get this error, but don't worry. You can still visit the site (outside of the Navigator) by clicking on the link on the top center. If you are very curious, this page can be viewed [[https://melonland.net/small-pages/surf-no-embed|here]]. If the site doesn't support iframe, you'll get this error, but don't worry. You can still visit the site (outside of the Navigator) by clicking on the link on the top center. If you are very curious, this page can be viewed [[https://melonland.net/small-pages/surf-no-embed|here]].
  
 +If you're using [[https://developer.mozilla.org/en-US/docs/Web/HTTP/Reference/Headers/Content-Security-Policy|CSP headers]], and find that your browser returns a security error when visiting your site on the Navigator, you may need to add "melonland.net" to your "frame-ancestors". Here's an example directive for Nginx:
 +
 +<code nginx mysite.conf>
 +add_header Content-Security-Policy "frame-ancestors 'self' https://melonland.net/;";
 +</code>
  
 ---- ----
- 
  
 ===== Modifying the Widget & Making your own! ===== ===== Modifying the Widget & Making your own! =====
Line 79: Line 81:
 </WRAP> </WRAP>
  
-{{ :floorp_sbxdls04oe.png?388}} +{{ :floorp_sbxdls04oe.png?388}}
  
 You can resize the widget by changing the width and height values included in the widget code (by default its 100x100px). You can also supply your own colour code in the url (or use the colour picker; see below for instructions) to change the widgets colour. You can resize the widget by changing the width and height values included in the widget code (by default its 100x100px). You can also supply your own colour code in the url (or use the colour picker; see below for instructions) to change the widgets colour.
Line 89: Line 91:
  
 ---- ----
- 
  
 ===== Site Rules and Moderation ===== ===== Site Rules and Moderation =====
Line 100: Line 101:
  
 </WRAP> </WRAP>
 +
 The Surf Club focuses on creative personal homepages, so social media accounts and link lists aren't included. The mods try to ensure sites in the webring are safe and enjoyable, but these homepages reflect their creators' personal views, which may differ from yours. Sites that don’t fit the MelonLand rules may be removed. If you spot harmful content or a broken site, please report it to [[webmaster@melonking.net|webmaster@melonking.net]]! The Surf Club focuses on creative personal homepages, so social media accounts and link lists aren't included. The mods try to ensure sites in the webring are safe and enjoyable, but these homepages reflect their creators' personal views, which may differ from yours. Sites that don’t fit the MelonLand rules may be removed. If you spot harmful content or a broken site, please report it to [[webmaster@melonking.net|webmaster@melonking.net]]!
- 
  
 ---- ----
  
 +====== See also ======
  
- 
- 
-====== See also ====== 
   - The Random Site button - [[https://surf.melonland.net/surf-club-random]]   - The Random Site button - [[https://surf.melonland.net/surf-club-random]]
  
  


MelonLand Nav

@000

Want to Login or Join ?

Minecraft: Online
Join: craft.melonking.net