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:
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
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:
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
Kommentieren
Teilen
Auf Facebook teilen
Auf X (Twitter) teilen
Auf Reddit teilen
Auf Linkedin teilenBitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben
Content-ID: 277939
Url: https://administrator.de/forum/css-zu-parameter-wird-gesucht-277939.html
Ausgedruckt am: 25.04.2025 um 17:04 Uhr
19 Kommentare
Neuester Kommentar
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
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
Jup, ein Link wäre Klasse 
Den würde ich ja gerne posten, aber ich habe das ganze lokal gehostet^^
Dann tuts mir Leid 
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.
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 ???
Also einfach die Suche anwerfen feddich... wo ist das Problem ???
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/
Hier ist der Link: http://meinetolleseite.16mb.com/
Einfach hier klicken:
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 !
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 !
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">
Ich habe schon verstanden was du meinst, aber in welcher HTML-Datei steht das? Im root-Verzeichniss liegt keine HTML-Datei
Wenn ich auf Inlines klicke komme ich (wie unten zu sehen) in die Datei "...altenes Stil-Dokument #8">
Ich habe schon verstanden was du meinst, aber in welcher HTML-Datei steht das? Im root-Verzeichniss liegt keine HTML-Datei
In der Hauptseite ! Also der ersten welche du durch deinen Domainaufruf aufrufst. Meistens index.html / index.php / default.aspx etc. pp
Da liegt aber keine HTML-Datei...
Inhalt der index.php:
Inhalt der index.php:
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.
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.
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:
ich habe alle .php und .html durchsucht, aber dort ist nichts zu finden.
Das ist der Inhalt den Template Verzeichnisses:
ich habe alle .php und .html durchsucht, aber dort ist nichts zu finden.
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
Das CSS gehört zu einem Modul "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.
/modules/mod_grid_gk5/
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:
Dort scheien nur die Positionen der Module definiert zu sein.
Die Module haben folgende "params":
Jetzt müsste ich nur noch herausfinden in welcher Tabelle der Stil ausgelesen wird.
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.
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.
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.
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:
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
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
Klar so das kann man natürlich immer machen... oder gleich sein eigenes Modul erstellen.
