GDM default background image

Is there an easy way to change the (green) default background image (wallpaper) that I get whenever I want to switch user ? I am not sure I understand where the settings is. In GDM for sure but where ?
I would be ready to use another login manager if that makes it easier. I have tried Slime but I would rather keep the ability to ... graphically switch user (I am currently using Gnome). KDM needs kbase which looks a rather huge download just for that purpose.
Thanks for your help !

As far as I know it's supposed to be your currently set gnome background but it's bugged and just uses the default gnome wallpaper from /usr/share/pixmaps/backgrounds/gnome
Just rename the background-default file and put whatever image you want there, or symlink it. I myself, just put an all black image

Similar Messages

[SOLVED] GNOME 3.16 + GDM Login & Background Image

It's being surprisingly difficult to understand what's needed in order to have a login screen that does not contain the default noise PNG as background.
Apparently now the default theme is a gresource so common css overwrite don't seem to make it.
How did you folks solved this problem?
Apologies if already discussed, it's just that the problem is NOT the GNOME Desktop Background, and NOT the lock screen, just ONLY the gdm background screen during login.
Other tricks seem to not work neither:
sudo -u gdm dbus-launch gsettings set org.gnome.desktop.screensaver picture-uri '/new/picture.png'
Thanks for any sort of help with this and Best Regards
Last edited by WebReflection (2015-05-06 19:00:05)

