DIR Return Create A Forum - Home
       ---------------------------------------------------------
       Create A Forum - Support Forums
  HTML https://support.createaforum.com
       ---------------------------------------------------------
       *****************************************************
   DIR Return to: Create a Forum Codes and Support
       *****************************************************
       #Post#: 27341--------------------------------------------------
       Avatar Generator (DiceBear, Interactive)
   DIR By: xTreme
       Date: September 13, 2026, 9:30 am
       ---------------------------------------------------------
       What this is
       An interactive avatar generator page, built with the DiceBear
       API. Members can pick a style, click Generate for a random
       design, and copy the image link to use as their profile avatar.
       Try it here: Avatar Generator Page
  HTML https://xtremetest.createaforum.com/index.php?action=ezportal;sa=page;p=5
  HTML https://xtremetest.createaforum.com/styles/xtremetest/files/11424_Screenshot_20260913_115139_Samsung%20Browser.jpeg
       How to create it
       - Go to your Page Manager under the ezportal settings and choose
       Add Page
       - Select the HTML editor option (not BBCode) - this page uses
       JavaScript, so it needs to be an HTML page
       - Paste in the code below
       - Set Permissions for whichever groups you want to have access
       - Optionally enable "Show In Top Menu" with Menu Text like
       "Avatar Generator".
       - Click Add Page and visit the numbered URL to test it
       The code
       --- Code ---
       <h2>Avatar Generator</h2>
       <p>Click "Generate" to create a new random avatar. Keep
       clicking until you find one you like, then copy the link and
       paste it into Profile -> Forum Profile -> Avatar (avatar from a
       URL).</p>
       
       <div style="text-align:center;">
       <img id="avatarPreview" src="" width="150" height="150"
       style="border:1px solid #ccc; border-radius:8px;
       background:#fff;">
       
       
       
       <select id="styleSelect">
       <option value="bottts">Robots</option>
       <option value="adventurer">Adventurer</option>
       <option value="fun-emoji">Fun Emoji</option>
       <option value="pixel-art">Pixel Art</option>
       <option value="micah">Micah</option>
       <option value="lorelei">Lorelei</option>
       </select>
       
       <button onclick="generateAvatar()">Generate</button>
       
       
       
       
       <input id="avatarLink" type="text" readonly
       style="width:80%; padding:5px;">
       
       
       
       <button onclick="copyLink()">Copy Link</button>
       <span id="copyMsg" style="color:green;
       margin-left:10px;"></span>
       </div>
       
       <script>
       function generateAvatar() {
       var style = document.getElementById('styleSelect').value;
       var seed = Math.random().toString(36).substring(2, 10);
       var url = '
  HTML https://api.dicebear.com/7.x/'
       + style +
       '/svg?seed=' + seed;
       document.getElementById('avatarPreview').src = url;
       document.getElementById('avatarLink').value = url;
       document.getElementById('copyMsg').textContent = '';
       }
       
       function copyLink() {
       var linkField = document.getElementById('avatarLink');
       linkField.select();
       document.execCommand('copy');
       document.getElementById('copyMsg').textContent = 'Copied!';
       }
       
       generateAvatar();
       </script>
       --- End Code ---
       How members use it
       - Visit the page
       - Pick a style from the dropdown (Robots, Adventurer, Fun Emoji,
       Pixel Art, Micah, Lorelei)
       - Click Generate until they find a design they like
       - Click Copy Link (or manually copy the text from the link box)
       - Go to Profile -> Forum Profile -> Avatar, choose "avatar from
       a URL," and paste the link in
       Note: Images are generated by the free DiceBear API
       (open-source, no real people/photos involved) - each seed
       produces a unique, stable design, so the link a member copies
       will always show the same avatar.
       *****************************************************
       Page 1 of 1