Vanilla 1 is no longer supported or maintained. If you need a copy, you can get it here.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.
Change login link with an image
Hi.
In these days i'm searching to use an image instead of the login link in home page but i don't know wich file and wich part of code i need to change. I'll use a rollover png file downloaded with the css code from a guide. It uses the class button to specify the function for the button and i think is it to make mistakes in the code. I'm using the theme delbat with basecamp style.
The piece of code i'm searching to use is the following linked here (the pages 1 and 2 of the guide).
http://css.html.it/articoli/leggi/2256/bottoni-con-rollover-flessibili/1/
And where may i add (wich folder) the image .png?
Thanks a lot.
Phebo
In these days i'm searching to use an image instead of the login link in home page but i don't know wich file and wich part of code i need to change. I'll use a rollover png file downloaded with the css code from a guide. It uses the class button to specify the function for the button and i think is it to make mistakes in the code. I'm using the theme delbat with basecamp style.
The piece of code i'm searching to use is the following linked here (the pages 1 and 2 of the guide).
http://css.html.it/articoli/leggi/2256/bottoni-con-rollover-flessibili/1/
And where may i add (wich folder) the image .png?
Thanks a lot.
Phebo
0
Comments
<span>
to accomplish its button so you'll need to modify a theme file. Take a look atthemes/delbat/menu.php
and add a<span>
to the lines that look like this (I've added the span in here):<?php // ... $this->Context->GetDefinition('SignedInAsX')).' (<a href="'.$this->Context->Configuration['SIGNOUT_URL'].'"><span>'.$this->Context->GetDefinition('SignOut').'</span></a>)'; // ... echo $this->Context->GetDefinition('NotSignedIn').' (<a href="'.AppendUrlParameters($this->Context->Configuration['SIGNIN_URL'], 'ReturnUrl='.GetRequestUri()).'"><span>'.$this->Context->GetDefinition('SignIn').'</span></a>)'; // ...
Then for your CSS in the tutorial you'll need to replace "
a.button
" selectors with "#Session a
".#Session a {}
and#Session a span {}
.#Session a {float: left;height: 35px;padding-left: 18px;
font: bold 150%/35px "Trebuchet MS",Arial,sans-serif;
background: url(bottone.png) no-repeat top left;
text-decoration: none;color: #286C98}
#Session a span {display: block;padding-right: 18px;
background: url(bottone.png) no-repeat top right}
#Session a:hover{background-position: bottom left;color: #6B9828}
#Session a:hover span{background-position: bottom right}
url()
commands in CSS are relative to the css file being executed. So if you havetheme/style.css
and your images are intheme/images/button.png
, your CSS should bebackground: url(images/button.png);