News:

Bored?  Looking to kill some time?  Want to chat with other SMF users?  Join us in IRC chat or Discord

Main Menu

Ultimate Menu

Started by live627, October 05, 2014, 12:45:11 PM

Previous topic - Next topic

live627

the new code must be added

mcdconcepts

Quote from: live627 on May 15, 2025, 09:58:56 PMthe new code must be added

Ah. Thank you. I have added the code, changed to the icon I want, uploaded the icon I wish to use, vines_cloud.png

Now next to my button nothing is displayed.

Many thanks
Chris

mcdconcepts

Quote from: mcdconcepts on May 16, 2025, 02:59:22 AM
Quote from: live627 on May 15, 2025, 09:58:56 PMthe new code must be added

Ah. Thank you. I have added the code, changed to the icon I want, uploaded the icon I wish to use, vines_cloud.png

Now next to my button nothing is displayed.

Many thanks
Chris

@live627 Any suggestions on this please?

https://vinesweather.com/forum/index.php


live627

It looks forhttps://vinesweather.com/forum/Themes/default/images/vines_cloud.pngmight be a directory mismatch

mcdconcepts

Quote from: live627 on May 19, 2025, 04:07:56 PMIt looks forhttps://vinesweather.com/forum/Themes/default/images/vines_cloud.pngmight be a directory mismatch

Many thanks. That worked.

I have added 2 more buttons, one for a poll and the other for forum rules. They both have the question mark icon. How do I change those please?

live627

Duplicate the code; the new ids are um_button_2 and um_button_3

mcdconcepts

Quote from: live627 on May 20, 2025, 08:23:27 PMDuplicate the code; the new ids are um_button_2 and um_button_3
Thanks but that didn't work. I inserted:

}

.main_icons.um_button_2::before {
    background: url(https://vinesweather.com/forum/Themes/default/images/warning.png) no-repeat;
}

And I uploaded the image 16x16.

I also tried:

.main_icons::before {
content: "";
width: 16px;
height: 16px;
display: inline-block;
background: url(../images/icons/main_icons_sprite.png) no-repeat -5px -5px / 260px auto;
vertical-align: middle;

}

.main_icons.um_button_2::before {
    background: url(https://vinesweather.com/forum/Themes/default/images/warning.png) no-repeat;
}

Thanks for the help.
Chris

Advertisement: