Joomla.it Forum
Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => : wakeup 14 Mar 2012, 12:00:59
-
Salve a tutti, vado subito al dunque:
avrei il bisogno di costruire una Landing Page ma non avendo le possibilità, cercando nel web ho trovato questo link (http://www.joomla.it/articoli-community-16-e-17-tab/5441-personalizzare-la-pagina-offline-joomla-25x-e-joomla-15x.html) che spiega come modificare la pagina del sito OFFLINE inserendo un modulo (credo), una iscrizione alla News Letter ed altro, usandola quindi come Landing Page.
Beh, a me interesserebbe proprio questo, inserire nella pagina la News Letter oltre all'accesso, ma li è spiegato solo come inserire il countdown che a me interessa relativamente poco.
Quindi avrei necessità che qualcuno mi dicesse o consigliasse come fare.
Uso la v. 2.5.
Grazie!
-
Ciao wakeup,
il procedimento è identico.
Cosa non ti è chiaro?
-
Forse non avevo letto bene la guida. Ora ci provo
-
Allora, io vorrei inserire
- eliminare se possibile la linea del riquadro che racchiude il Login con il nome del sito ed il messaggio
- e sapere come posizionare i vari moduli (es: in basso, a destra o sinistra della pagina).
come faccio?
Grazie
-
Come ti ho scritto, il procedimento è identico.
Per l'immagine di sfondo:
apri il file offline.css e qui metti l'immagine, in questo caso si chiama "alpi.jpg"
body {
background-color: #333333;
background-image:url("../images/alpi.jpg");
min-height: 600px;
min-width: 980px;
text-align: left;
}
Questo è il codice completo del file offline.php già depurato dalla maschera di login e dal nome del sito come da esempio
<?php
/**
* @package Joomla.Site
* @copyright Copyright (C) 2005 - 2012 Open Source Matters, Inc. All rights reserved.
* @license GNU General Public License version 2 or later; see LICENSE.txt
*/
defined('_JEXEC') or die;
$app = JFactory::getApplication();
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>">
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/beez_20/css/offline.css" type="text/css" />
<?php if ($this->direction == 'rtl') : ?>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/offline_rtl.css" type="text/css" />
<?php endif; ?>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />
</head>
<body>
<jdoc:include type="message" />
<div class="bx-overlay"></div>
<div class="middle" id="wrp">
<div class="middle" id="inner">
<div id="box-center">
<jdoc:include type="modules" name="XXX" />
</div>
</div>
</div>
</div>
<div class="clear"></div>
<?php if ($app->getCfg('offline_image')) : ?>
<img src="<?php echo $app->getCfg('offline_image'); ?>" alt="<?php echo $app->getCfg('sitename'); ?>" />
<?php endif; ?>
</body>
</html>
La parte che visualizza la posizione centrale, quella nera è questa
<div id="box-center">
<jdoc:include type="modules" name="XXX" />
</div>
che viene posizionata con una regola nel file offline.css che è questa:
#box-center {
background-color: #181818;
box-shadow: 0 0 10px #111111;
margin-left: auto;
margin-right: auto;
padding: 40px;
position: relative;
width: 700px;
z-index: 30;
}
Ovviamente dovrai giocare con il file offline.php per aggiungere eventuali nuove posizioni e con il file offline.css per posizionare quelle posizioni modulo(in basso/ a destra / a sinistra).
Ciao!
-
Grazie davvero per la spiegazione dettagliata,
ma ti volevo chiedere: il codice per l'immagine di sfondo dove devo metterlo, perchè se lo posiziono dopo il <body> già presente, viene visualizzata sulla pagina il codice così com'è scritto nel file .php.
E poi il file .jpg da me scelto per lo sfondo in quale cartella devo inserirlo?
-
Ciao,
il codice dell'immagine, quello che inizia con
body { etc etc
devi metterlo nel file offline.css
Il file .jpg devi metterlo nella cartella images del template
-
L'ho inserito così, ma è ovvio che sbaglio qualcosa
... <jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/beez_20/css/offline.css" type="text/css" />
<?php if ($this->direction == 'rtl') : ?>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/offline_rtl.css" type="text/css" />
<?php endif; ?>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />
</head>
<body>
{
background-color: #333333;
background-image:url("../images/alpi.jpg");
min-height: 600px;
min-width: 980px;
text-align: left;
}
<jdoc:include type="message" />
<div class="bx-overlay"></div>
<div class="middle" id="wrp">
<div class="middle" id="inner">
<div id="box-center">
<jdoc:include type="modules" name="XXX" />
</div>
</div>
</div>
</div>
<div class="clear"></div>...
-
devi metterlo nel file offline.css
;)
-
oops! e dove lo trovo?
-
Ok! il peggio è risolto :D
Ora mancano le rifiniture, per esempio: io lavoro con un 13" risoluzione 1280x800, ed una volta caricata la pagina in questione, l'immagine di sfondo viene visualizzata "affiancata".
Io ho creato una immagine con le dimensioni che mi hai proposto tu,
min-height: 600px;min-width: 980px;
Posso risolvere anche questo in qualche modo o devo ingrandire l'immagine?
ma se la ingrandisco poi come verrà visualizzata su altri schermi più piccoli o più grandi?
Ed ancora, ho scaricato un modulo per news letter che mi permette di scrivere, prima o dopo, un testo che però risulta spostato a sinistra. è possibile modificarlo?
Grazie
-
non abbandonarmi qui Maicol!! :D
come faccio a centrare l'immagine di sfondo senza averne altre uguali affiancate e posizionare i moduli anche in basso?
-
Ho risolto il problema per il posizionamento dello sfondo, e non solo, grazie all'aiuto di questo link
http://it.html.net/tutorials/css/lesson3.php (http://it.html.net/tutorials/css/lesson3.php)
nel caso potesse servire a qualcuno...
-
Vorrei un consiglio, e poichè riguarda la Landing page che sto facendo come descritto in questo post, continuo qui.
Diciamo che la pagina è pronta, ma c'è un piccolo problemino. Ho inserito al suo interno il modulo per le News Letter in cui c'è anche il link Privacy e termini d'uso a cui naturalmente devo assegnare una pagina omonima per il contenuto. Il problema è che pur assegnandola, (tramite ID), quando clicco sul link, viene visualizzato il popup che però come contenuto mostra la stessa Landing page.
Non vorrei che dato che il sito risulta Offline non è possibile visualizzare altre pagine all'infuori di quella! :-[