Back to top

Autore Topic: Sfondo diverso per ogni pagina  (Letto 4100 volte)

Offline birbetta

  • Nuovo arrivato
  • *
  • Post: 10
    • Mostra profilo
Sfondo diverso per ogni pagina
« il: 05 Mag 2017, 12:34:02 »
Ciao a tutti  :) ,
ho la necessità di impostare uno sfondo 1920x1080 fisso e diverso per ogni pagina del mio sito, quindi mentre la pagina centrale di larghezza 1000 px scorre, lo sfondo resta fisso.
Dato che il mio template è personalizzato, ho bisogno di impostare le diverse pagine nei tag DIV.
Sto usando la versione 3.3.6 di joomla, ho usato diversi moduli senza grande successo.
Grazie a chiunque mi dia consigli.


Offline marine

  • Moderator
  • Instancabile
  • *****
  • Post: 6314
  • Sesso: Maschio
    • Mostra profilo
Re:Sfondo diverso per ogni pagina
« Risposta #1 il: 05 Mag 2017, 12:38:27 »
Ciao e benvenuto nel forum,
il primo consiglio che ti posso dare è di aggiornare il prima possibile la versione di joomla che la tua versione ha una nota falla di sicurezza molto grave e molti cattivoni possono fare quello che vogliono con il tuo sito.

Offline birbetta

  • Nuovo arrivato
  • *
  • Post: 10
    • Mostra profilo
Re:Sfondo diverso per ogni pagina
« Risposta #2 il: 05 Mag 2017, 12:44:07 »
Ciao Marine,
grazie per il benvenuto e la risposta, diciamo allora che userò joomla 3.7, riesci anche a darmi qualche buon consiglio per il mio quesito?
Grazie

Offline marine

  • Moderator
  • Instancabile
  • *****
  • Post: 6314
  • Sesso: Maschio
    • Mostra profilo
Re:Sfondo diverso per ogni pagina
« Risposta #3 il: 05 Mag 2017, 12:50:01 »
Hai già visto questo post?
L'ho trovato facendo una semplice ricerca qui sul forum...

http://forum.joomla.it/index.php/topic,260442.0.html


Offline birbetta

  • Nuovo arrivato
  • *
  • Post: 10
    • Mostra profilo
Re:Sfondo diverso per ogni pagina
« Risposta #4 il: 05 Mag 2017, 12:57:39 »
Si sono due giorni che cerco di seguire le istruzioni ma niente da fare, funziona mettendo la classe al tag body ma io ho bisogno di gestire il cambio di sfondo dal file index.php del template a livello del tag DIV e quando metto la class nel DIV sparisce tutto!  :)

Offline $Red

  • Moderator
  • Instancabile
  • *****
  • Post: 5351
  • "Bastard Inside"
    • Mostra profilo
Re:Sfondo diverso per ogni pagina
« Risposta #5 il: 05 Mag 2017, 13:34:08 »
Ciao benvenuto sul forum, prova questo modulo Slideshow ck responsive ed ha l'opzione background, che però sinceramente non ho mai usato come opzione, ma il modulo lo conosco e funziona benissimo :)

Offline birbetta

  • Nuovo arrivato
  • *
  • Post: 10
    • Mostra profilo
Re:Sfondo diverso per ogni pagina
« Risposta #6 il: 06 Mag 2017, 14:48:48 »
Ti ringrazio  :) $Red per il suggerimento, ma io vorrei proprio capite dove sbaglio, come suggerito in:

file:///C:/Users/Computer/Downloads/Uno%20sfondo%20diverso%20in%20ogni%20pagina.htm

ho fatto così: nel file index.php del mio template ho inserito subito sotto il controllo della inclusione in Joomla! (defined( '_JEXEC' ) or die( 'Restricted access' );) inseriamo il codice per recuperare la classe css:
$pageId = '0';

