[3.2] eigene seite erstellen

[chris1278]

ok mit dem parse html gehts das aber sieht immer noch nicht so aus wie ich das mir vorstelle.

dieses ergebnis hier hatte ich ja schon vor der pages extension: [ externes Bild ]

wenn das grafische geklappt hat will ich dann versuchen die anpassung in eine extension zu verwandeln das diese auch ohne eingriffe in die grunddateien möglich ist. aber erst mal soll die optik stimmen

[Kirk]

Wenn du den Code von mir verwendetes sollte es so aussehen wie du es möchtest.
Diese EXT macht es nur etwas leichter eigene Seiten zu erstellen.

[chris1278]

ich werds mal versuchen direkt in eine extension zu verwandeln.

kirk gfrage wenn ich die css daten in eine eigene css z.B. ts3.css im theme verzeichniss liegen habe. wie kann ich diese css dann laden oder lädt der style alle css dateien im theme verzeichniss

so ich hab das jetzt in ne simple extension gemacht was eigentlich doch recht simple ist.


composer jon erstellen und das template event verzeichnis wo sich die html datei findet. klasse

hab jetzt folgendes gemacht um meine eigene extension zu basteln:

verzeichnis /ext/chris1278/ts3/

in dem vertzeichnis ts3 hab ich dann eine composer.json erstellt nach anleitung

Code: Alles auswählen

{
    "name" : "chris1278/ts3",
    "type" : "phpbb-extension",
    "description" : "Mini-Erweiterung zu Demonstrationszwecken. Der Eintrag 'name' muss dem Ordnerpfad unterhalb von ext/ entsprechen. Du kannst alle Informationen in dieser Datei auf deine Bedürfnisse anpassen.",
    "version" : "1.0.0",
    "license" : "GPL-2.0",
    "require" : {
        "php" : ">=5.3.3"
    },
    "authors" : [{
        "name" : "Christian Esch",
        "email" : "smilie-man@gmx.de",
        "homepage" : "https://www.phpbb.de/",
        "role" : "Lead developer"
    }],
    "extra" : {
        "display-name" : "TS3-Viewer",
        "soft-require" : {
            "phpbb/phpbb" : ">=3.1.5,<3.2@dev"
        }
    }
}
 

desweiteren habe ich in diesem verzeichnis weitere erstellt

style/prosilver/template/event/index_body_stat_blocks_after.html
wo der code von kirk drin steht

Code: Alles auswählen

<div class="forabg">
    <div class="inner">
         <ul class="topiclist">
             <li class="header">
                 <dl class="row-item">
                    <dt><div class="list-inner">Christians-Teamspeak Server</div></dt>
                 </dl>
             </li>
		</ul>
		<div class="ts3viewer_panel">
		<div class="ts3viewer-text">
			<!-- IF S_USER_LOGGED_IN and not S_IS_BOT -->
				<div id="ts3viewer_1103011"></div>

				<script src="https://static.tsviewer.com/short_expire/js/ts3viewer_loader.js"></script>
				<script>
				var ts3v_url_1 = "https://www.tsviewer.com/ts3viewer.php?ID=1103011&text=757575&text_size=12&text_family=1&text_s_color=000000&text_s_weight=normal&text_s_style=normal&text_s_variant=normal&text_s_decoration=none&text_i_color=&text_i_weight=normal&text_i_style=normal&text_i_variant=normal&text_i_decoration=none&text_c_color=&text_c_weight=normal&text_c_style=normal&text_c_variant=normal&text_c_decoration=none&text_u_color=000000&text_u_weight=normal&text_u_style=normal&text_u_variant=normal&text_u_decoration=none&text_s_color_h=&text_s_weight_h=bold&text_s_style_h=normal&text_s_variant_h=normal&text_s_decoration_h=none&text_i_color_h=000000&text_i_weight_h=bold&text_i_style_h=normal&text_i_variant_h=normal&text_i_decoration_h=none&text_c_color_h=&text_c_weight_h=normal&text_c_style_h=normal&text_c_variant_h=normal&text_c_decoration_h=none&text_u_color_h=&text_u_weight_h=bold&text_u_style_h=normal&text_u_variant_h=normal&text_u_decoration_h=none&iconset=default";
				ts3v_display.init(ts3v_url_1, 1103011, 100);
				</script>
			<!-- ELSE -->
				<h3>Du bist nicht eingeloggt! Bitte Logge dich ein um die Seite anzeigen zu können.</h3>
			<!-- ENDIF -->
               </div>
            </div>
	</div>
 </div>

und style/prosilver/theme
wo ich eine ts3.css datei erstellt habe mit folgendem inhalt

Code: Alles auswählen

.ts3viewer-text {
   margin: 8px 15px 0;

}

.ts3viewer_panel {
   background-color: #e6eff5;
   background-image: -moz-linear-gradient(top, #d2e0eb, #eef5f9);
   background-image: -webkit-linear-gradient(top, #d2e0eb, #eef5f9);
   background-image: -o-linear-gradient(top, #d2e0eb, #eef5f9);
   background-image: linear-gradient(to bottom, #d2e0eb, #eef5f9);
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#d2e0eb', EndColorStr='#eef5f9')";
   box-shadow: 0 0 0 1px #0e99df inset;
   overflow: hidden;
}

mein problem ist das die angeben in der css datei nicht übernommen werden. wenn ich diese angaben in die coulo.css des prosilver styles anhänge funktioniert diese extension so wie sie soll. aber das soll ja auch ohne gehen also so das man nur die ext laden mus

[Kirk]

Um deine eigene css Datei zu laden mache folgendes,
Erstelle ein Template Event Namens overall_header_head_append.html mit folgendem Inhalt:

Code: Alles auswählen

<!-- INCLUDECSS @chris1278_ts3/ts3.css -->

Diese html Datei muss dann im Verzeichnis root/ext/chris1278/ts3/styles/prosilver/template/event liegen und die css Datei muss im Verzeichnis root/ext/chris1278/ts3/styles/prosilver/theme/ liegen.

Nicht vergessen den Foren und Browser Cache zu leeren.

[chris1278]

ok jetzt klappt es das ganze als ext ohne die basis dateien zu ändern super danke euch