+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Theme > Default Mobile < (/thread-35140.html)
Seiten: Seiten:
1
2
Theme > Default Mobile < - wintstar - 24.10.2017
Responsives Theme für MyBB Version > 1.8.12
Name: Default Mobile
Theme Version: 1.0 Beta
MyBB Version: > 1.8.12
Demo: mybb.stephan-frank.de
Beschreibung:
Standard MyBB Theme "Default" als responsives Theme. Schriftgröße ist von 13px auf 14px geändert gegenüber dem Standard Theme. Theme wird für den Landscape Modus optimiert. Dem User wird ein Icon im Potrait Modus angezeigt als Empfehlung den Bildschirm zu drehen.
ToDo:
- Komplette Umstellung auf HTML5
- Responsives Menü
Das Theme ist noch in der Anfangsphase. Es ist entspricht bewusst dem Standard Theme. Die Seitenpanels mit den Menüs werden in der mobilen Ansicht ausgeblendet und im Hauptmenü angezeigt. Die Foren werden im Potrait Modus seitlich verschiebbar sein um alle Informationen anzuzeigen.
Download für Tester reiche ich nach wenn ich das responsive Menü komplett habe.
RE: Theme > Default Mobile < - MrBrechreiz - 24.10.2017
Das ist ein langer Weg zum voll responsiven Theme. Mit dem Ändern der Wrapper-Breite und mit dem einfügen von ein paar Media-Queries ist dies nicht getan.
Wenn ich nicht so viel um die Ohren hätte, hätte ich schon längst eines veröffentlicht (sitze zur Zeit immerwieder mal drann) .
Dennoch ist es gut, dass sich jemand auch damit befasst und sein bestes zur Geminschaft beiträgt.
RE: Theme > Default Mobile < - wintstar - 24.10.2017
(24.10.2017, 16:16)MrBrechreiz schrieb: Das ist ein langer Weg zum voll responsiven Theme. Mit dem Ändern der Wrapper-Breite und mit dem einfügen von ein paar Media-Queries ist dies nicht getan.
Wenn ich nicht so viel um die Ohren hätte, hätte ich schon längst eines veröffentlicht (sitze zur Zeit immerwieder mal drann) .
Dennoch ist es gut, dass sich jemand auch damit befasst und sein bestes zur Geminschaft beiträgt.
Ja es ist ein langer Weg. Deswegen wird es auch etwas dauern bis es fertig ist. Aber einer muss mal damit anfangen
RE: Theme > Default Mobile < - MrBrechreiz - 24.10.2017
Dann sind wir zwei, denn ich hatte schon vor geraumer Zeit damit begonnen.
RE: Theme > Default Mobile < - wintstar - 25.10.2017
Die ersten Screenshots vom Benutzer Control-Panel
Das seitliche Menü verschiebt sich in der mobilen Ansicht oberhalb der Blöcke.
Portrait Modus
Die Blöcke in der Übersicht lassen sich seitlich verschieben. Oben rechts ist das Icon für den Hinweis den Bildschirm zu drehen.
Landscape Modus
Dort werden die Blöcke komplett angezeigt wie in der Desktop Ansicht. Nichts wird ausgeblendet, alles vorhanden
RE: Theme > Default Mobile < - wintstar - 21.11.2017
Die erste Testversion zum Testen. Nicht in einem Live Forum verwenden. Der Hinweis im Footer auf mich als Autor darf nicht entfernt werden.
Ich bitte um Rückmeldung. Danke
Folgende Templates-Sets sind bisher geändert worden:
- Forum Display Templates
- Forum Bit Templates
- Index Page Templates
- Footer Templates
- Header Templates
- Templates ohne Gruppe
findet:
Code:
/**
* Parses the contents of a page before outputting it.
*
* @param string $contents The contents of the page.
* @return string The parsed page.
*/
function parse_page($contents)
{
global $lang, $theme, $mybb, $htmldoctype, $archive_url, $error_handler;
$contents = str_replace('<navigation>', build_breadcrumb(), $contents);
$contents = str_replace('<archive_url>', $archive_url, $contents);
if($htmldoctype)
{
$contents = $htmldoctype.$contents;
}
else
{
$contents = "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">\n".$contents;
}
$contents = str_replace("<html", "<html xmlns=\"http://www.w3.org/1999/xhtml\"", $contents);
if($lang->settings['rtl'] == 1)
{
$contents = str_replace("<html", "<html dir=\"rtl\"", $contents);
}
if($lang->settings['htmllang'])
{
$contents = str_replace("<html", "<html xml:lang=\"".$lang->settings['htmllang']."\" lang=\"".$lang->settings['htmllang']."\"", $contents);
}
if($error_handler->warnings)
{
$contents = str_replace("<body>", "<body>\n".$error_handler->show_warnings(), $contents);
}
return $contents;
}Code:
/**
* Parses the contents of a page before outputting it.
*
* @param string $contents The contents of the page.
* @return string The parsed page.
*/
function parse_page($contents)
{
global $lang, $theme, $mybb, $htmldoctype, $archive_url, $error_handler;
$contents = str_replace('<navigation>', build_breadcrumb(), $contents);
$contents = str_replace('<archive_url>', $archive_url, $contents);
if($htmldoctype)
{
$contents = $htmldoctype.$contents;
}
else
{
$contents = "<!DOCTYPE html>\n".$contents;
}
$contents = str_replace("<html", "<html", $contents);
if($lang->settings['rtl'] == 1)
{
$contents = str_replace("<html>", "<html dir=\"rtl\"", $contents);
}
if($lang->settings['htmllang'])
{
$contents = str_replace("<html", "<html lang=\"".$lang->settings['htmllang']."\"", $contents);
}
if($error_handler->warnings)
{
$contents = str_replace("<body>", "<body>\n".$error_handler->show_warnings(), $contents);
}
return $contents;
}RE: Theme > Default Mobile < - MrBrechreiz - 21.11.2017
Doctype kann man im Template ändern.
RE: Theme > Default Mobile < - wintstar - 21.11.2017
(21.11.2017, 22:43)MrBrechreiz schrieb: Doctype kann man im Template ändern.Nicht ganz richtig. Den html Tag nicht.
Code:
<html lang="*">den dieser
Code:
<html xmlns="http://www.w3.org/1999/xhtml">Dafür werde ich aber noch eine bessere Lösung finden.
RE: Theme > Default Mobile < - MrBrechreiz - 21.11.2017
Templates ohne Gruppe->htmldoctype
Da kannst Du deinen Doctype eintragen und verwenden.
RE: Theme > Default Mobile < - wintstar - 21.11.2017
(21.11.2017, 23:15)MrBrechreiz schrieb: Templates ohne Gruppe->htmldoctype
Da kannst Du deinen Doctype eintragen und verwenden.
Richtig, aber der <html> Tag in den jeweiligen Templates wird in der functions.php ersetzt mit <html xml:lang="de" lang="de" xmlns="http://www.w3.org/1999/xhtml">.
Und dies ist nicht mehr html5 Standard.
Code:
if($lang->settings['htmllang'])
{
$contents = str_replace("<html", "<html xml:lang=\"".$lang->settings['htmllang']."\" lang=\"".$lang->settings['htmllang']."\"", $contents);
}