Codice: [Seleziona]
[pre]$pageClass = '';
$menu = JFactory::getApplication()->getMenu()->getActive(); // nota con php 5.3+ non si deve usare & dopo l'operatore di assegnazione
if (is_object($menu)){
$pageClass = $menu->params->get('pageclass_sfx');
$pageId = 'menuItem_' . $menu->id;
}
$pageClass = 'pg' . ($pageClass ? htmlspecialchars($pageClass) : 'generic');[/pre]nel file css ho inserito:[pre].pggeneric{
    background: transparent url(../images/sfondo.jpg) no-repeat top left;
}
 .pgcInverno{
    background: transparent url(../images/collezione_inverno.jpg) no-repeat top left;
}
 .pgcPrimavera{
    background: transparent url(../images/collezione_primavera.jpg) no-repeat top left;
}
 .pgcEstate{
    background: transparent url(../images/collezione_estate.jpg) no-repeat top left;
}[/pre]
e nel file index.php del template ho inserito:
<body class="mainBody <?php echo $pageId; ?> <?php echo $pageClass; ?>">
o anche solo:<body class="pggeneric">e funziona, ma io ho bisogno di inserire l'informazione sullo sfondo non nel tag body ma nel tag DIV perchè ho costruito il template in modo tale che ogni pagina (cioè ogni voce di menu) sia compresa tra <div> e </div> cioè:<body>            <?php              if ($this->countModules ('posizionemenuorizzontale'))                {                ?>                        <div>                                    <!-- qui è descritta l' home page -->                        </div>              <?php                        }                        elseif (($this->countModules ('posizionemenuorizzontalenegozio')))                   {                   ?>                        <div>                                    <!-- qui c'è la pagina 2-->                        </div>
..........
Spero di essere riuscito a farmi capire, grazie infinite a chi vorrà aiutarmi!  :) :) :) :)




« Ultima modifica: 06 Mag 2017, 15:30:10 da $Red »

Offline $Red

  • Moderator
  • Instancabile
  • *****
  • Post: 5351
  • "Bastard Inside"
    • Mostra profilo
Re:Sfondo diverso per ogni pagina
« Risposta #7 il: 06 Mag 2017, 15:30:52 »
per favore quando inserisci codici utilizza il tasto # per racchierlo nel tag
Codice: [Seleziona]
[*code]

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Sfondo diverso per ogni pagina
« Risposta #8 il: 06 Mag 2017, 16:01:34 »
ma usare un suffisso per ochi pagina troppo complicato?
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline birbetta

  • Nuovo arrivato
  • *
  • Post: 10
    • Mostra profilo
Re:Sfondo diverso per ogni pagina
« Risposta #9 il: 09 Mag 2017, 07:05:56 »
 :) Grazie $Red e Giusebos per le risposte,
posso chiedervi la cortesia di farmi capire meglio, $Red quando parli del tasto # ti riferisci solo all'inserimento della domanda nel forum o a qualcosa che modifica il codice?
Giusebos dove dovrei usare il suffisso e come?
Ragazzi grazie, sto davvero impazzendo con questo problema.

Offline $Red

  • Moderator
  • Instancabile
  • *****
  • Post: 5351
  • "Bastard Inside"
    • Mostra profilo
Re:Sfondo diverso per ogni pagina
« Risposta #10 il: 09 Mag 2017, 08:25:04 »
Ciao birbetta, intendo nel forum altrimenti non ci capiamo niente ed i post diventano lunghissimi, giusebos penso intenda dire che puoi richiamare le regole css nelle voci di menu nel campo classe pagina al tab visualizzazione pagina

Offline birbetta

  • Nuovo arrivato
  • *
  • Post: 10
    • Mostra profilo
Re:Sfondo diverso per ogni pagina
« Risposta #11 il: 09 Mag 2017, 17:44:48 »
Ecco $Red, hai messo proprio il dito sulla piaga ;D , è proprio questo che mi sfugge, potresti cortesemente spiegarmi nel dettaglio come posso richiamare " le regole css nelle voci di menu nel campo classe pagina al tab visualizzazione pagina" ?

Grazie infinite

Offline $Red

  • Moderator
  • Instancabile
  • *****
  • Post: 5351
  • "Bastard Inside"
    • Mostra profilo
Re:Sfondo diverso per ogni pagina
« Risposta #12 il: 09 Mag 2017, 19:07:56 »
hai la tua regola, esempio:
Codice: [Seleziona]
.pggeneric{
    background: transparent url(../images/sfondo.jpg) no-repeat top left;
}
vai a modificare la voce di menu e nel campo classe pagina scrivi pggeneric (senza punto)

