d1ck3n
Goto Top

CSS zu Parameter wird gesucht!

Hallo zusammen,

ich habe ein kleines Problem: Ich möchte eine nicht von mir geschriebene CSS Datei anpassen, habe die Parameter über das Firefox-Webdev-Tool herausgefunden, aber ich finde die verdammte Datei dazu nicht.

Hier mal ein Screenshot:

6aec9e4a0569d01f28bfbcb874d91cd4

Dort habe ich den Bereich mal markiert, den ich in der Datei bearbeiten will. Ich will beim Parameter "left: 12%" haben.

Weiß einer, wie ich den Pfad zu der entsprechenden CSS finden kann?

Gruß
Merlin

Content-Key: 277939

Url: https://administrator.de/contentid/277939

Ausgedruckt am: 28.03.2024 um 18:03 Uhr

Mitglied: 114757
114757 21.07.2015 aktualisiert um 14:55:49 Uhr
Goto Top
Moin,
Auf dem Tab Stilbearbeitung findest du alle CSS Files. (scheint aber ein Inline-Style zu sein (steht ja rechts davon) d.h. der Style steht sehr wahrscheinlich direkt im Quelltext der HTML-Datei innerhalb von <style> Tags).

Poste doch mal den Link zur Seite...

Gruß jodel32
Mitglied: joehuaba
joehuaba 21.07.2015 um 14:55:48 Uhr
Goto Top
Jup, ein Link wäre Klasse face-smile
Mitglied: D1Ck3n
D1Ck3n 21.07.2015 um 15:11:48 Uhr
Goto Top
Den würde ich ja gerne posten, aber ich habe das ganze lokal gehostet^^
Mitglied: joehuaba
joehuaba 21.07.2015 um 15:19:58 Uhr
Goto Top
Dann tuts mir Leid face-wink
Mitglied: Tjelvar
Tjelvar 21.07.2015 um 15:24:51 Uhr
Goto Top
Hast du Zugriff auf die Dateistruktur? Über Firebug kannst du bpsw den Namen der CSS Datei herausbekommen, sobald du den hast, kannst du ja relativ simpel danach filtern.
Mitglied: 114757
114757 21.07.2015 aktualisiert um 15:44:25 Uhr
Goto Top
Siehe oben das ist ein Inline-Style, also in keiner externen Datei sondern in der HTML-Datei die du gerade darstellst!
Also einfach die Suche anwerfen feddich... wo ist das Problem ???
Mitglied: D1Ck3n
D1Ck3n 21.07.2015 um 16:17:16 Uhr
Goto Top
Ich habe meine Seite mal auf einem Free-hoster "kurz" nachgebaut (da ist ja nicht viel zu machen ;))

Hier ist der Link: http://meinetolleseite.16mb.com/
Mitglied: 114757
114757 21.07.2015 aktualisiert um 16:30:31 Uhr
Goto Top
Einfach hier klicken:

5372055e1cf0bb68c24efab0d782f8b8

Dann siehst du wo die Regeln stehen, ist das so schwer. Es ist ein Inline-Stil der in der Datei selber steht, wie ich nun schon zweimal gesagt habe!

Zeile 25 im Quelltext der Seite !

f59116e2de27ff1d2c747b3badc5ca8f
Mitglied: D1Ck3n
D1Ck3n 21.07.2015 aktualisiert um 16:49:26 Uhr
Goto Top
Das habe ich auch schon gefunden, aber in welcher Datei steht der Quelltext?! Das ist ja der Ausgangspunkt meiner Frage.

Wenn ich auf Inlines klicke komme ich (wie unten zu sehen) in die Datei "...altenes Stil-Dokument #8">

a75acd688cdb8f6819e085a5f5cc9ed2

