Forum di New-CMS

Indice Forum

New-CMS

[ 1 2 3 ]

Discussione : Centrare il calendario/agenda

	Autore : cottero
	Rango : Principiante
	Discussioni : 138
	Messaggi : 326
	Visite : 204

	Pubblicato : 19/09/2015 - 09:39
	Letto 448 volte

Per centrare il calendario/agenda all'interno del box, vie � qualche opzione, dove posso intervenire con center?
Oppure con la skin responsiva necessita che resti a sinistra?

Risposta #1 : Centrare il calendario/agenda

	Autore : cottero
	Rango : Principiante
	Discussioni : 138
	Messaggi : 326
	Visite : 204


	Pubblicato : 19/09/2015 - 10:04

Centrato e responsivo.

Codice

echo "\n<div id=\"cal\" style=\"margin:2px;max-width:100%;text-align:center\">\n";

Ho inserito 100% al posto di 200px

Risposta #2 : Centrare il calendario/agenda

	Autore : cottero
	Rango : Principiante
	Discussioni : 138
	Messaggi : 326
	Visite : 204


	Pubblicato : 19/09/2015 - 10:35

Questi sono parte dei style.css della skin grey responsive che ho adattato per togliere il blu.

Codice

.cal {
background-color:#AAAAAA;
color:#aaa;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
padding:0px;
}
.cal0{
background-color:#eeefff;
color:#981B10;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
padding:3px 0px;
font-size:10px;
}
.cal1 {
background-color:#6f6f6f;
color:#eeeeff;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
padding:2px 1px;
}
.cal2 {
background-color:#DEDEDE;
color:#981B10;
font-size:12px;
text-align:center;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
padding:4px 0px;
}
.cal3 {
border:#981B10 2px solid;
background-color:#FFFFFF;
color:#000011;
font-size:10px;
text-align:center;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
padding:0px;
 }