Offline birbetta

  • Nuovo arrivato
  • *
  • Post: 10
    • Mostra profilo
Re:Sfondo diverso per ogni pagina
« Risposta #13 il: 09 Mag 2017, 19:20:25 »
Grazie $Red  :D , ma a questo punto cosa devo mettere come attributo del tag body o del tag div?

Offline $Red

  • Moderator
  • Instancabile
  • *****
  • Post: 5351
  • "Bastard Inside"
    • Mostra profilo
Re:Sfondo diverso per ogni pagina
« Risposta #14 il: 10 Mag 2017, 13:13:01 »
secondo me niente! ma giusebos ti saprà dire di piu

Offline birbetta

  • Nuovo arrivato
  • *
  • Post: 10
    • Mostra profilo
Re:Sfondo diverso per ogni pagina
« Risposta #15 il: 10 Mag 2017, 13:27:53 »
 :D Grazie $Red, lo pensavo anch'io, e tu Giusebos sei daccordo?

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Sfondo diverso per ogni pagina
« Risposta #16 il: 10 Mag 2017, 13:41:28 »
Non vorrei aggiungere altro perchè è un argomento trattato innumerevoli volte.
Le informazioni per questa pratica ci sono, però vanno cercate.

Diversi sono anche gli articoli in questo forum scritti da utenti della community, molti altri articoli si trovano nei vari siti che trattano joomla, articoli spesso scritti da utenti di questo forum.

La mia sensazione personale è che ripetere ogn i volta pratiche e procedure scoraggia la ricerca che come modus operandi è e rimarrà sempre la prima scelta operativa.

Quindi mi scuso se non riscrivo la procedura per l'ennesima volta , ma tu cercala e mettila in atto. Se poi qualche passo di quella procedura non ti è chiara, faccelo sapere e noi nel particolare non mancheremo di intervenire.

come parole chiavi su google puoi usare "joomla usare i suffissi" "Joomla suffix" o ancora "joomla sfondo diverso per ogni pagina"
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline birbetta

  • Nuovo arrivato
  • *
  • Post: 10
    • Mostra profilo
Re:Sfondo diverso per ogni pagina
« Risposta #17 il: 10 Mag 2017, 16:52:57 »
Ok Giusebos farò come dici e se avrò problemi non mancherò di chiederti.
Grazie e buona serata  :D

Offline birbetta

  • Nuovo arrivato
  • *
  • Post: 10
    • Mostra profilo
Re:Sfondo diverso per ogni pagina
« Risposta #18 il: 01 Giu 2017, 16:15:15 »
Buonasera a tutti,
alle prese con il problema noto vi faccio partecipi dei "progressi" fatti e di quelli, ahimè non fatti.
Dunque, sempre usando joomla3.7.0:
1) nel campo "classe pagina"della voce home del menu principale inserisco "paginahome"
2) tra i tag <head> del file index.php del template beez3 inserisco il codice:
   <?php
            $app = JFactory::getApplication();
            $menu = $app->getMenu()->getActive();
            $pageclass = '';
   
            if (is_object($menu))
                $pageclass = $menu->params->get('pageclass_sfx');
   ?>
3) nel tag body sempre nel file index.php, inserisco:
<body id="<?php echo $pageclass ? htmlspecialchars($pageclass) : 'default'; ?>">
4) Usando firedebug mi rendo conto che ora quando sono nella pagina home viene visualizzato:
<body id="paginahome" style="font-size: 100%;">
5) Quindi sono riuscito a caratterizzare la mia pagina con uno specifico id del body, il problema è che quando vado nel file template.css e inserisco:
#paginahome {
background-color:#0088CC;
}
oppure
.paginahome {
background-color:#0088CC;
}
non si ha nessun effetto sperato.
Ricordo che il template che sto costruendo passa da una pagina all'altra mediante dei rami dell'istruzione if then else e che in questo caso cerco di dare alla pagina home ad esempio il colore #0088CC, riuscito questo potrò inserire una immagine di sfondo diversa per ogni pagina.
Spero in un vostro aiuto ragazzi, grazie.

 



Web Design Bolzano Kreatif