Ich habe schon verstanden was du meinst, aber in welcher HTML-Datei steht das? Im root-Verzeichniss liegt keine HTML-Datei
Mitglied: 114757
114757 21.07.2015 aktualisiert um 16:50:46 Uhr
Goto Top
Zitat von @D1Ck3n:
Ich habe schon verstanden was du meinst, aber in welcher HTML-Datei steht das?
In der Hauptseite ! Also der ersten welche du durch deinen Domainaufruf aufrufst. Meistens index.html / index.php / default.aspx etc. pp
Mitglied: D1Ck3n
D1Ck3n 21.07.2015 aktualisiert um 16:53:25 Uhr
Goto Top
Da liegt aber keine HTML-Datei...

08eef309f73c2b5896802e64a89be455

Inhalt der index.php:

43143844845cbaed6ad5ebd8a281fd9e
Mitglied: 114757
114757 21.07.2015 aktualisiert um 16:58:22 Uhr
Goto Top
Moment das ist ja eine Joomla Seite das hattest du nicht erwähnt, dann steht das in einem der Templates ! Welches durch ein PHP Skript zur Seite generiert wird.
Im Template-Verzeichnis solltest du fündig werden, denn ohne die Dateien hier vor mir zu haben können wir dir da hier schlecht helfen.

Hier kommst du mit den Deveolpper Tools nicht weiter, durchsuche einfach alle Unterordner mit deren Dateien nach deinem gesuchten String, feddich.
Mitglied: D1Ck3n
D1Ck3n 21.07.2015 aktualisiert um 17:07:57 Uhr
Goto Top
Das habe ich auch schon alles versucht. Ich habe z.B. das ganze Root-Verzeichnis nach Dateien durchsucht, in denen "gkGrid-nav-pinnwand-1" vor kommt, aber es wird nichts gefunden.

Das ist der Inhalt den Template Verzeichnisses:
a1307f1e482d075ff6c71f55d75fd20d

ich habe alle .php und .html durchsucht, aber dort ist nichts zu finden.
Mitglied: 114757
114757 21.07.2015 aktualisiert um 17:21:56 Uhr
Goto Top
ich habe alle .php und .html durchsucht, aber dort ist nichts zu finden.
In den Templates suchen ! Und natürlich im Backend der Webseite schauen ob aus der DB Enträge kommen
Mitglied: 114757
114757 21.07.2015 aktualisiert um 17:48:08 Uhr
Goto Top
Das CSS gehört zu einem Modul "mod_grid_gk5"
/modules/mod_grid_gk5/
Ich vermute aber das es eine Anpassung ist und es aus der DB kommt, oder das Modul mod_grid_gk5 generiert das CSS dynamisch aus Einstellungen im Backend.
Mitglied: D1Ck3n
D1Ck3n 22.07.2015 um 08:51:35 Uhr
Goto Top
Das scheint wirklich aus der Datenbank generiert zu werden. Ich habe im Backend Einstellungen zum ändern der Größe der Module gefunden, aber da ist mir das "zu grob".

Ich habe nun in meine DB mal reingeschaut und folgendes gefunden:

In der Tabelle präfix_modules habe ich den Eintrag mod_grid_gk5 und meine selbst erstellten Module gefunden (z.B. Navigation_Mitarbeiter).

In der Spalte "params" für mod_grid_gk5 steht:

