Variare colore testo nelle pagine protette 
Author: Guido G.
Visited 1708,
Followers 2,
Shared 0
Salve,
uso WebSite x5 v10.1.2.42 ed avrei necessità di variare da nero a bianco (o altro colore) il colore del testo usato nelle pagine protette tramite la funzione "accesso riservato".
Dove devo intervenire?
In particolare vorrei rendere bianco il testo di default: "Per poter accedere a questa sezione del Sito è necessario inserire i propri dati di accesso." (Gestione accessi), oltre - ovviamente - alla scritta "Nome Utente" e "Password".
E' possibile?
Grazie.
Posted on the
quando usi il widget login nell'ogg html ti spara il codice che puoi modificare a tuo piacere (imUname e imPwd)...
Author
grazie per avermi risposto.
farò qualche prova in tal senso.
ciao!
Author
come non detto! Non è quello cui mi riferisco.
Dunque: se - dopo aver pubblicato il sito - nel widget login io premo 'accedi' SENZA compilare i campi 'nome utente' e/o 'password' vengo rimandato ad una pagina php (imLogin.php) ove - appunto - mi viene notificato che 'Per poter accedere a questa sezione del Sito è necessario inserire i propri dati di accesso' e viene riproposta una maschera di log-in.
Ecco, io vorrei intervenire su questa pagina php e variare il colore e tipo di carattere mostrato.
Si può fare?
Grazie.
Se ho capito bene ed andando alla cieca, prova questo CSS da inserire in Impostazioni Generali - Esperto - Prima delle chiusura del tag HEAD:
<style>
#imLoginDescription {
color: red;
font-family: Georgia;
}
</style>
Se funzionerà, dovrai personalizzare il colore e tipo di font... ovviamente.
_______ oltre il 5° step ________
http://www.unofficialwsx5.com
non era quello che avevi chiesto all'inizio o non avevo capito io, ma va bene, intanto prova il consiglio di lemonsong ...
Author
Grazie ad entarmbi, ma vorrei - se possibile - cambiare il colore del carattere ANCHE della scritta (label) "Nome Utente" e della scritta "Password" (presente sempre nella stessa pagina imLogin.php)
E' possibile?
Grazie ancora per la pazienza.
... io non ho il programma per poter verificare, ma se intercetti gli ID relativi usati nella pagina, ...potresti sfruttarti il suggerimento che trovi qui: http://answers.websitex5.com/post/79418
... eventualmente, posta la pagina che ti interessa, e provo a vedere se rilevo gli ID come avevo fatto in quel Post...
.
ciao, KolAsim
Author
Allora, questo dovrebbe essere il codice della pagina imLogin.php:
<?php
require_once('res/x5engine.php');
$pa = new imPrivateArea();
if (isset($_POST['imUname']) && isset($_POST['imPwd'])) {
$result = $pa->login($_POST['imUname'], $_POST['imPwd']);
if ($result < 0) {
header('Location: imlogin.php?loginstatus=' . $result);<br /> exit();<br /> }<br /> $page = $pa->getSavedPage() ? $pa->getSavedPage() : $pa->getLandingPage();<br /> $pa->sessionSafeRedirect($page);<br />}<br />?><br /><!DOCTYPE html><!-- HTML5 --> <br /><html lang="it" dir="ltr"> <br /> <head> <br /> <title>Accesso Riservato</title> <br /> <meta charset="utf-8" /><br /> <!--[if IE]><meta http-equiv="ImageToolbar" content="False" /><![endif]--><br /> <meta name="author" content="autore" /><br /> <meta name="generator" content="Incomedia WebSite X5 Evolution 10.1.2.42 - www.websitex5.com" /> <br /> <meta name="viewport" content="width=1016" /> <br /> <link rel="stylesheet" type="text/css" href="style/reset.css" media="screen,print" /><br /> <link rel="stylesheet" type="text/css" href="style/print.css" media="print" /><br /> <link rel="stylesheet" type="text/css" href="style/style.css" media="screen,print" /><br /> <link rel="stylesheet" type="text/css" href="style/template.css" media="screen" /><br /> <link rel="stylesheet" type="text/css" href="style/menu.css" media="screen" /><br /> <!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="style/ie.css" media="screen" /><![endif]--> <br /> <br /> <script type="text/javascript" src="res/jquery.js?42"></script><br /> <script type="text/javascript" src="res/x5engine.js?42"></script><br /> <script type="text/javascript"><br /> x5engine.boot.push(function () { x5engine.utils.imCodeProtection('no tasto dx'); });
</script>
<style>
#imLoginDescription {
color: yellow;
font-family: Arial;
}
</style>
</head>
<body>
<div id="imHeaderBg"></div>
<div id="imFooterBg"></div>
<div id="imPage">
<div id="imHeader">
<h1 class="imHidden">Accesso Riservato</h1>
</div>
<a class="imHidden" href="#imGoToCont" title="Salta il menu di navigazione">Vai ai contenuti</a>
<a id="imGoToMenu"></a><p class="imHidden">Menu principale:</p>
<div id="imMnMnGraphics"></div>
<div id="imMnMn" class="auto">
<ul class="auto">
<li id="imMnMnNode0">
<a href="index.html">
<span class="imMnMnFirstBg">
<span class="imMnMnTxt"><span class="imMnMnImg"></span>Home Page</span>
</span>
</a>
</li>
</ul>
</div>
<div id="imContentGraphics"></div>
<div id="imContent">
<a id="imGoToCont"></a>
<h2 id="imPgTitle" class="imTitleMargin">Accesso Riservato</h2>
<div style="height: 15px;"> </div>
<div id="imLoginDescription">Per poter accedere a questa sezione del Sito è necessario inserire i propri dati di accesso.</div>
<div class="imLogin">
<?php
if (isset($_GET['loginstatus']) && $pa->messageFromStatusCode($_GET['loginstatus']) != '') {
echo '<div class="alert alert-' . ($_GET['loginstatus'] >= 0 ? 'green' : 'red') . '">' . $pa->messageFromStatusCode($_GET['loginstatus']) . '</div>';
}
?>
<form method="post" action="imlogin.php" id="imLoginForm">
<div class="imLoginBlock">
<label for="imUname"><span>NOME UTENTE:</span></label><br />
<input type="text" name="imUname" id="imUname" class="mandatory"><br />
</div>
<div class="imLoginBlock">
<label for="imPwd"><span>PASSWORD:</span></label><br />
<input type="password" name="imPwd" id="imPwd" class="mandatory"><br />
</div>
<div class="imLoginBlock" style="text-align: right;">
<input type="button" onclick="location.href='registrati.html'" value="Registrati" />
<input type="submit" value="Accedi" class="imLoginSubmit">
</div>
</form>
<script type="text/javascript">x5engine.boot.push(function() { x5engine.imForm.initForm('#imLoginForm', false, { showAll: true, offlineMessage: 'In modalità Anteprima le Pagine Protette vengono visualizzate senza la richiesta di accesso. L\'Area Riservata viene attivata solo con la pubblicazione del Sito.' }); });</script>
</div>
<script>$(function () { $("#imUname").focus(); });</script>
<div class="imClear"></div>
</div>
<div id="imFooter">
<div style="position: absolute; top: 43px; left: 529px; width: 100px; height: 37px; overflow: hidden;"><!-- Date and Time.Date Time: START -->
<span style="font-weight: normal; font-style: normal; font-family:Times New Roman; font-size:12pt; color: #FFFFFF"><span class="imHour"></span></span>
<!-- Date and Time.Date Time: END --></div>
</div>
</div>
<span class="imHidden"><a href="#imGoToCont" title="Rileggi i contenuti della pagina">Torna ai contenuti</a> | <a href="#imGoToMenu" title="Naviga ancora nella pagina">Torna al menu</a></span>
<noscript class="imNoScript"><div class="alert alert-red">To use this website you need JavaScript to be enabled</div></noscript>
</body>
</html>
A me servirebbe di poter scriver in bianco le label "NOME UTENTE" e "PASSWORD" poichè lo sfondo del sito dovrebbe essere blu scuro ed il colore nero non si legge.
Ho provato ad applicare la soluzione propostami da lemonsong anche agli id "imUname" e "imUpwd" ma senza risultato in quanto così vario il colore di quello che l'utente digita (ossia il "nome utente" e "password") ma NON delle relative label.
Grazie ancora a tutti voi per la pazienza e per l'aiuto.
Author
EUREKA!
l'ID in questione è "imLoginForm"!
Adesso i caratteri delle 2 label sono bianchi!
Grazie a tutti voi per il tempo dedicatomi e per i preziosi consigli!
Author
Altro "piccolo" intoppo: sempre nella pagina di cui a questo post, nel caso in cui i dati immessi non siano corretti, compare una finestrella rosa con la scritta in rosso "i dati di accesso inseriti non sono corretti" (vedi allegato).
Come posso variare il colore (sfondo e testo) di tale oggetto?
Grazie ancora.
... con questo avrai forse descrizione blu e etichette rosse:
<style>#imLoginDescription {color: #0000FF;}
#imLoginForm{ color: #00FF00;}</style>
.
ciao
... ah, ...avevi già individuato...!... bravo...
Author
Seguendo i V/s consigli pian pianino imparo!
Per favore - se avete tempo - potete dirmi anche come posso variare il colore della "finestrella" di avviso che ho allegato al post delle 16:47?
Grazie.
... per l'allerta rossa(*), la stessa regola, almeno credo, basta che provi, :
<style>.alert-red { color: #0000FF;border-color: #00FF00;background-color: #FF0000;}
... rosso verde blu ... e se funziona te li aggiusterai tu...
... ID ricavato da una pagina riservata di un sito postato ...
ciao
Author
Grande! Funziona! Grazie per l'aiuto e per la disponibilità.
...!... tu però penso/forse che dovrai correggerlo nel CODICE PHP, dove intercetterai la voce alert alert- ...!... ...credo in Post-Editazione...
.
ciao