Bild • •HERZLICH WILLKOMMEN BEI UNS IM FORUM!
****
WER ERINNERT SICH NOCH AN DIESE FREMDSPRACHIGEN HITS?
Jede Woche wechselnde einstige Hits. Aufgrund der DSGVO, jetzt vorläufig ohne Bildvorschau, dafür mit Datenschutz!
(Erst bei Klick auf den Playbutton, werden Daten von Dir gespeichert)
*****
Video 1: Amii Stewart - Knock On Wood - 1978(12 inch Version) Bild
*****
Video 2: David Dundas - Jeans on - 1977 Bild
*****
Video 3: Daniel Boone - Beautiful Sunday - 1972 Bild
*****
Video 4: Amanda Lear - Follow me - 1978 Bild
*****
Video 5: Tony Turn - Cherry Cherry - 1988 Bild
*****
Video 6: Jeanette - Porque Te Vas - 1974 Bild
*****
Was für ein Schweiz-Lied! Die bescht Werbig für d'Schwiiz aller Ziite!! R.I.P Louis!!! (Musik/Gesang: Louis Menar / Text: Louis Menar - Ingrid Wyss)*********
:suisse: :hopp-schweiz: :suisse:
DATENSCHUTZRICHTLINIE

hjw - Calendar

Forum Member Switzerland
Administrator
Beiträge: 3200
Registriert: Donnerstag 1. Juli 2010, 14:05
Vorname: Jutta
Wohnort: Zuchwil/SO
    Windows 7 Firefox
Kontaktdaten:

hjw - Calendar

Beitrag von Forum Member » Dienstag 23. Januar 2018, 11:30

calendar.jpg
Willst Du die Calendar.ext in der Ansicht: "Vor der Navbar" zusammen mit der Headerlinks Ext in diesem Style benutzen, musst in der headerlink.css 16 "margin-bottom" geändert werden! Der Code steht am Schluss.

Code: Alles auswählen