{"module_id":"","moduleclass_sfx":"","grid_margin":"5","grid_border":"none","grid_proportions_desktop":"1.20","grid_proportions_tablet":"1","grid_proportions_mobile":"1","grid_data":"{\"blocks\":[{\"ID\":\"nav-mitarbeiter-1\",\"COLOR_ID\":1,\"POSITION\":\"nav-mitarbeiter\",\"SIZE_D_W\":\"2\",\"SIZE_D_H\":\"1\",\"SIZE_T_W\":\"2\",\"SIZE_T_H\":\"1\",\"SIZE_M_W\":\"2\",\"SIZE_M_H\":\"1\",\"SIZE_DATA\":\"2,1,2,1,2,1\",\"POS_D_X\":0,\"POS_D_Y\":0,\"POS_T_X\":0,\"POS_T_Y\":0,\"POS_M_X\":0,\"POS_M_Y\":0},{\"ID\":\"nav-dictionary-1\",\"COLOR_ID\":2,\"POSITION\":\"nav-dictionary\",\"SIZE_D_W\":\"2\",\"SIZE_D_H\":\"1\",\"SIZE_T_W\":\"2\",\"SIZE_T_H\":\"1\",\"SIZE_M_W\":\"2\",\"SIZE_M_H\":\"1\",\"SIZE_DATA\":\"2,1,2,1,2,1\",\"POS_D_X\":2,\"POS_D_Y\":0,\"POS_T_X\":2,\"POS_T_Y\":0,\"POS_M_X\":0,\"POS_M_Y\":1},{\"ID\":\"nav-locaphone-1\",\"COLOR_ID\":3,\"POSITION\":\"nav-locaphone\",\"SIZE_D_W\":\"2\",\"SIZE_D_H\":\"1\",\"SIZE_T_W\":\"2\",\"SIZE_T_H\":\"1\",\"SIZE_M_W\":\"2\",\"SIZE_M_H\":\"1\",\"SIZE_DATA\":\"2,1,2,1,2,1\",\"POS_D_X\":4,\"POS_D_Y\":0,\"POS_T_X\":0,\"POS_T_Y\":1,\"POS_M_X\":0,\"POS_M_Y\":2},{\"ID\":\"nav-egroup-1\",\"COLOR_ID\":4,\"POSITION\":\"nav-egroup\",\"SIZE_D_W\":\"2\",\"SIZE_D_H\":\"1\",\"SIZE_T_W\":\"2\",\"SIZE_T_H\":\"1\",\"SIZE_M_W\":\"2\",\"SIZE_M_H\":\"1\",\"SIZE_DATA\":\"2,1,2,1,2,1\",\"POS_D_X\":0,\"POS_D_Y\":1,\"POS_T_X\":2,\"POS_T_Y\":1,\"POS_M_X\":0,\"POS_M_Y\":3},{\"ID\":\"nav-wissen-1\",\"COLOR_ID\":5,\"POSITION\":\"nav-wissen\",\"SIZE_D_W\":\"2\",\"SIZE_D_H\":\"1\",\"SIZE_T_W\":\"2\",\"SIZE_T_H\":\"1\",\"SIZE_M_W\":\"2\",\"SIZE_M_H\":\"1\",\"SIZE_DATA\":\"2,1,2,1,2,1\",\"POS_D_X\":2,\"POS_D_Y\":1,\"POS_T_X\":0,\"POS_T_Y\":2,\"POS_M_X\":0,\"POS_M_Y\":4},{\"ID\":\"nav-dudle-1\",\"COLOR_ID\":6,\"POSITION\":\"nav-dudle\",\"SIZE_D_W\":\"2\",\"SIZE_D_H\":\"1\",\"SIZE_T_W\":\"2\",\"SIZE_T_H\":\"1\",\"SIZE_M_W\":\"2\",\"SIZE_M_H\":\"1\",\"SIZE_DATA\":\"2,1,2,1,2,1\",\"POS_D_X\":4,\"POS_D_Y\":1,\"POS_T_X\":2,\"POS_T_Y\":2,\"POS_M_X\":0,\"POS_M_Y\":5},{\"ID\":\"nav-pinnwand-1\",\"COLOR_ID\":7,\"POSITION\":\"nav-pinnwand\",\"SIZE_D_W\":\"2\",\"SIZE_D_H\":\"1\",\"SIZE_T_W\":\"2\",\"SIZE_T_H\":\"1\",\"SIZE_M_W\":\"2\",\"SIZE_M_H\":\"1\",\"SIZE_DATA\":\"2,1,2,1,2,1\",\"POS_D_X\":0,\"POS_D_Y\":2,\"POS_T_X\":0,\"POS_T_Y\":3,\"POS_M_X\":0,\"POS_M_Y\":6},{\"ID\":\"nav-bugzilla-1\",\"COLOR_ID\":8,\"POSITION\":\"nav-bugzilla\",\"SIZE_D_W\":\"2\",\"SIZE_D_H\":\"1\",\"SIZE_T_W\":\"2\",\"SIZE_T_H\":\"1\",\"SIZE_M_W\":\"2\",\"SIZE_M_H\":\"1\",\"SIZE_DATA\":\"2,1,2,1,2,1\",\"POS_D_X\":2,\"POS_D_Y\":2,\"POS_T_X\":2,\"POS_T_Y\":3,\"POS_M_X\":0,\"POS_M_Y\":7},{\"ID\":\"nav-webpage-1\",\"COLOR_ID\":9,\"POSITION\":\"nav-webpage\",\"SIZE_D_W\":\"2\",\"SIZE_D_H\":\"1\",\"SIZE_T_W\":\"4\",\"SIZE_T_H\":\"1\",\"SIZE_M_W\":\"2\",\"SIZE_M_H\":\"1\",\"SIZE_DATA\":\"2,1,4,1,2,1\",\"POS_D_X\":4,\"POS_D_Y\":2,\"POS_T_X\":0,\"POS_T_Y\":4,\"POS_M_X\":0,\"POS_M_Y\":8}],\"heights\":{\"desktop\":\"3\",\"tablet\":\"5\",\"mobile\":\"9\"}}","animation":"1","animation_speed":"normal","animation_random":"0","animation_type":"opacity","tablet_width":"840","mobile_width":"600","useCSS":"1","useScript":"1","engine_mode":"mootools","include_jquery":"0","module_tag":"div","bootstrap_size":"0","header_tag":"h3","header_class":"","style":"0"}  

