inserire un icona nel modulo search

[lucantropo]

Buon giorno a tutti, sto battagliando per creare un template estremamente personalizzato,
ho effettuato diversi passi e volevo al momento modificare il modulo di ricerca in modo che di fianco al campo  abbia un icona con la lente di ingrandimento.
Ho provveduto a fare l'override del modulo ed inserire una classe per l'icona.
fin ora in questa classe ho inserito un immagine di sfondo che però non mi soddisfa molto,
vorrei inserire all'interno di questa classe un immagine a cui poi dare dei valori css diversi dal background-image, in modoche che se ce ne fosse il caso si adattasse ai dispositivi mobili.
Non riesco però a capire come deve essere la stringa nel default.php per inserire l'immagine dato che il php non è proprio il mio forte!

Ringrazio in anticipo!

[smino89]

 
scusa ma se chiudi il tag php con ?> puoi usare del semplice html

//php
?>
<img src=.....
<?php
//php

[lucantropo]

Quando dicevo che il php non è il mio forte sono stato oltremodo lusinghiero con me stesso!
Fin ora avevo provato ad inserire solo HTML puro!
Appena riesco a mettere le mani sul template provo il tuo suggerimento e verifico!
Intanto grazie

scusa ma se chiudi il tag php con ?> puoi usare del semplice html

//php
?>
<img src=.....
<?php
//php

[lucantropo]

allora, ho inserito come da consiglio, il risultato ora è che l'ingombro dell'icona lo prende, tanto che esce fuori l'alt dell'immagine, ma non prende l'immagine, per capirmi come faccio a specificare la cartella del template da cui deve pescare l'immagine?

arigrazie!

[ellezero]

lucantropo, metti un link al sito?
perche a me pare che sia piu facile di quello che sembra e che ti stai impastrocchiando nel php quando dovrebbe essere tutto css...
poi magari mi sbaglio eh

[lucantropo]

lucantropo, metti un link al sito?
perche a me pare che sia piu facile di quello che sembra e che ti stai impastrocchiando nel php quando dovrebbe essere tutto css...
poi magari mi sbaglio eh

allora il link è il seguente
http://www.eventiamente.it/joomla2.5/
al momento è in costruzione, alla fine dovrà diventare responsive!
Mi spiego meglio su quello che voglio fare spazio di ricerca col modulo, piccola barra di ricerca con icona di fianco all'iput box
input box con una classe
icona con un'altra classe
tutto impostato tramite override
dentro l'override dove ho aggiunto questa nuova classe ho inserito la stringa per collegare l'immagine
viene usata dal sistema infatti si vede "l'alt" che ho dato all'immagine ma non inserisce l'icona!

vorrei usare questo "inserimento" perchè è più gestibile di un' immagine di sfondo

spero di essere riuscito a spiegarmi....

grasssssiiiieee

[ellezero]

cosi eh, prova a controllare il percorso dell'immagine che hai linkato perche a me prima di qualsiasi altra cosa dice che nn puo caricare il percorso...

se richiami l'immagine con quella path la vedi?

[ellezero]

ecco, siccome mi piace spippolare...
metti questo percorso all'immagine
e si vedra'
/joomla2.5/templates/joomla2.5responsivebyframesanremo/images/search_button.png

poi certo, devi centrarla un po

[lucantropo]

ti ringrazio infinitamente è già un grosso passo avanti che ora si veda,
vorrei però dare un percorso nell'override in modo che il file funzioni anche se installato su altri server e non speicificamente su questo che utilizzo come test.
quindi vorrei inserire uno script php simile a quello che si usa per richiamere i css nei template!!

[lucantropo]

Dopo un po' di tempo e passate un paio di feste son tornato a tentare di risolvere il problema, ma ancora non riesco!
Ora riassumo, sto modificando il modulo search con l'override, voglio inserire nel default.php un'immagine tipo icona di lente di ingrandimento.
Riesco tranquillamente a dare classi per fare questa operazione.
Il problema sta nel dare il percorso dove reperire questa immagine!
Grazie agli aiuti siamo arrivati alla conclusione che dando una stringa di questo tipo:

Codice: [Seleziona]

     <?php
echo '<img src="../joomla2.5/templates/joomla2.5responsivebyframesanremo/images/search_button.png" class="image_search" alt="ricerca" / />';
?> si riesce ad inserire la suddetta immagine, penserò poi a dare via css i valori per utilizzarla in maniera responsive!
Ora io vorrei sostituire il percorso della cartella specifica con del codice php, in modo da poter utilizzare il tutto in altri siti e altri server, visto che quello che utlizzo ora è un server di prova e che ho installato joomla in una sotto cartella.
Il codice php dovrebbe essere simile a quello utilizzato per dare il percorso ai css

Codice: [Seleziona]

<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/ovviamente già provato e non funzionante, fa sparire tutto il template lasciando solo la ricerca.

Spero di aver spiegato il problema in maniera corretta e che qualcuno possa aiutarmi.
Grazie in anticipo a tutti!!

P.s. nel frattempo Buon Anno!

p.p.s il link del sito su cui sto testando il tutto è il seguente http://www.eventiamente.it/joomla2.5/

[tomtomeight]

Ci sarà pure in altra parte del css un richiamo ad una image come qualche sfondo background o altro? Ebbene copia  l'url adattandolo alla nuova image che inserirai nella stessa cartella. Ovviamente fai il tutto solo nel css.

[lucantropo]

Grazie per la risposta, avevo già provato però inserendo via css l'immagine la posso trattare solo come sfondo, come soluzione non mi piace ed è difficilmente gestibile per essere responsive.

Ovviamente io non conosco soluzioni css3 per inserire immagini che non siano sfondo eh!!

Rigrazie!

[tomtomeight]

non credo che una piccola lente di ingrandimento possa influire sul responsive.

[lucantropo]

il campo al momento è situato in una posizione dove ad esempio in versione potrait sui tablet si restringe di parecchio, ovviamente la lente usata come sfondo avrebbe la stessa dimensione, quindi dando difficoltà.
ovviamente potrei creare immagini ad hoc per ogni risoluzione ma prima di farlo vorrei vedere se si può fare altrimenti solo con codice php, che purtroppo non è il mio forte  .
se non ci sono soluzioni di questo tipo poi farò in altra maniera ma per ora non perdo le speranze!!

[ellezero]

al volo,
dai all'immagine una dimensione in % ed e' fatta.

[lucantropo]

Ciao, non ho ancora impostato del tutto il css, perchè sto ancora tentando di capire se c'è un modo per risolvere il mio problema principale, in effetti al momento sono un po' indietro con la realizzazione di questo template  , grazie comunque per il suggerimento!