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