Dort scheien nur die Positionen der Module definiert zu sein.

Die Module haben folgende "params":

 {"customHtml":"<!DOCTYPE HTML>\r\n<html>\r\n   <head> \r\n   <link rel=\"stylesheet\" type=\"text\/css\" href=\".\/zz_bib\/verzeichnis\/css\/nav_test.css\">\r\n   <\/head>\r\n\r\n   <body> \r\n<img src=\".\/zz_bib\/verzeichnis\/nav_mitarbeiter.svg\" alt=\"\" class=\"fade\" \/>\r\n<\/body>\r\n<\/html>","prepare_content":"0","evalPhp":"","moduleStyle":"","cssOverride":"","styleSheet":"","javascriptFile":"","moduleclass_sfx":"","cache":"1","cache_time":"900","cachemode":"itemid","module_tag":"div","bootstrap_size":"0","header_tag":"h3","header_class":"","style":"0"}  

Jetzt müsste ich nur noch herausfinden in welcher Tabelle der Stil ausgelesen wird.
Mitglied: 114757
114757 22.07.2015 aktualisiert um 09:22:03 Uhr
Goto Top
Ich vermute mal die Parameter
POS_D_X /POS_T_X und POS_M_X sind dafür zuständig, jeweils für Desktop,Tablet und Mobile Geräte. Das CSS wird dann aus diesen Parametern dynamisch generiert.
Das X bezeichnet die horizontale Position.
Mitglied: D1Ck3n
D1Ck3n 22.07.2015 um 13:46:15 Uhr
Goto Top
Ich habe eine Lösung gefunden!

Es ist eigentlich total simpel:

In der template.css meines Templates (t3_bs3_blank) muss ich einfach die Class, die man mit Firebug ausgelesen hat, einfügen und mit der Eigenschaft !important versehen:

 /*Navigation Mitarbeiter*/
.gkGridElement.gkGrid-nav-mitarbeiter-1 {
height: 33.3333%;
left: 12% !important;
top: 0;
width: 33.3333%;
z-index: 1;
}

Das habe ich hier erfahren: http://forum.joomla.de/index.php/Thread/624-mod-grid-gk5-Parameter-%C3% ...

Trotzdem vielen Dank für deine Hilfe @114757

Gruß
D1Ck3n
Mitglied: 114757
114757 22.07.2015 aktualisiert um 13:53:36 Uhr
Goto Top
Klar so das kann man natürlich immer machen... oder gleich sein eigenes Modul erstellen.