.agenda{
padding:3px;
color:#433243;
font-weight:bold;
font-size:12px;
text-align:center;
background-color: transparent
}
a.agnd {
  color: #888;

Risposta #3 : Centrare il calendario/agenda

	Autore : cottero
	Rango : Principiante
	Discussioni : 138
	Messaggi : 326
	Visite : 204


	Pubblicato : 19/09/2015 - 10:37

Questo � lo script modificato del calendario.str completo ottimizzato e responsivo.

Codice

<?php 
                    /*  Box laterale Calendario/Agenda  */
htabl($txt[0]);
if($_SESSION['login']) $TAGND = $agnd[1];
else $TAGND = $agnd[2];
echo "\n<div id=\"cal\" style=\"margin:2px;max-width:100%;text-align:center\">\n";
?>
<script type="text/javascript">
<!--
var data = new Date();
var PoM = data.getMonth();
var ahrefA = '>';
var ahrefB = '<';
if((ind = navigator.appVersion.indexOf("MSIE")) > -1 && parseFloat(navigator.appVersion.substring(navigator.appVersion.indexOf("MSIE")+5)) >=9)
var PoMY = data.getYear()+1900;
else if((ind = navigator.appVersion.indexOf("MSIE")) > -1 && navigator.userAgent.indexOf("Opera") == -1) 
var PoMY = data.getYear();
else if ((ind = navigator.userAgent.indexOf("Opera")) > -1  && (val = parseFloat(navigator.appVersion)) > 9.8 ) 
var PoMY = data.getYear();
else var PoMY = data.getYear()+1900;
var PoMD = data.getDay()+1;
var month_of_year = new Array('<?php echo $txt[8]; ?>','<?php echo $txt[9]; ?>','<?php echo $txt[10]; ?>','<?php echo $txt[11]; ?>','<?php echo $txt[12]; ?>','<?php echo $txt[13]; ?>','<?php echo $txt[14]; ?>','<?php echo $txt[15]; ?>','<?php echo $txt[16]; ?>','<?php echo $txt[17]; ?>','<?php echo $txt[18]; ?>','<?php echo $txt[19]; ?>');
var day_of_week = new Array('<?php echo substr($txt[1],0,1); ?>','<?php echo substr($txt[2],0,1); ?>','<?php echo substr($txt[3],0,1); ?>','<?php echo substr($txt[4],0,1); ?>','<?php echo substr($txt[5],0,1); ?>','<?php echo substr($txt[6],0,1); ?>','<?php echo substr($txt[7],0,1); ?>');
function Calendario() {
if((ind = navigator.appVersion.indexOf("MSIE")) > -1 && parseFloat(navigator.appVersion.substring(navigator.appVersion.indexOf("MSIE")+5)) >=9)
var QeY = data.getYear()+1900;
else if((ind = navigator.appVersion.indexOf("MSIE")) > -1 && navigator.userAgent.indexOf("Opera") == -1) 
var QeY = new Date().getYear();
else if ((ind = navigator.userAgent.indexOf("Opera")) > -1  && (val = parseFloat(navigator.appVersion)) > 9.8  ) 
var QeY = new Date().getYear();
else var QeY = new Date().getYear()+1900;
var Calendar = new Date(PoMY,PoM,PoMD);
if(PoM<0) { PoM=11; PoMY=PoMY-1;}
if(PoM>11) { PoM=0; PoMY++;}
var year = PoMY;
var month = PoM;
var CalendarM = new Date().getMonth();
var today = new Date().getDate();
var weekday = new Date().getDay();
var DAYS_OF_WEEK = 7;
var DAYS_OF_MONTH = 31;
var cal;
Calendar.setDate(1);
Calendar.setMonth(month);
cal =  '<' + 'table class=cal style="width:100%;border-spacing:5px"><' + 'tr><' + 'td>';
cal += '<' + 'table class=cal style="margin:1px auto;width:98%;border-spacing:2px"><' + 'tr>';
cal += '<' + 'td class="cal2" style="cursor:pointer" onclick="PoM=PoM-1;document.getElementById(\'cal\').innerHTML=Calendario();">';
cal += '<' + 'img src="<?php echo CSIM."generali/fsx.gif"; ?>" style="vertical-align:middle" alt="<"><' + '/td>';
cal += '<' + 'td class="cal2" colspan="' + (DAYS_OF_WEEK-2) + '">' + month_of_year[month]  + ' ' + year + '<' + '/td>';
cal += '<' + 'td class="cal2" style="cursor:pointer" onclick="PoM++;document.getElementById(\'cal\').innerHTML=Calendario();">';
cal += '<' + 'img src="<?php echo CSIM."generali/fdx.gif"; ?>" style="vertical-align:middle" alt=">"><' + '/td>';
cal += '<' + '/tr><' + 'tr>';
for(index=0; index < DAYS_OF_WEEK; index++){
if(weekday == index && PoM == CalendarM && PoMY == QeY) {
cal += '<' + 'td style="width:14.28%" class="cal0"><' + 'strong>' + day_of_week[index] + '<' + '/strong><'+ '/td>';
} else {
cal += '<' + 'td class="cal0">' + day_of_week[index] + '<' + '/td>'; }
}
cal += '<' + '/tr>';
for(index=0; index < Calendar.getDay(); index++) {
cal += '<' + 'td class="cal1">&nbsp;<' + '/td>'; }
for(index=0; index < DAYS_OF_MONTH; index++){
if( Calendar.getDate() > index ){
week_day =Calendar.getDay();
if(week_day == 0) { cal += '<' + 'tr>'; }
if(week_day != DAYS_OF_WEEK){
var day  = Calendar.getDate();
if( day<10) day = '0' + day;
<?php if($ActAG=="0"||$ActAG=="1"){ ?>
var ahrefA = 'style=\'cursor:pointer\' onclick="location.href=\'?lng=<?php echo $lng; ?>&amp;pg=agenda&amp;day=' + Calendar.getDate() + '&amp;month=' + (month + 1) +'&amp;year='+ year + '\';">';
var ahrefB = '<';
<?php } ?>
if( today==Calendar.getDate() && PoM == CalendarM && PoMY == QeY){
cal += '<t' + 'd class="cal3"' + ahrefA + day + ahrefB + '/td>';
} else { cal += '<' + 'td align="center" class="cal1"' + ahrefA + day + ahrefB + '/td>'; }
}
if(week_day == DAYS_OF_WEEK) { cal += '<' + '/tr>'; }
}
Calendar.setDate(Calendar.getDate()+1);
}
for(index=0; index < (6-week_day); index++) {
cal += '<' + 'td class="cal1">&nbsp;<' + '/td>'; }
if(week_day != DAYS_OF_WEEK) { cal += '<' + '/tr>'; }
<?php if($ActAG=="0"||$ActAG=="1"){ 
echo "\ncal += '<' + 'tr>' + '<' + 'td class = \"agenda\" colspan=\"' + DAYS_OF_WEEK + '\"><' + 'a class=\"agnd\" href=\"?lng=$lng&amp;pg=agenda\" title=\"$TAGND\"><' + 'img src=\"struttura/img/generali/commenta.gif\" style=\"margin-left:-8px;vertical-align:middle\" alt=\"\">&nbsp; ".$agnd[0]."<' + '/a><' + '/td><' + '/tr>';";
} ?>
cal += '<' + '/table><' + '/td><' + '/tr><' + '/table>';
return cal;
}
document.write(Calendario());
// -->
</script></div>
<?php
btabl();
?>

Risposta #4 : Centrare il calendario/agenda

	Autore : vania
	Rango : Admin
	Discussioni : 85
	Messaggi : 2772
	Visite : 5323


	Pubblicato : 19/09/2015 - 10:48

Ho gi� fatto le stesse cose poco fa.

Come fare un offerta per contribuire allo sviluppo di New-CMS

[ 1 2 3 ]