I finally got this to work. The wiki needs updating as of now it only states that gnome shell theme is now in a binary format, but not how to extract and repack it afterwards...
Anyway this is how i got it to work.
Use this script to extract gnome-shell-theme inside your choosen working directory
extractgst.sh
#! /bin/sh
#change workdir to suit your system
workdir=/home/merlin/temp/GS/test
gst=/usr/share/gnome-shell/gnome-shell-theme.gresource
mkdir theme
for r in `gresource list $gst`; do
gresource extract $gst $r >$workdir${r/#\/org\/gnome\/shell/}
done
Once you've run the script you should have the theme extracted to the theme folder which was created inside your workdir.
Now you can proceed to add a background image to this folder and edit gnome-shell.css by following the wiki page.
You must now create the file gnome-shell-theme.gresource.xml inside the theme directory. Simply copy paste the xml code below into gnome-shell-theme.gresource.xml, making sure to change the line that refers to your background image. On my system the background image is named login-background.jpg
<?xml version="1.0" encoding="UTF-8"?>
<gresources>
<gresource prefix="/org/gnome/shell/theme">
<file>calendar-arrow-left.svg</file>
<file>calendar-arrow-right.svg</file>
<file>calendar-today.svg</file>
<file>checkbox-focused.svg</file>
<file>checkbox-off-focused.svg</file>
<file>checkbox-off.svg</file>
<file>checkbox.svg</file>
<file>close-window.svg</file>
<file>close.svg</file>
<file>corner-ripple-ltr.png</file>
<file>corner-ripple-rtl.png</file>
<file>dash-placeholder.svg</file>
<file>filter-selected-ltr.svg</file>
<file>filter-selected-rtl.svg</file>
<file>gnome-shell.css</file>
<file>gnome-shell-high-contrast.css</file>
<file>logged-in-indicator.svg</file>
<file>login-background.jpg</file>
<file>more-results.svg</file>
<file>no-events.svg</file>
<file>no-notifications.svg</file>
<file>noise-texture.png</file>
<file>page-indicator-active.svg</file>
<file>page-indicator-inactive.svg</file>
<file>page-indicator-checked.svg</file>
<file>page-indicator-hover.svg</file>
<file>process-working.svg</file>
<file>running-indicator.svg</file>
<file>source-button-border.svg</file>
<file>summary-counter.svg</file>
<file>toggle-off-us.svg</file>
<file>toggle-off-intl.svg</file>
<file>toggle-on-us.svg</file>
<file>toggle-on-intl.svg</file>
<file>ws-switch-arrow-up.png</file>
<file>ws-switch-arrow-down.png</file>
</gresource>
</gresources>
now the only thing left to do is to run
cd ./theme
glib-compile-resources gnome-shell-theme.gresource.xml
It will create a gresource file that you can swap in /usr/share/gnome-shell.
Good luck and hopefully I will save many some headache. Took me quite a while to get the whole thing working
Last edited by atrotet (2015-05-06 04:49:36)

Random Default Background Image on startup

OK so I know how to change the default image on Leopard startup and am aware thats not a supported thing to do....however as someone who takes a lot of photos I thought it would be nice to be able to have a random image be show from a particular folder on startup.
Anyone know if this is possible to do with an AppleScript or another method?
Thanks
nstand

Hello Chet,
Take a look at this posting that gives instructions on how to set/change a back ground image.
https://supportforums.cisco.com/document/44191/how-modifychange-background-image-ip-phone-new
One gotcha that I have ran into before, is the List.xml file needs to be modified in WORD.
To change the background image on a phone from the call manager, you will need to:
->uncheck the option "enable end user to access phone background", under -> Device -> Device settings -> common phone profile. However, when we made this change, all phones restarted and all calls were dropped!!!!!
->Enter background image name in the "background image field" toward the bottom of the phone configuration page. Only name of the image is needed, not the path.
In earlier releases of callmanager you could not change the background image from the ccm. The work around that I used was to use an app called Phonedesigner.
Hope this helps,
if so, please rate.

7970 default background image

Is there any way to make an added background to the 7970 the default so that you do not have to select the background in the user settings?
Thanks,
Scott

Milay,
How can I add images (other than the default bkgrd image) on 7970 phone and I am using CMExpress.
Thanks

Default background image while making calls

I am not sure if I noticed it before, but once I upgraded to IOS7, Whenever I make a call there is a default image of a contact that shows up in the background behind the mute, speaker, keypad add call button, How do I turn that off ?

when I mean default.. No matter who I cann that one picture always is there in the background

[Solved] -Change the background image of gdm login screen.

When I first installed Arch I found that the default background image of gdm login screen ( or lock screen ) didn't look good with the desktop image that I had, so when I installed I looked for a way to change this. Sadly I could not find any direct and easy way, I looked in forums, I looked in gconf-editor and I could not find any relevant information about it. So I decided to look for the file and change it.
This was not the best option, clearly since now that I installed Gnome 2.30 it replaced the image with the old one and I had to change the file again. Since maybe some other people are having similar problems I thought I could just post the place where gdm is looking for the file, and if somebody has any suggestions about how to change it with a better way, I would welcome it .
After the longest intro to a directory, here it is: /usr/share/pixmaps/backgrounds/gnome/background-default.jpg
Thank you .
Last edited by agomezh (2010-04-11 18:53:09)

Not to belabour the point, but after much hair pulling, I stumbled upon the following method, and it works perfectly. It sets the default background (for GDM login, Lock, desktop...etc.) for Gnome to whatever you want--even new users get the new default background on their desktop, although they can obviously change it, this is only the default. The page also shows a method of doing the same as gnome-appearance-properties method with just gconftool-2. I hope this doesn't just cause confusion.
[Note: It still has to be run as root of course. I used sudo.]
http://library.gnome.org/admin/system-a … n#gconf-20
gconftool-2 --direct \
--config-source xml:readwrite:/etc/gconf/gconf.xml.defaults \
--type string \
--set /desktop/gnome/background/picture_filename some_picture_filename.png

Is there an ARD command or Unix command that I can send to reset the desktop background image to default?

I was forced to create a local user with an automatic login on all of the machines in the building. I listed off many various issues that could come arise by doing this but was tuned out. Now people are changing all of the desktop backgrounds to some pretty inappropriate images. I forewarned the person ordering this that this may be one of the many issues that would arise when doing away with our server based logins, and now I am charged with fixing every desktop every time someone changes it to something inappropriate.
Is that an Apple Remote Desktop command or a Unix command that I can send through ARD v3.5.3 to the machines to reset the desktop background image to the default Aqua Blue jpeg image located in the /MacintoshHD/Library/Desktop\ Pictures/Aqua\ Blue.jpg.
The machines that I am dealing with have OS X 10.4.11, OS X 10.5.8, OS X 10.6.8, and OS X 10.7.4 installed on them, but the OS X 10.4.11 machines are the ones that are creating the biggest issue so I would like to deal with those first.

Ya, I'd love to have the computers connected to the Xserver, unfortunately against my heeding, I was ordered to take them off of the Xserver, so they only have a local account that automatically logs in on startup, and even though I have Parental Controls set, I can not stop them from going to Safari, selecting an inappropriate image and setting it as the background, so now I’ve been ordered to fix all of the backgrounds that people are messing with.
My Xserver is running OS X 10.4.11 Server Edition. Yes, I would love a new server, but that’s not happening due to budget cuts.
So what I am hoping for is a command that I can put into Apple Remote Desktop v3.5.3 and push out to all of the computers via its Unix commands and reset all the desktops to their default image.

Help! Menu 1 : No Background Image defined, use default blank image!

I've compressed my video and then imported the assets into dvd sp When I click on inspector I can see it in the Browse clip window etc. BUT when I burn I get the following and nothing on my disc. What am I missing? [email protected]
Starting DVD Build UNTITLED_DISC...
Compiler Initializing...
Precompiling Project UNTITLED_DISC
Compiling VMG Information...
Created 7 PGCs in VTSM1
Created 8 PGCs in VMG.
1 Menu(s) will be created...
Compiling Menu PGCs...
Compiling Menu#1 (Menu 1)...
Menu 1 : No Background Image defined, use default blank image!
Menu 1 : No Buttons defined!
Writing VIDEO_TS.VOB
1 VTSs and 1 Titles will be created...
Compiling VTS#1 (Track 1)...
Muxing VTS011.VOB
Done.
Linking VMG...
Linking VTS#1...
Writing VTS#1...
Writing VMG...
Writing Layout Info...
Compile Completed Successfully
Warning: The file ‘UNTITLED_DISC.layout’ found in the VIDEO_TS or HVDVD_TS folder will not be included in the final disc.
Warning: The file ‘VOB_DATA.LAY’ found in the VIDEO_TS or HVDVD_TS folder will not be included in the final disc.
Mac OS X (10.3.9)

Hey Kellbone
this just means that you left your menu in your project, but you didnt delete it.
seems that you just made yoru first play the movie.
if you delete your menu, then you will not get that error.
all this error means is that you did not define either buttons or a sub-picture!
i get this error all the time with my static FBI warnings that i put in menu space, not on a VTS.
this is NOT a fatal error, so dont worry about it. it's more like a "HEY silly, you forgot to make buttons or put a sub-picture here!".
Mikey m.

Set the custom background images to default?

Is there any way to set the custom background image to default instead of manually changing the background image in the phone?

This was actually discussed some time ago. Please see this link.
http://www.voipintegration.com/software.html
See discussion here:
http://forums.cisco.com/eforum/servlet/NetProf?page=netprof&forum=Unified%20Communications%20and%20Video&topic=IP%20Telephony&CommCmd=MB%3Fcmd%3Dpass_through%26location%3Doutline%40^1%40%40.1ddd4505

Why Firefox OS automatically change my lockscreen background image to default?

I have ZTE Open C
At first boot my lockscreen background image was Firefox OS default image (fox on blue background).
Then I changed the background image of my picture from gallery.
My lockscreen background image all the same was default, but if I reboot my device, lockscreen image becomes the one I chose. And if I lock my phone, and then i unlock him, lockscreen background image becomes default.
I don't know what i can do, help me :)

Resetting the device to factory reset didn't resolve the issue for me. The lock screen now reverts to default, even after factory reset regardless of how many times I change my wallpaper.

In linux, saving a background image (set as Desktop)feature doesnt download my image to wallpaper folder..or even to standard "Save download" feature. Can I tell firefox where (what folder) to save my "Set as Desktop" picture?

When I find a suitable picture to use as wallpaper" I often right click and use the menu item "Set as Desktop Background". The file ""example.jpg" is saved in directory\folder "/home/user" rather than for example "/home/user/my wallpaper" or in the directory
"/home/user/Downloads". The latter as being set under the "Downloads" section on the "General" tab in the "Preferences" dialog box.
Is there a configuration file where I can change the default location to save my "Set as Desktop Background" images. Or better still can the menu be customized to launch the application that allows me to set my desktop wallpapers?
I am using the "PCLinuxOS" Linux OS but I have encountered this issue in many if not all the Linux distributions I have sampled.

Don't use "Set as Desktop". Use ''' "Save Image As..." ''' instead, and file it with your other "wallpaper" images so the operating system has access to those images.
IIRC, Firefox saves a "desktop image" to the Profile folder, and it will only save one image, at that. Change the image and the previous one is gone.

Problems to add a background-image to the widget Spry MenuBar!

With DreamweaverCS4 version 10.0 Build 4117, (italian language) I have tried to add a Spry MenuBar to the one website page.
But the problem is that I haven't understood where add my property "background-image": url(../immagini/Menu_Button_01.gif).
In the Application Page of Dreamweaver I have this screenshot:
But in the Preview Window of InternetExplorer 7 I have this strange behavior:
The "Menu_Button_01.gif" are a rounded square button made with PhotoshopCS4 and have a transparent background.
In the IE7 MenuBar doesn't appears as expected, without the transparent background!
1) How can I do to show my "Menu_Button_01.gif" image as transparent background in the MenuBar?
2) What is the correct CSS Style Rule to apply the "background-image" property?
(Example: "ul.MenuBarHorizontal li"? Or "ul.MenuBarHorizontal a"? )
3) Should I also apply the property: "background-color:transparent"? Where? What is the specific CSS Style Rule?
I have uploaded my little local WebSite to Rapidshare (100KB):
http://rapidshare.com/files/370735082/Test_Spry.zip.html
Please download it to inspect my problem.
Please response me!
Horsepower0171.

For a starter, you should not put your background style rules in the following. The accompanying descriptions will tell you this.
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 116px;
    float: left;
    background-image: url(../immagini/Menu_Button_01.gif);
    background-color: transparent;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 116px;
    position: absolute;
    left: -1000em;
    background-image: url(../immagini/Menu_Button_01.gif);
    background-color: transparent;
Then when you apply style rules to
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    padding: 0.5em 0.75em;
    color: #333;
    text-decoration: none;
    background-image: url(../immagini/Menu_Button_01.gif);
    background-color: transparent;
this will be overridden by the following rules. They replace your image with an arrow image.
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarDown.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarRight.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarDownHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarRightHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
There are one of two solutions
If you do not want and arrow, simply set background to none in the above four instances.
If you do want an arrow, include a down arrow image in a second Menu_Button_01.gif image called Menu_Button_01_DownArrow.gif or similar as well as a third one for your right arrow image.
I hope this helps.
Ben

Spry Menu Background image not working in IE

I have created a website using Dreamweaver CS5 and having trouble with my Spry bar in internet explorer. It looks great in chrome, firefox, etc, but in IE there is a white background instead of my background image and the submenus have moved WAY right.. can someone help me!
SpryMenuBarHorizontal.CSS is below:
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
width: 800px;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: center;
cursor: pointer;
width: 160px;
float: left;
background-image: url(file:///E|/MAIN_website/images/menu_background.jpg);
ul.MenuBarHorizontal li a{
color:#FFF;
ul.MenuBarHorizontal li li{
background-image: url(../images/menu_background1.jpg);
ul.MenuBarHorizontal li li a{
color:#000;
ul.MenuBarHorizontal li li li{
background-image: url(file:///E|/MAIN_website/images/index_06.jpg);
ul.MenuBarHorizontal li li li a{
color:#FFF;
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover,
ul.MenuBarHorizontal a.MenuBarSubmenuVisible{
color:#33CCFF;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 8.2em;
position: absolute;
left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
width: 160px;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
left: auto;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
padding: 0.5em 0.75em;
color: #FFF;
text-decoration: none;
font-family: Cambria, Arial, sans-serif;
font-size: 14px;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
color: #FFF;
text-decoration: underline;
/* [disabled]background-image: url(file:///E|/MAIN_website/images/menu_background.jpg); */
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
background-color: #33C;
color: #FFF;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
background-image: url(SpryMenuBarDown.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarDownHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;

Because I can't see your site and code in context, I will make a guess that this style is throwing off your alignment:
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: center;
cursor: pointer;
width: 160px;
float: left;
background-image: url(file:///E|/MAIN_website/images/menu_background.jpg);
Remove the text-align:center; from the above style.
Instead of centering your list element (li), center the link text (a) itself:
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
padding: 0.5em 0.75em;
color: #FFF;
text-align: center;
text-decoration: none;
font-family: Cambria, Arial, sans-serif;
font-size: 14px;
If you don't want the submenu text to be centered, do this immediately after the previous style:
ul.MenuBarHorizontal ul a {text-align: left;}
The sub-submenus are also set up by default to be jogged a bit to the right. You can adjust this style:
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
margin: -5% 0 0 95%;
that causes sub-submenus to fly out to the right of the submenus to which they attach.
Submenus themselves (not the sub-submenus) should fall directly under the top menu item by default, once you remove the text-align: center; on the li item (above).
Beth

Spry Menu Bar - Different Background Image Wanted for menu items

Hi, I've looked everywhere for help with this and just haven't found any answers yet ...
I want my Dreamweaver CS5.5 menu to look like this design I've done in PhotoShop ...
It's a simple one level list with no sub-levels.
Everything is good, except I can only set one background image for all the menu items at this level.
I want the first, last, and all the middle, menu items to use different background images.
I have no idea where or how to insert the code to set a different background image for each individual menu item ...
I know I could use images set one on top another in a column with rollover image swop, but the spry menu opens the door for dynamic content so I'm keen to get it working.
Manchester city council has a great example of this style of menu design working at - http://www.manchester.gov.uk/
They've got funky indenting of the text as well.
~~~~~~
This is the code for my menu list ...
<div class="sidebar1">
    <ul id="MenuBar1" class="MenuBarVertical">
      <li><a href="#">Home</a></li>
      <li><a href="#">News</a></li>
      <li><a href="#">Groups</a></li>
      <li><a href="#">Events</a></li>
      <li><a href="#">About</a></li>
      <li><a href="#">Contact</a></li>
         <li><a href="#">Help</a></li>
    </ul>
</div>
This is how I set the background image (but I can only define one image) ...
I set the image background to "Menu-Nav-Bar-Pic-Top-v1-w170px-h32px.jpg" through ...
CSS Styles
SpryMenuBarVertical.css
ul.MenuBarVertical a
I then select the background category
and browse to the image file.
doing this changes my CSS code as follows ...
ul.MenuBarVertical li
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 170px;
    margin-top: 4px;
    margin-bottom: 4px;
    background: url(/Images/Menu-Nav-Bar-Pic-Top-v1-w170px-h32px.jpg);
ul.MenuBarVertical ul
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: absolute;
    z-index: 1020;
    cursor: default;
    width: 170px;
    left: -1000em;
    top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 95%;
    background: url(/Images/Menu-Nav-Bar-Pic-Top-v1-w170px-h32px.jpg);
ul.MenuBarVertical a
    display: block;
    cursor: pointer;
    padding: 0.5em 0.75em;
    color: #0000;
    text-decoration: none;
    font: normal 12px Verdana, Geneva, sans-serif;
    background: #EEE url(/Images/Menu-Nav-Bar-Pic-Top-v1-w170px-h32px.jpg);
~~~~~~
These are the three images I want to apply to the top middle and bottom menu items :
Top menu item background image - "Menu-Nav-Bar-Pic-Top-v1-w170px-h32px.jpg"
Middle menu items background image - "Menu-Nav-Bar-Pic-Mid-v1-w170px-h32px.jpg"
Bottom menu item background image - "Menu-Nav-Bar-Pic-Bot-v1-w170px-h32px.jpg"
~~~~~~
As I am unable to set the menu items individually, this is how the menu looks like on my website at the moment ...
~~~~~~
So near yet so far ! I'm hapy with the verdana font, the image size and spacing, but the background images I just can't set them right.
I'd really appreciate any help on this as I'm out of ideas.
Thank you.

The easiest way is to use pseudo elements.
To style the first and last menu items ifferently to the rest, merely add :first-child and :last-child respectivly as follows
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css">
<style>
ul.MenuBarVertical li:first-child a {
    background-color: red;
    color: white;
ul.MenuBarVertical li:last-child a {
    background-color: green;
    color: yellow;
</style>
</head>
<body>
<ul id="MenuBar1" class="MenuBarVertical">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Item 4</a></li>
<li><a href="#">Item 5</a></li>
</ul>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
In your case, in liue of the background colour, you would have an image.
Gramps

How do I change the blurred background image on the Select User Screen

I have changed the desktop image on all of my users, as well as the screen savers. However, when I logout of one user and the screen where you select another user comes up, there is an image on the background of this particular screen that I cannot figure out how to change.
This is crucial because I do not want to see my crazy, abusive ex-wife every time I select a different user...even if it is a blurred image.
This blurred out image does not appear anywhere else on any of the different user accounts as a background/desktop image.
How do I change this background image?
Please help.

This seems to be a bug that goes away w/ 10.10.1
Yosemite login screen possible bug
"if I put my Mac in sleep mode, when I wake up it, the password request screen uses the default Yosemite wallpaper in blurred mode instead of the wallpaper I have chosen for my desktop."
or maybe not:
"And it still happens after the 10.10.1 update."
This seems to work.
"The only way I was able to fix this problem was to go Mission Control and close all extra desktops I was using except Desktop 1 (which you cannot delete if it is the last one). After deleting the extra desktops besides Desktop 1, I went into preferences and set my wallpaper. Once I complete both of these steps I returned to the login screen. The wallpaper I used for Desktop 1 was now my background for the login screen. Hope this helps."

GDM default background image

Similar Messages

Maybe you are looking for