[RISOLTO] - Sistemare il menù ed inserire data

[giovannib]

Salve,


utilizzo il tema mintfresh...


Vorrei centrare la scritta menù sulla sinistra e metterla più in risalto. Inoltre, in alto nel sito accanto la scritta Home vorrei inserire la data e l'ora. Il sito è http://www.redcobra.it


Suggerimenti su come fare?


Grazie mille....

[adottauncane]

Ciao giovannib,
aggiungi questo css (e scrivilo come vuoi) al file css del template:

Codice: [Seleziona]

.moduletable_menu h3 {
text-align:center;
font-size:15px;
background-color:yellow;
color:red;
}
I titoli dei menù diventeranno tutti così però, se vuoi che sia diverso solo quello devi scrivere il css per il menù con un diverso suffisso. Cerca nel forum e trovi come fare... Suffisso classe modulo.

[giovannib]

Anche qui ho risolto, anche se il menù non è perfettamente allineato al primo "blocco" centrale.


Mi sai dare qualche suggerito per inserire data ed ora? Ho trovato lo script ma come lo metto li vicino alla scritta home?
E se volessi dare più risalto proprio alla scritta home?


Ho provare ad mod :

Codice: [Seleziona]

#pathway{
height:20px;
float:right;
padding-left:10px;
width:75%;
margin:2;ma non cambia
Grazie

[adottauncane]

Non ho capito a cosa non è allineato.
Per mettere in risalto la scritta home devi intervenire sul css del pathway così, ad esempio:

#pathway {    background: none repeat scroll 0 0 yellow;    float: right;    font-size: 15px;    font-style: inherit;    height: 20px;    margin: 2px;    padding-left: 10px;    width: 75%;}template_css.css (riga 77)

ma poi cambiano anche gli altri path, se ti sposti di pagina. I css che ho scritto non ci sono, devi aggiungerli.

Che script hai trovato per l'ora?

[giovannib]

E' cambiato, ma non è in grassetto...strano ...c'è la riga inherit...


Cmq per non allineato intendevo dire il blocco menù con il blocco ultime news per capirci


Lo script è questo

Codice: [Seleziona]

var myfont_face = "Verdana";



var myfont_size = "10";



var myfont_color = "#000000";


var myback_color = "#FFFFFF";



var mypre_text = "Sono le ";



var mywidth = 300;




var my12_hour = 0;



var myupdate = 1;




var DisplayDate = 1;


        var ie4=document.all
        var ns4=document.layers
        var ns6=document.getElementById&&!document.all






var dn = "";
var mn = "";
var old = "";




var DaysOfWeek = new Array(7);
DaysOfWeek[0] = "Domenica";
DaysOfWeek[1] = "Lunedì";
DaysOfWeek[2] = "Martedì";
DaysOfWeek[3] = "Mercoledì";
DaysOfWeek[4] = "Giovedì";
DaysOfWeek[5] = "Venerdì";
DaysOfWeek[6] = "Sabato";


var MonthsOfYear = new Array(12);
MonthsOfYear[0] = "Gennaio";
MonthsOfYear[1] = "Febbraio";
MonthsOfYear[2] = "Marzo";
MonthsOfYear[3] = "Aprile";
MonthsOfYear[4] = "Maggio";
MonthsOfYear[5] = "Giugno";
MonthsOfYear[6] = "Luglio";
MonthsOfYear[7] = "Agosto";
MonthsOfYear[8] = "Settembre";
MonthsOfYear[9] = "Ottobre";
MonthsOfYear[10] = "Novembre";
MonthsOfYear[11] = "Dicembre";




var ClockUpdate = new Array(3);
ClockUpdate[0] = 0;
ClockUpdate[1] = 1000;
ClockUpdate[2] = 60000;




if (ie4||ns6) { document.write('<span id="LiveClockIE" style="width:'+mywidth+'px; background-color:'+myback_color+'"></span>'); }
else if (document.layers) { document.write('<ilayer bgColor="'+myback_color+'" id="ClockPosNS" visibility="hide"><layer width="'+mywidth+'" id="LiveClockNS"></layer></ilayer>'); }
else { old = "true"; show_clock(); }




