Back to top

Autore Topic: immagine sopra titolo articolo  (Letto 3958 volte)

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
immagine sopra titolo articolo
« il: 29 Mar 2012, 17:23:44 »
Mi servirebbe un suggerimento per poter far andare in automatico l'immagine che ho nell'articolo, sopra il titolo di questo.

La strada che ho intrapreso per questa operazione è l'override.
Ho tantissimi articoli con un immagine, la classica immagine con il testo che gli flotta di lato.

Uso j2.5, è in questa nuova versione c'è anche la possibilità di inserire un immagine nell'articolo utilizzando la nuova funzione all'interno della voce "immagini e link". Ma volevo evitare di correggere ad uno ad uno gli articoli spostando le immagini nell'apposita finestrella.

Questa funzione consentirebbe un override semplice del file che si preoccupa di impaginare l'articolo.

Ho ereditato gli articoli da un un sito con j1.5, le immagini sono tutte inserite tradizionalmente insieme al testo.

Avevo anche pensato di utilizzare K2, anche qui l'override è abbastanza semplice, ma le immagini inserite nell'articolo non vengono migrate nel nuovo gestore di immagini.

Cosa fare?

Ho trovato questa vecchia discussione, qualcuno ha avuto lo stesso mio problema, questo qualcuno però si è dimenticato di dire come ha risolto.....

http://forum.joomla.it/index.php?topic=113708.0

Do sempre molta importanaza al fatto che ci sia un titolo coerente, "sgolandomi" avvolte, chiedendo di inserire un titolo coerente con la domanda, è in effetti questa discussione ha un titolo perfetto......forse mi devo concentrare anche su quelli che non condividono la soluzione? :)

Attendo qualche suggerimento.
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline MasterTheBest

  • Appassionato
  • ***
  • Post: 338
  • Sesso: Maschio
  • Web is not only a browser's geek things.
    • Mostra profilo
Re:immagine sopra titolo articolo
« Risposta #1 il: 29 Mar 2012, 21:51:11 »
Allora, visto che vuoi avere l'immagine dell'articolo in alto, devo chiederti di specificare un solo aspetto:

L'immagine deve comparire durante la lettura dell'articolo, o/e quando l'articolo è visto nelle categorie/rilievo insieme a tutti gli altri?
Nel frattempo, io girerei in component/com_content/views/article per modificare solo la visione dell'articolo.
Altrimenti, per visualizzare l'immagine anche in tutte le altre situazioni, dovrai girarti component/com_content/views/ e tutte le sottocartelle varie.

Per la tua situazione, cercherei una classe comune a quelle immagini, e poi darei un bel tocco di css
« Ultima modifica: 29 Mar 2012, 21:54:05 da MasterTheBest »
RAD • JUG Brescia
Se urgente, ti obbligo a contattarmi su twitter@RedsAnDev linkando la tua risposta su questo forum.
Joomla! è aiutarsi, insieme!

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:immagine sopra titolo articolo
« Risposta #2 il: 29 Mar 2012, 22:13:18 »
per adesso mi interessa solo la vista articolo. In ogni caso pensavo che se risolvo la vista articolo, poi la soluzione la applico alla vista blog.

So dove andare a prender i file per l'override: component/com_content/views/article/default.php ,ma non credo che con i css riesco a sistemare, non c'è nessuna classe comune se l'articolo viene inserito nel modo classico, inoltre c'è da far uscire fuori un immagine da due o forse più div......
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline MasterTheBest

  • Appassionato
  • ***
  • Post: 338
  • Sesso: Maschio
  • Web is not only a browser's geek things.
    • Mostra profilo
Re:immagine sopra titolo articolo
« Risposta #3 il: 29 Mar 2012, 23:05:42 »
Qua ti serve codicino bello:
Javascript
Caricare oggetto DOM contente l'articolo e prendere l'oggetto immagine nodo 1 (il primo) e posizionare
- il browser lavora un bel pò
C/python/php
Ti giri in locale un programmino che legga il contenuto del file backup e quando trovi l'immagine scegli se:
  • spostarla all'inizio dell'articolo (magari dopo il tag hr read-more)
  • oppure inserirla nella cella dedicata all'immagine articolo intero (quello di j2.5, per intenderci)
