Erklärungen zu den CSS-Dateien im Prosilver

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Antworten
KaroAss
Mitglied
Beiträge: 41
Registriert: 07.08.2008 23:35

Erklärungen zu den CSS-Dateien im Prosilver

Beitrag von KaroAss »

Hallo Leute,
ich habe mich schon auf der Seite kreuz und quer gesucht und habe die Lösung entweder übersehen oder sie existiert tatsächlich nicht *grübel*

Also, ich wünsche mir eine Erläuterung der CSS-Dateien im Prosilver, um genau zu sein, würde ich gerne wissen wollen welche css-Datei nun genau wofür verantwortlich ist.
Ich gestalte das Prosilver gerade farblich nach meinen eigenen Vorstellungen um und suche mir einen Wolf nach den Zuständigkeiten der Dateien.
So habe ich z.B. immer noch nicht die Ecke gefunden, wo ich die CSS für den "Persönlichen Bereich" und den Moderations-Bereich" ändern kann.
Kann mir bitte eine hilfreiche Seele einen Wegweiser aufstellen? :oops:
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 5041
Registriert: 08.06.2009 12:03

Re: Erklärungen zu den CSS-Dateien im Prosilver

Beitrag von Talk19zehn »

Hallo KaroAss,

Prosilver? ACP / Theme
Ich blendete die Ecken (.gif) in diesen Bereichen bspw. testweise einfach mal aus: none;
Daraus entnehme ich, dass es evtl. die Bereiche sind, die du ggf. suchst.

Code: Alles auswählen

/* Preferences pane layout
----------------------------------------*/
#cp-main h2 {
   color: #000000;
}

#cp-main .panel {
   background-color: #F9F9F9;
}

#cp-main .pm {
   background-color: #FFFFFF;
}

#cp-main span.corners-top, #cp-menu span.corners-top {
   background-image: url("{T_THEME_PATH}/images/corners_left2.gif") none;
}

#cp-main span.corners-top span, #cp-menu span.corners-top span {
   background-image: url("{T_THEME_PATH}/images/corners_right2.gif") none;
}

#cp-main span.corners-bottom, #cp-menu span.corners-bottom {
   background-image: url("{T_THEME_PATH}/images/corners_left2.gif") none;
}

#cp-main span.corners-bottom span, #cp-menu span.corners-bottom span {
   background-image: url("{T_THEME_PATH}/images/corners_right2.gif") none;
}

/* Topicreview */
#cp-main .panel #topicreview span.corners-top, #cp-menu .panel #topicreview span.corners-top {
   background-image: url("{T_THEME_PATH}/images/corners_left.gif") none;
}

#cp-main .panel #topicreview span.corners-top span, #cp-menu .panel #topicreview span.corners-top span {
   background-image: url("{T_THEME_PATH}/images/corners_right.gif") none;
}

#cp-main .panel #topicreview span.corners-bottom, #cp-menu .panel #topicreview span.corners-bottom {
   background-image: url("{T_THEME_PATH}/images/corners_left.gif") none;
}

#cp-main .panel #topicreview span.corners-bottom span, #cp-menu .panel #topicreview span.corners-bottom span {
   background-image: url("{T_THEME_PATH}/images/corners_right.gif") none;
}



Beste Grüße
Zuletzt geändert von Talk19zehn am 27.02.2010 22:55, insgesamt 1-mal geändert.
Adventereigniskalender für phpBB 3.3.x,
Meine persönliche Meinung im Jahr 2024: Im Zenit seiner Popularität wirkt KI zunächst wie eine Blaupause und lässt sich aufgrund der Vielschichtigkeit nicht auf eine einzige Botschaft reduzieren.
Benutzeravatar
Frank1604
Ehemaliges Teammitglied
Beiträge: 2106
Registriert: 07.11.2007 09:25
Wohnort: Einhausen
Kontaktdaten:

Re: Erklärungen zu den CSS-Dateien im Prosilver