function show_clock() {
if (old == "die") { return; }


if (ns4)
                document.ClockPosNS.visibility="show"

var Digital = new Date();
var day = Digital.getDay();
var mday = Digital.getDate();
var month = Digital.getMonth();
var hours = Digital.getHours();


var minutes = Digital.getMinutes();
var seconds = Digital.getSeconds();



if (mday == 1) { mn = "st"; }
else if (mday == 2) { mn = "nd"; }
else if (mday == 3) { mn = "rd"; }
else if (mday == 21) { mn = "st"; }
else if (mday == 22) { mn = "nd"; }
else if (mday == 23) { mn = "rd"; }
else if (mday == 31) { mn = "st"; }



if (my12_hour) {
dn = "AM";
if (hours > 12) { dn = "PM"; hours = hours - 12; }
if (hours == 0) { hours = 12; }
} else {
dn = "";
}
if (minutes <= 9) { minutes = "0"+minutes; }
if (seconds <= 9) { seconds = "0"+seconds; }



myclock = '';
myclock += '<font style="color:'+myfont_color+'; font-family:'+myfont_face+'; font-size:'+myfont_size+'pt;">';
myclock += mypre_text;
myclock += hours+':'+minutes;
if ((myupdate < 2) || (myupdate == 0)) { myclock += ':'+seconds; }
myclock += ' '+dn;
if (DisplayDate) { myclock += ' di '+DaysOfWeek[day]+', '+mday+mn+' '+MonthsOfYear[month]; }
myclock += '</font>';


if (old == "true") {
document.write(myclock);
old = "die";
return;
}


// Write the clock to the layer:
if (ns4) {
clockpos = document.ClockPosNS;
liveclock = clockpos.document.LiveClockNS;
liveclock.document.write(myclock);
liveclock.document.close();
} else if (ie4) {
LiveClockIE.innerHTML = myclock;
} else if (ns6){
document.getElementById("LiveClockIE").innerHTML = myclock;
                }           


if (myupdate != 0) { setTimeout("show_clock()",ClockUpdate[myupdate]); }
}

Avevo anche altri script più semplici...appena li trovo posto

[adottauncane]

Però era così anche prima...
Aggiungi questo:

Codice: [Seleziona]

.moduletable_menu {    margin: 12px;    width: 204px !important;}
No, non postare, provo questo... O un altro che cerco. Se riesco ti dico.

[giovannib]

Grazie, così è meglio. Anche se intendevo un'altra cosa: in home, orizzontalmente, il menù e il blocco "ultime news" non sono allineati...


Resta il "problema" del grassetto nella scritta home ma forse devo toccare un'altra "variabile"(non so se si dice così in css)


GRAZIE INFINITE

[adottauncane]

Nel pathway devi aggiungere:
font-weight: bold;

abbassa il modulo così:

Codice: [Seleziona]

.moduletable_menu {    margin-bottom: 10px;    margin-left: 12px;    margin-top: 35px;    width: 204px !important;}
Per data e ora prova questo:

Codice: [Seleziona]

<div class="orologio">
<?php
$giorno = date("j");
$mese =  date("n");
$anno = date("Y");
$ora = date("H:i");
$internettime = date("B");
$settimana = date("w");
$giornosettimana = array ("Domenica", "Lunedi", "Martedi", "Mercoledi",
"Giovedi", "Venerdi", "Sabato");
$nomemese = array (1 => "gennaio", "febbraio", "marzo", "aprile",
"maggio", "giugno", "luglio", "agosto", "settembre", "ottobre", "novembre", "dicembre");
echo ("$giornosettimana[$settimana]" . "," . " " . "$giorno" . " " . "$nomemese[$mese]" . " " . "$anno");
echo " ore $ora";
?>
</div>
da inserire così com'è nel file index.php del template. Il punto esatto lo decidi tu, rispetto alle altre posizioni. Mi sembra che tu abbia già cambiato qualcosa.

il css lo scrivi qui:

Codice: [Seleziona]

.orologio {    color: red;    font-size: 12px;}
Oppure cerca un modulino con orologio e data già pronti.

Viene così




[allegato vecchio più di un anno eliminato da un amministratore]

[giovannib]

Funziona tutto...ok... Se voglio la data dentro il box giallo prima della scritta home???


Dopo questo non rompo più

[giovannib]

Ho risolto!!!


Non riesco a mettere uno spazio tra l'immagine e la scritta home ma va bene


Grazie di tutto

[adottauncane]

Aggiungi un margin-right:

Codice: [Seleziona]

.orologio {    background: none repeat scroll 0 0 yellow;    color: black;    float: left;    font-size: 12px;    height: 20px;    margin-right: 10px;    margin-top: 0;}

[giovannib]

Hai ragione...tutto ok


Grazie ancora