Problemino - sfondo input/submit - help! :(

[dado89]

Buongiorno ragazzi,

io ho un piccolo problemino...

Guardate qui: http://www.blokii.com/community/

Bene, vedete il pulsante "Entra"?

Io non vorrei che il pulsante di "Entra" fosse così.

Ma bensì vorrei che il pulsante entra avesse come sfondo questa immagine:
http://www.blokii.com/community/


Ora quello sfondo lo posso inserire solamente attraverso un collegamento al foglio css.

Guardate cosa ho fatto:

            global $CONFIG;

    $form_body = "<p class=\"loginbox\"><label>" . elgg_echo('username') . "
" . elgg_view('input/text', array('internalname' => 'username', 'class'=>'login-textarea')) . "</label>";
    $form_body .= "
";
    $form_body .= "<label>" . elgg_echo('password') . "
" . elgg_view('input/password', array('internalname' => 'password', 'class'=>'login-textarea')) . "</label>
";
    $form_body .= elgg_view('input/submit', array('value' => elgg_echo('login'), [COLOR=blue][B]'class'=>'login-button'[/B] [/COLOR] )) . "
<div id=\"border-bottom1\"></div>
<label><div id=\"persistent_login\"><input type=\"checkbox\" name=\"persistent\" value=\"true\" >".elgg_echo('user:persistent')."</div></label></p>";
    $form_body .=  "<p class=\"loginbox\">";
    $form_body .= "<div id=\"border-bottom1\"></div>
<label><a href=\"{$vars['url']}account/forgotten_password.php\">" . elgg_echo('user:password:lost') . "</a></label></p>
";
    
    //<input name=\"username\" type=\"text\" class="general-textarea" />
    
    $login_url = $vars['url'];
    if ((isset($CONFIG->https_login)) && ($CONFIG->https_login))
        $login_url = str_replace("http", "https", $vars['url']);

    
?>

    <div id="login-box">
    <div id="bg_entra1"><h2><?php echo elgg_echo('login'); ?></h2></div> 
        <?php 
            echo elgg_view('input/form', array('body' => $form_body, 'action' => "{$login_url}action/login"));
        ?>
        
    </div>

Bene, come vedete ho inserito

'class'=>'login-button'

che si collega al login-button del file css

Ossia questo pezzo di codice:

CSS

#login-box .login-button {
font-size:18px;
background: url("http://www.blokii.com/_graphics/button_entra.gif") no-repeat;
width:160px;
height:60px;
}

/CSS

Bene. Io ora sono in difficoltà, in quanto nonostante ciò, lo sfondo non appare?

Come posso fare?


Dimenticavo, non proponete di provare con "input[type=submit]", perchè anche con questo ho provato.

Vi prego...aiutatemi!

Grazie infinite.

[Jashev]

Ciao,
non vorrei dire una castronata ma analizzando un po' la pagina forse manca un /community/ nel percorso dell'immagine di sfondo..

[dado89]

Cavolo! E' vero, mi sono dimenticato proprio quello! Che sbadato!

Grazie

Comunque, ora il tutto è ok:

http://www.blokii.com/community/

o meglio, ancora c'è un problemino,

io vorrei togliere quel contorno del pulsante "Entra", mica sai su quale parte del codice devo mettere mano o cosa devo fare?

Grazie ancora

PS: Se c'è il bisogno di visionare il file css, dimmelo.

In modo tale che se ti serve visionarlo, lo invio via pvt.

Grazie ancora.

[Jashev]

Ho notato che l'immagine di sfondo del pulsante comprende un bordo grigio di suo.

Le soluzioni possono essere 2:

1) Modifichi l'immagine con un programma di grafica eliminando la parte grigia.

2) Nella proprietà background della classe "#login-box .login-button" inserisci due valori per i quali lo sfondo si sposta (ad esempio aggiungi -5px -10px);

In ogni caso devi ricordarti di modificare anche le proprietà "height" e "width" (diminuendole) e volendo aggiungere anche un "border: none;"

Spero di esser stato di aiuto..

Ciao

[dado89]

Ok Grazie!

E' bastato aggiungere un border:none;

Ps. Ti ho scritto un pvt.