Io, preferirei il secondo, cosi ottimizzo: mi verrebbe da farlo in C con tre puntatori
uno legge tutto il file
un secondo si posiziona dove c'è il primo, dopo che questi abbia letto un certo numero di volte `,`  (non sono apici ' ne doppi ", sono ` altgr+? ). Il primo tag <img indicherà l'immagine da leggere.
il terzo puntatore lo posiziono al primo >, cosi con il primo ed il secondo ho isolato la stringa dell'immagine.
Se non ti serve immediatamente, potrei farlo io con un pò di calma e pazienza (sono uno studente universitario e sono in zona sessione esami)
RAD • JUG Brescia
Se urgente, ti obbligo a contattarmi su twitter@RedsAnDev linkando la tua risposta su questo forum.
Joomla! è aiutarsi, insieme!

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:immagine sopra titolo articolo
« Risposta #4 il: 30 Mar 2012, 00:39:04 »
Daje di codice! Qui trovi un articolo che parla di wordpress. Non c'è nullla di cui preoccuoarsi, è la stessa procedura che ho adottato per il sito che casualmente ho cancellato giusto la settimana scorsa (metodo uscito comunque con successo!).


Ti spiego la mia soluzione, che è più semplice di quanto sembri. Nella view dell'articolo trova la funzione che stampa l'articolo contenuto nella variabile. All'inizio della stessa pagina php applica la soluzione della guida che estrae le immagini da tale sorgente (la variabile di cui sopra) e salva in un array il risultato. Nell'override della view article (pardon, anche quando ho detto "stessa pagina php" intendevo proprio la stessa pagina ma nell'override!) inserisci un tag img con src= al primo elemento dell'array in cui hai salvato le src delle immagini (ad esempio echo $immaginiart[0];)


Se sei riuscito ad arrivare fino a qui ti spiego come andare avanti per evitare che la stessa immagine venga visualizzata nell'articolo (quindi come duplicato).


PS: D'ora in poi a quelli che non condividono la soluzione gli facciamo saltare il tostapane, sei d'accordo? ;)
« Ultima modifica: 30 Mar 2012, 00:40:49 da giovi »

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:immagine sopra titolo articolo
« Risposta #5 il: 30 Mar 2012, 00:47:38 »
Purtroppo non ho tutta questa preparazione. Mi arrangio bene su tante cose, ma per quello che ho in mente non saprei, quasi, da dove iniziare.

L'idea di mettere l'immagine prima del titolo nasce dall'esigenza di fare un portale di notizie. Questa configurazione, ovvero immagine, titolo, data e firma articolista ed infine articolo, rispecchia un nuovo modo di costruire l'impaginazione web. Su alcuni siti, hanno già questa configurazione e a me piace.

Molto probabilmente la soluzione tecnica che adottero sarà quella di eliminare la stringa di codice che richiama l'immagine, lasciare gliarticoli vecchi senza o reinserire un po per volta. Mentre per i nuovi articoli inserirei le immagini affidandomi all'inserimento dalla scheda "immagini e link".
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:immagine sopra titolo articolo
« Risposta #6 il: 30 Mar 2012, 00:55:52 »
Giovi ti ho letto solo ora, scrivevamo in contemporanea.

per quanto riguarda il tostapane, sarei dell'idea di fare dei bellissimi fuochi d'artificio con la moto oppure l'auto  :)

Adesso sono cotto, ma domani mi leggo bene cosa mi hai scritto, vediamo se riesco a risolvere......mi viene in mente anche un altro problema......io ho un sacco di articoli vecchi con immagine, ma per i nuovi articoli, vorrei utilizzare il nuovo modo di inserire le immagini.

Forse per stasera chiedo troppo, domani ci rifletto.

Vado che ho da preparare l'esplosivo ;)
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

 



Web Design Bolzano Kreatif