Problema Risolto Icona su header

RE: Icona su header

#1
Salve come potete vedere dall'immagine allegata sono riuscito senza troppi problemi a inserire un link nell'header menù, ma per quanto abbia cercato non sono riuscito a eliminare l'icona di default della lente, so come aggiungere un altra icona che va ad affiancarsi a quella della lente. Come posso fare per eliminare in modo non invasivo quell'icona inserendone un altra?

Grazie :-)


Allegati Immagini
   
 

RE: Icona su header

#2
Se non sbaglio il link ha la classe search, giusto?
Se è cosi' sostituiscila con un'altra classe. Poi nel foglio di stile global.css inserisci questo codice:
.tuaclasse {
    
background-imageurl('tuaimmagine.png');
    
background-size16px;

Sostituisci tuaclasse con la classe che hai dato al link e tuaimmagine.png con il link all'immagine.
Citazione:Noi non possiamo aiutare tutti, ma tutti possono aiutare qualcuno
[-] I seguenti utenti ringraziano chack1172 per questo messaggio:
  • Siegfried
 

RE: Icona su header

#3
(20-10-2018, 11:52)chack1172 Ha scritto: Se non sbaglio il link ha la classe search, giusto?
Se è cosi' sostituiscila con un'altra classe. Poi nel foglio di stile global.css inserisci questo codice:
.tuaclasse {
 
   background-imageurl('tuaimmagine.png');
 
   background-size16px;

Sostituisci tuaclasse con la classe che hai dato al link e tuaimmagine.png con il link all'immagine.

Grazie per la risposta giustamente hai bisogno di maggior contesto, io ho inserito nell'header del tema di default questo script:

<li><a href="{$mybb->settings['bburl']}/index.php?action=home" class="">home</a></li>


ma in questo modo appare la lente senza troppi aggiustamenti non posso inserire la class ad esempio la chiave presente sull'headerlinks_sprite.png?
 

RE: Icona su header

#4
Aggiungi al link la tua classe, poi modifica il foglio di stile global.css e trova questo codice:
#panel .upper a.login,
#panel .upper a.lost_password {
    
backgroundurl(../../../images/headerlinks_sprite.png-100px no-repeat;
    
padding-left20px;
    
margin-left10px;
    
font-weightbold;


Sostituiscilo con questo:
#panel .upper a.login,
#panel .upper a.lost_password,
#logo ul.top_links a.tuaclasse {
    
backgroundurl(../../../images/headerlinks_sprite.png-100px no-repeat;
    
padding-left20px;
    
margin-left10px;
    
font-weightbold;


E sostituisci .tuaclasse con la classe che hai dato prima. Questo è l'unico modo.
Citazione:Noi non possiamo aiutare tutti, ma tutti possono aiutare qualcuno
 

RE: Icona su header

#5
(21-10-2018, 19:41)chack1172 Ha scritto: Aggiungi al link la tua classe, poi modifica il foglio di stile global.css e trova questo codice:
#panel .upper a.login,
#panel .upper a.lost_password {
 
backgroundurl(../../../images/headerlinks_sprite.png-100px no-repeat;
 
padding-left20px;
 
margin-left10px;
 
font-weightbold;


Sostituiscilo con questo:
#panel .upper a.login,
#panel .upper a.lost_password,
#logo ul.top_links a.tuaclasse {
 
backgroundurl(../../../images/headerlinks_sprite.png-100px no-repeat;
 
padding-left20px;
 
margin-left10px;
 
font-weightbold;


E sostituisci .tuaclasse con la classe che hai dato prima. Questo è l'unico modo.

Grazie si può archiviare come risolto :-)
 

RE: Icona su header

#6
Perfetto. Chiudo e segno risolto Smile
Citazione:Noi non possiamo aiutare tutti, ma tutti possono aiutare qualcuno
 
  

Vai al forum:


Utenti in questa pagina: 1 Ospite(i)