Beitrag von Frank1604 »

Kleiner Tipp: Firebug. Damit bekommst auf die schnelle heraus welche Deklaration(en) auf ein Element wirkt.
Gruß, Frank
Meine Meinung steht fest. Bitte verwirrt mich nicht mit Tatsachen!
KaroAss
Mitglied
Beiträge: 41
Registriert: 07.08.2008 23:35

Re: Erklärungen zu den CSS-Dateien im Prosilver

Beitrag von KaroAss »

Danke dir sehr, für deine Antwort. Ich werde mir die entsprechenden Stellen mal vormerken...
Ich arbeite aber grundsätzlich nicht über ACP, sondern direkt in den CSS-Dateien via FTP. Finde ich übersichtlicher da ich mit Notepad++ arbeite und so auch Zeilennummern, highlightning etc. zur Verfügung habe. :)
Da bringt Prosilver sage und schreibe 16 Dateien mit. Ich hätte da gerne grob gewusst, welche Datei wofür verantwortlich ist.
Benutzeravatar
Talk19zehn
Ehemaliges Teammitglied
Beiträge: 5041
Registriert: 08.06.2009 12:03

Re: Erklärungen zu den CSS-Dateien im Prosilver

Beitrag von Talk19zehn »

Meines Erachtens kannst Du sogleich die stylesheet_css (Notepad++) an entsprechender Stelle ändern.

Vgl. auch "cp".


LG
Adventereigniskalender für phpBB 3.3.x,
Meine persönliche Meinung im Jahr 2024: Im Zenit seiner Popularität wirkt KI zunächst wie eine Blaupause und lässt sich aufgrund der Vielschichtigkeit nicht auf eine einzige Botschaft reduzieren.
KaroAss
Mitglied
Beiträge: 41
Registriert: 07.08.2008 23:35

Re: Erklärungen zu den CSS-Dateien im Prosilver

Beitrag von KaroAss »

okay, vielen Dank - soweit weiß ich bescheid :)
auch dir, Frank1604- Firebug habe ich mir gerade mal installiert... nett und durchaus brauchbar, danke für den Tipp.
Aber wofür ist eigentlich die common.css und content.css und tweaks.css? Bisher habe ich nur die color.css bearbeitet.
Benutzeravatar
Frank1604
Ehemaliges Teammitglied
Beiträge: 2106
Registriert: 07.11.2007 09:25
Wohnort: Einhausen
Kontaktdaten:

Re: Erklärungen zu den CSS-Dateien im Prosilver

Beitrag von Frank1604 »

Naja, grob gesagt ist die common für die ganz allgemeinen Deklarationen, die content für die die eigentlichen Inhalte und die tweaks für alles was in den verschiedensten Browser falsch dargestellt wird und korrigiert werden muss.

Und vielleicht noch nen Tipp, die Web Developer Toolbar ist eine sehr praktische Firefox Erweiterung, genauso wie der Colopicker wenn man an den Farben rumbastelt ;)
Gruß, Frank
Meine Meinung steht fest. Bitte verwirrt mich nicht mit Tatsachen!
KaroAss
Mitglied
Beiträge: 41
Registriert: 07.08.2008 23:35

Re: Erklärungen zu den CSS-Dateien im Prosilver

Beitrag von KaroAss »

Ich glaube mit dem Firebug bin ich ganz gut bedient und ich habe den "Color Manager", der ist ein bischen besser als der Colorpicker ;)
aber auch ein schmal gehaltenes Script, aber mit den wichtigsten Umrechnungen für verschiedene Anwendungen (hex, rgb, delphi und einiges mehr)

Dank Firebug komme ich da flott durch- hab da grad mal ein bissken mit experimentiert- und ich muss mich korrigieren: Er ist nicht nett... er ist klasse :D
Danke auch noch für die Dateien-Erklärung, so finde ich mich zurecht. Die restlichen Dateinamen sind ja eigentlich selbsterklärend.
*wink*
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“