Messages

Hey Jadedacat1976,

Unfortunately, SMF doesn't support changing fonts directly in signatures like some word processors. However, you can still modify the appearance of your text using BBCode for:

Font Size: Your text (Adjust the number for different sizes)
Font Color: Your text (You can use color names or hex codes like #ff0000)
Custom fonts aren't an option, but using these tools, you can still make your signature look more unique!

Let me know if you want any help with styling it!

— Kyle

[Your text]

Hey again Jadedacat1976!

You're right, signatures do support BBCode and smileys, but it doesn't always show the full list of what you can use directly in the editor. Here are some common BBCodes you can add to your signature:

Bold: Your text
Italic: Your text
Underline: Your text
Links: Click here
Images:
Smileys: You can add any forum smileys like or .
As for limits, most forums have a character limit for signatures, usually around 300 characters, and they may restrict the number of images, links, or lines. To check your specific limit, go back to the Signature section in your profile and see if it mentions any restrictions at the bottom.

Let me know if you hit any issues, and I can help you fine-tune it!

— Kyle

Hey Jadedacat1976! No worries, I've got you covered.

To change your signature in our forum, follow these steps:

• Click on your Profile at the top of the page.
• In the left-hand menu, go to Modify Profile and select Forum Profile.
• Scroll down to the Signature section.
• You can edit your signature here. Make sure to save your changes by clicking the Change Profile button at the bottom of the page.

Feel free to try out different looks until you find the one that works best for you!

Let me know if you need any more help.
— Kyle

If the ad isn't showing up at all after the changes, it could be due to the position: absolute causing both images to overlap or not display correctly. Try adding specific dimensions to the container and images:

Code Select Expand

<style>
.hover-img {
    display: inline-block;
    position: relative;
    width: 300px; /* Set the width for your ad */
    height: 200px; /* Set the height for your ad */
    overflow: hidden; /* Prevent overflow */
}

.hover-img .static, .hover-img .animated {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hover-img .animated {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.hover-img:hover .static {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.hover-img:hover .animated {
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
}
</style>

<a href="https://mawstudios.com/index.php/mawbreaker/" class="hover-img">
    <img src="https://www.mawstudios.com/wp-content/uploads/2022/01/mawad-1-e1643755590654.png" alt="Static Image" class="static">
    <img src="https://www.mawstudios.com/wp-content/uploads/2023/02/ezgif.com-gif-maker.gif" alt="Animated Image" class="animated">
</a>


To fix your issue:

• Fade In/Out Issue: Your CSS is missing an initial opacity on the .animated image. Add opacity: 0; to ensure the GIF is invisible until hover.
• Huge Margin: Ensure the parent container and both images use position: absolute; or position: relative; to eliminate extra spacing and center the ad.

Here's an updated version of the CSS to try:

Code Select Expand

.hover-img {
    display: inline-block;
    position: relative;
}

.hover-img .static, .hover-img .animated {
    position: absolute;
    top: 0; left: 0;
}

.hover-img .animated {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.hover-img:hover .static {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.hover-img:hover .animated {
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
}


[Go to the Admin Panel]

Hello,

To allow unregistered users to view pictures in forum posts on SMF, follow these steps:

1. Go to the Admin Panel: Log in to your SMF admin account and navigate to the Admin Panel.

2. Permissions: In the Admin Panel, find the "Permissions" section.

3. Modify Member Groups: Under "Permissions", you'll see an option for "Modify Member Groups". Click on it.

4. Guests: Find the "Guests" group or any other group that represents unregistered users on your forum.

5. Modify: Click on the "Modify" button next to the "Guests" group.

6. View Attachments: In the permissions list, find the permission that says "View attachments to posts". Check this option.

7. Save Changes: Scroll down and click on the "Save Changes" button.

After these steps, unregistered users should be able to view pictures sent in forum posts. Remember to be cautious when changing permissions, as it can affect the privacy and security of your forum.

Hope this helps!

Best regards,
Kyle