phpBB.de

Verfasst: **14.03.2021 21:43**

Hallo, ich arbeite gerade etwas am einem "eigene" Layout für die im Titel genannte Extension. Wer sich das ansehen möchte kann es hier verfolgen:

https://www.scenic-forum.de/app.php/f1webtip/index
User: User#24
Pass: #24Demo

Streckenbild und Countdown wurden aus der Streckenvorstellung separiert und ein 2 eigene kleine Fenster gelegt.

Desktopansicht:
[ externes Bild ]

Responsive View:
[ externes Bild ]

Im grünen Feld für die Uhr seht ihr aktuell zu beginn einen weißen Punkt, ich weis aber nicht was den erzeugt, angegeben wir der mit hier mit:

Code: Alles auswählen

user agent stylesheet
::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
}

Woher bezieht der sich das?

Für Anregungen zur Verbesserung bin ich dankbar.
Wenn DrDeath es erlaubt stelle ich die veränderten Files gerne zur Verfügung.
Quelle: viewtopic.php?f=149&t=231370

Verfasst: **14.03.2021 22:16**

Ändere die <li class="rowf1clock"> in <ul class="rowf1clock">

und am Ende des Blocks das </li> in </ul>

Ergebnis: (Achtung: reiner Quelltext, bitte nicht so direkt einsetzen..... )

Code: Alles auswählen

					<ul class="rowf1clock">
						<dl class="text-strong">
							<dd class="racef1clock">Countdown bis zum Rennen:</dd>
							<dt class="racef1clock" id="time_event">
								Tage&nbsp;<input name="days" class="bg2clock countdownf1" size="4"><br>
								<span id="time_string">Stunden
									<input name="hours" class="bg2clock countdownf1" size="3">:
									<input name="mins" class="bg2clock countdownf1" size="3">:
									<input name="secs" class="bg2clock countdownf1" size="3">
								</span>
							</dt>
							<dt class="racef1clock" id="event_time" style="display:none ;">
								Countdown beendet
							</dt>
						</dl>
					</ul>

Verfasst: **14.03.2021 22:38**

Vielen dank, das hat geholfen!

Tante Edit ...

Jetzt hat sich doch massiev etwas geändert. Auch für mobile Geräte hab ich einiges angepasst, aber ich bekomme den grünen Infobereich mit Steckenbild und Uhr nicht korrekt dargestellt, es bleibt immer ein weißer Rand auf mobilen Geräten.

[ externes Bild ]

phpBB.de

[3.2][3.3] phpbb-ext-f1webtip ( F1 WebTipp ) Änderung

[3.2][3.3] phpbb-ext-f1webtip ( F1 WebTipp ) Änderung

Re: [3.2][3.3] phpbb-ext-f1webtip ( F1 WebTipp ) Änderung

Re: [3.2][3.3] phpbb-ext-f1webtip ( F1 WebTipp ) Änderung