[Solved] Trennlinien: .css-Steuerung SMF / PragmaMX

Begonnen von Break_Dancer, 06 Mai 2010, 11:17:03

⏪ vorheriges - nächstes ⏩

0 Mitglieder und 1 Gast betrachten dieses Thema.

Drucken
Nach unten Seiten1
Benutzer-Aktionen

Break_Dancer

06 Mai 2010, 11:17:03
Hallo,

ich beziehe mich zunächst mal auf folgenden Beitrag:

http://www.pragmamx.org/Forum-topic-29403.html

Derzeit habe ich ein ähnliches Problem mit den Trennlinien im SMF. Trotz der Zuweisung der hr-Formatierung aus der style.css des SMF-Themes wird die Formatierung aus PragmaMX übernommen.

Ich blick da auch nicht mehr durch und sehe diese Entwicklung etwas kritisch, dass SMF-Einstellungen in wichtigen Punkten von den Einstellungen in PMX überschrieben werden. Bei mir betrifft das die Schriftart in den Links und die Hovereigenschaften und - eben die Trennlinie.

Diese wird in meinem Forum viel zu dick und in der falschen Farbe dargestellt. Bitte wo kann ich im Yaml-Theme, das über x-.css-Dateien arbeitet, die hr-Einstellungen ändern. In der content. css ist die Einstellung auf 1 px dotted unten. Wo aber kommt nun die viel zu dicke Trennlinie her ? Bugzilla und meine ganzen Tools helfen hier auch nicht mehr weiter, weil sie eben nur die Klasse .hrcolor erkennen, dazu dann noch die genannte content.css mit folgenden Eigenschaften:

Code Auswählen
hr  {
background:none repeat scroll 0 0 transparent;
border-color:#000000;
border-style:none none dotted;
border-width:0 0 2px;
color:#890600;
height:1px;
margin:0 0 0.5em;
padding:0 0 0.5em;

Passt auch, im PMX-Theme wird sie richtig dargestellt. Aber im Forum ? Dazu habe ich dann auch noch eine Scrollbar rechts in jedem Beitrag, die ich noch nicht zuordnen kann. Könnte auch damit zusammenhängen.

Liebe Grüße

Markus

Link zum anguggen: http://www.kirmes-und-volksfest.de/Kirmes_und_Volksfest_Forum-topic-4.html

SvenW

#1
06 Mai 2010, 15:16:53 Letzte Bearbeitung: 06 Mai 2010, 15:38:46 von SvenW
Das liegt vermutlich an den Überschneidungen. Probier mal deine index.template.php zu ergänzen und schau dir mal das org. mx-port näher an.

Kurzfassung...

Suche nach:

Code Auswählen

</head>
<body>


und füge danach

Code Auswählen

<div id="smfoutput">


ein.


Dann noch das Ganze schließen und "vor"

Code Auswählen

</body></html>



einen


Code Auswählen

</div>



einfügen.


Nun musst du nur noch dein komplettes CSS anpassen. Hier einfach dann alle Klassen mit "#smfoutput" ergänzen.


Beispiel:


Code Auswählen

.hrcolor {

}


Neu:

Code Auswählen

#smfoutput .hrcolor {

}

Break_Dancer

#2
06 Mai 2010, 16:54:35
Hi Sven,

danke für die ausführliche Anleitung. Hab das alles jetzt mal eingearbeitet und die index.template.php meine Themes angespasst.

Bei der style.css bin ich mir nicht ganz sicher. ich habe - soweit es erkennbar war - die Änderungen ebenfalls eingearbeitet. Die dicken Linien beim hr sind noch da - ausserdem bin ich mir bei den Definitionen nicht ganz sicher...

In der css Datei des mx-port steht zum Beispiel folgendes:

Code Auswählen
#smfoutput .catbg,
#smfoutput tr.catbg td,
#smfoutput .catbg3,
#smfoutput tr.catbg3 td {
   padding-left: 10px;
   padding-right: 10px;
   /* background-image: url(images/catbg.jpg); */
   background-color: ___bgcolor1___;
   color: ___textcolor2___;

Warum so und warum nicht

Code Auswählen
#smfoutput .catbg, tr.catbg td,
#smfoutput .catbg3, tr.catbg3 td {
   padding-left: 10px;
   padding-right: 10px;
   /* background-image: url(images/catbg.jpg); */
   background-color: ___bgcolor1___;
   color: ___textcolor2___;

Und ist es so richtig:

Code Auswählen
#smfoutput .titlebg, tr.titlebg th, tr.titlebg td,
#smfoutput .titlebg2, tr.titlebg2 th, tr.titlebg2 td
{

oder muss es so:
Code Auswählen
#smfoutput .titlebg,
#smfoutput tr.titlebg th,
#smfoutput tr.titlebg td,
#smfoutput .titlebg2,
#smfoutput tr.titlebg2 th,
#smfoutput tr.titlebg2 td
{

Da blick ich auch in der style.css des Port-Themes nicht ganz durch, sorry....

Liebe Grüße

Markus

Break_Dancer

#3
06 Mai 2010, 18:12:40
Ich glaub, ich hab jetzt soweit alles. Die style.css häng ich mal einfach hier dran, vielleicht mag ja mal jemand draufschauen, ob ich irgendwo nen Fehler gemacht habe... Hab sie mal txt genannt, hochladen von .css is ja ned  :smile:

Jedenfalls sind die Trennlinien unverändert da, leider...  :red:

SvenW

#4
06 Mai 2010, 22:04:37
Hm,

wird vermutlich doch noch von deiner yaml content.css vererbt.

Wenn die Werte im smf noch einmal überschrieben werden... sollte man alles ändern können.

Code Auswählen

#smfoutput hr {
   margin: 0;
   padding: 0;
   border-color: none;
   border-style: none;
   border-width: 0;
   height:0;
}


#smfoutput .hrcolor {
background-color:#990000;
border:0 none;
color:#990000;
height:1px;
}

Break_Dancer

#5
06 Mai 2010, 22:25:52
Ein Traum, genau so sollte es aussehen und es funktioniert !!

Im Endeffekt also überschreibt dann doch die .css des Forums die des Hauptthemes - so soll es sein... xD Aber am Ende auch bissl Doofheit von mir, ich hatte entsprechendes im .css Forum gelesen, dachte mir aber "wenn das yaml eh alles überschreibt, bringts nix... "

Danke Dir, das hat mir wirklich geholfen !!!!

Liebe Grüße

Markus
Drucken
Nach oben Seiten1
Benutzer-Aktionen