#header_bevor {
	background-color: #262223;
	border: 2px dashed #A9A9A9;
	border-radius: 2px;
	margin: 0 auto 15px;
	max-width: 1152px;
	padding: 10px 15px;
}
@media only screen and (max-width: 1220px), only screen and (max-device-width: 1220px) {
	#header_bevor{
		margin: 0 12px;
	}
}
#index_calendar .forumbg, #calendar .forumbg {
	color: #262223;
	overflow: hidden; 
	padding:3px;
}
.weeknr {
	font-size: 10.5px;
	height: 20px;
	width:25px;
	line-height: 16px;
	margin: 35px -4px 0 -14px;
	text-align: center;
	transform:rotate(-90deg); 
	color: #C4C4C4;
	font-weight: bold;
}
.icon-cal {background-image: url("./images/icon_cal.gif");}
.cal_month_title {
	font-size:10px;
	font-weight:bold;
	height:20px;
	text-align:center;
	margin: 18px 3px 0px 3px;
}
.cal_month_title a {
	background-color: #1F1F1F;
	color: #BF0000;
	font-weight: bold;
	border: 1px solid #A9A9A9;
	border-radius: 2px;
	padding: 1px 5px 4px 4px;
}
#calendar select {
	background-color: #1F1F1F;
	background-image: none;
	color: #B5B5B5;
	font-weight: bold;
	border: 1px solid #A9A9A9;
	border-radius: 2px;
}
#calendar option:checked {
	-webkit-box-shadow: 0 0 10px 100px #777777 inset;
	-moz-box-shadow: 0 0 10px 100px #777777 inset;
	box-shadow: 0 0 10px 100px #777777 inset;
}
.cal_post {
	font-size:1em;
	padding-left:10px;
	border-radius:2px;
}
.participants table.table1 thead th, .participants table.table1 tbody tr {
	color: #105289;
	border:none;
}
.participants table.table1 td {
	padding: 0 5px;
}
.participants {
	color: #105289;
	border: 2px solid #FFFFFF;
	margin-top:15px;
	padding:5px;
	border-radius:7px;
}
.participants p{
	margin:2px 0 5px;
	font-weight:bold;
}
.registration {
	width:400px;
	max-width:100%;
	text-align:center;
	font-size:1em;
	margin-top:10px;
}
.participants select, .participants input, .participants textarea {
	border:none;
	margin:3px; 
	font-size:1.2em;
}
.participants fieldset, .participants dl{
	margin:0px;
}
.participants textarea{
	height:20px;
	width:400px;
	max-width:100%;
}
.week {
	display:flex;
	margin-bottom:3px;
}
.cal-day {
	color: #B5B5B5;
	text-align:left;
	padding:0 3px 3px;
	font-weight:bold;
	background: #262223;
	border: 2px solid #000000;
	overflow: hidden;
	white-space:nowrap;
}
.day {
	color:#B5B5B5;
	background-color: #262223;
	padding:0 0 3px;
	font-weight:bold;
	width:100%;
	overflow: hidden;
	white-space:nowrap;
}
.mon, .tue, .wed, .thu, .fri {
	font-size: 10px;
	background: #939192;
	background: -moz-linear-gradient(45deg, #939192 0%, #a4a4a4 100%);
	background: -webkit-linear-gradient(45deg, #939192 0%,#a4a4a4 100%);
	background: linear-gradient(45deg, #939192 0%,#a4a4a4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939192', endColorstr='#a4a4a4',GradientType=1 );
} 
.sat {
	background: #939192;
	background: -moz-linear-gradient(45deg, #939192 0%, #262425 100%);
	background: -webkit-linear-gradient(45deg, #939192 0%, #262425 100%);
	background: linear-gradient(45deg, #939192 0%, #262425 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#939192', endColorstr='#262425',GradientType=1 );
	font-size: 10px;
}
.sun {
	background: #521213;
	background: -moz-linear-gradient(-45deg, #521213 0%, #95050d 11%, #9d1118 26%, #a4161d 43%, #a4161d 59%, #9d1118 74%, #95050d 89%, #521213 100%);
	background: -webkit-linear-gradient(-45deg, #521213 0%,#95050d 11%,#9d1118 26%,#a4161d 43%,#a4161d 59%,#9d1118 74%,#95050d 89%,#521213 100%);
	background: linear-gradient(135deg, #521213 0%,#95050d 11%,#9d1118 26%,#a4161d 43%,#a4161d 59%,#9d1118 74%,#95050d 89%,#521213 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#521213', endColorstr='#521213',GradientType=1 );
	font-size: 10px;
}
.today {
	border: 3px solid #BF0000 !important;
	font-weight:bold;
}
.noday {
	opacity:0.5;
}
.nday {
	font-family: Arial, sans-serif;
	box-sizing: border-box;
	color: #c4c4c4;
	font-size: 10px;
	font-weight: 800;
	text-transform: uppercase;
	background-color: #262223;
	padding: 5px;
	border: 1px dashed #A9A9A9;
	margin: 20px 6px 3px 10px;
	width: 13.9%;
	text-align: center;
}

.wday {
	border-radius: 2px;
	border: 2px solid #262223;
	border-top: none;
	box-sizing: border-box;
	margin:0.2%;
	width: 13.9%;
	min-height: 70px;
	overflow:hidden;
	white-space:nowrap;
}
.sday {
	display:inline;
}
.eventbg {
	border-radius:13px;
	padding:0 3px;
}
.event {
 	display:flex;
	margin-bottom:3px;
}
.event-box {
	border-radius: 7px;
	border: 2px solid #cadceb;
	box-sizing: border-box;
	margin:0.2%;
	width: 13.9%;
	overflow:hidden;
	white-space:nowrap;
	text-align:center;
}
.event-box .cal-day {
	text-align:center;
}
.hday {
	margin-left:5px;
}
.event-box .hday, .event-box .eventbg{
	margin-left:0px;
	padding-left:0px;
}
.shday {
	display:none;
}
.kday {
	display:none;
}
.event-legend {
	width: 100%;
	height: 1.2em;
	margin: 10px 0;
	text-align: center;
	padding: 0 0 3px;
	background-color: #262223;
	overflow: hidden;
	white-space: nowrap;
	text-transform: uppercase;
	font-size: 10px;
	font-family: Arial, sans serif;
	color: #B5B5B5;
	font-weight: 800;
	border: 1px dashed #B5B5B5;
	border-radius: 1px !important;
	padding-top: 2px;
}
.event-legend:hover{
	height:100%;
}
@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) {
	#index-calendar {
		margin-left: -5px;
		margin-right: -5px;
	}
	.weeknr {
		font-size: 16px;
		height: 20px;
		width:100%;
		line-height: 1em;
		margin: 20px 0 0 10px;
		text-align: center;
		transform:rotate(0deg); 
		color: #C4C4C4;
		font-weight: bold;
	}
	.sday {
		display:none;
	}
	.event, .week {
		display:unset;
	}
	.event-box, .wday {
		width:100%;
		float:none;
		text-align:left;
		border-radius:0px;
		margin:2px 0;
	}
	.noday {
		display:none;
	}
	.nday {
		display:none;
	}
	.cal-day {
		display:none;
	}
	.kday {
		display:inline;
		line-height:2em;
	}
	.wday {
		min-height:0;
	}
	.event-legend {
		height:100%;
	}
}
anzeige vor footer .jpg
anzeige vor footer mit statblock ext.jpg
calendar vor navbar.jpg
calendar mit headerlink vor navbar.jpg
Willst Du die Calendar.ext in der Ansicht: "Vor der Navbar" zusammen mit der Headerlinks Ext in diesem Style benutzen, musst in der headerlink.css 16 "margin-bottom" geändert werden!

Code: Alles auswählen

.phpbb-navbar {
    clear: both;
    margin-top: -8px;
    margin-bottom: 14px;
    background-color: #262223;
    border: 2px dashed #B5B5B5;        
    border-top: none;
    border-radius: 0 0 2px 2px;
    position: relative;
}

Zurück zu „MODERN“