Login button image

[MadFly]

Hey Guy!

I am struggling with the image for the login button. I tried inserting that code you gave me only into the style.css, but then nothing happend, so i added the image via the plugin configuration page, where you can edit the name of the login button and all that.

then it displayed both images, the silver one and the blue one, even though i only added the silver one. then i tried added that code into the style.css box that is within that configuration page, but still nothing.

any ideas?

[Don Chambers]

I have absolutely no idea what you are talking about..... did I miss part of a conversation somewhere else?

[MadFly]

sorry for that one. akremedy gave me an image to put on the login button and so on. (all the rest as well i think, like log out etc.)

And he also gave me some code to insert into the style.css of the template i am using. but i just saw that i edited the code. so that is why it might not work.

but the initial idea is to get a login button just like at pigslipstick.com

[Don Chambers]

See this thread: http://board.s9y.org/viewtopic.php?t=13775

[MadFly]

that is not really what i was looking for, i think. i allready have the plugin installed, but now i want the buttons to display.

i found a customcss.txt within that .zip file. and i copied the button code and pasted it in my style.css. but still nothing

[Don Chambers]

My apologies for a lack of understanding, but can you please be extremely specific with what you want to accomplish? You do, or do not, want a plugin in the sidebar where users can enter their name and password complete with a button to login?

Do you want to just use a login button like pigslipstick, but not the form?

[MadFly]

My apologies for a lack of understanding, but can you please be extremely specific with what you want to accomplish? You do, or do not, want a plugin in the sidebar where users can enter their name and password complete with a button to login?

Do you want to just use a login button like pigslipstick, but not the form?

It's not you that are not understanding, its most likely just me who is not giving specific enough information, and details. I'll try again...

I have that plugin installed, and are using the sidebar login form thingy. After the installation i noticed that pigslipstick has an smooth edged silver login button, and i don't. So i emailed him about the button. Then he gave me the button as an attachment and some code i had to insert into i3theme\style.css. which i did, but nothing changed.

I got the plugin from pigslipstick, so i assume its the same as his. but my button is missing.

Here is the code i inserted into i3theme\style.css

Code: Select all

#serendipity_category_form #submit {
    font: 12px/100% Arial, Helvetica, sans-serif;
    color: #000000;
    background: url({TEMPLATE_PATH}img/submit-btn70.gif) no-repeat top left;
    border: none;
    width: 70px;
    height: 25px;
    padding-bottom: 6px;
    margin-left: 0px;
}
#serendipity_category_form #submit:hover {
    background: url({TEMPLATE_PATH}img/submit-btn70.gif) no-repeat bottom left;
}

I inserted that code just below

Code: Select all

#calendar .Today {
  font: bold 14px/100% Arial, Helvetica, sans-serif;
}

I hope that is specific enough.

[Don Chambers]

because you have embedded styles that are loaded after your stylesheet that
are overriding your image:

Code: Select all

#sblogloginbtn {
    font: 12px/100% Arial, Helvetica, sans-serif;
    color: #000000;
    background: white;
    border: none;
    width: 70px;
    height: 25px;
    padding-bottom: 0px;
    margin-left: 0px;
}
#sblogloginbtn:hover {
    background: silver;
}

So that explains why your button looks white or silver on hover. Are the embedded styles left over from an earlier attempt to get it to work, or are those styles generated by the plugin itself? The styles you want to use for the button image need to either come after these rules, use !important, or be more specific (ie, precede #sblogloginbtn with the id or class of the container above it, such as #sidebar-right #sblogloginbtn)

[MadFly]

mmmmm.....

So then what exactly do should i do?

because you have embedded styles that are loaded after your stylesheet that
are overriding your image:

Code: Select all

 
#sblogloginbtn { 
    font: 12px/100% Arial, Helvetica, sans-serif; 
    color: #000000; 
    background: white; 
    border: none; 
    width: 70px; 
    height: 25px; 
    padding-bottom: 0px; 
    margin-left: 0px; 
} 
#sblogloginbtn:hover { 
    background: silver; 
} 

So that explains why your button looks white or silver on hover. Are the embedded styles left over from an earlier attempt to get it to work, or are those styles generated by the plugin itself? The styles you want to use for the button image need to either come after these rules, use !important, or be more specific (ie, precede #sblogloginbtn with the id or class of the container above it, such as #sidebar-right #sblogloginbtn)

Should I add this code

Code: Select all

#serendipity_category_form #submit { 
    font: 12px/100% Arial, Helvetica, sans-serif; 
    color: #000000; 
    background: url({TEMPLATE_PATH}img/submit-btn70.gif) no-repeat top left; 
    border: none; 
    width: 70px; 
    height: 25px; 
    padding-bottom: 6px; 
    margin-left: 0px; 
} 
#serendipity_category_form #submit:hover { 
    background: url({TEMPLATE_PATH}img/submit-btn70.gif) no-repeat bottom left; 
}

Before #sblogloginbtn { and should i change the # to a ! ???

You kind of lost me there half way through