Schriftfarbe für Titel in News

[juergiboe]

Hallo erstmal,

WSB ist für mich ganz neu und gefällt mir bis auf einige Kleinigkeiten recht gut. Dennoch habe ich ein kleines Problem.

Das Modul "News" gibt die Nachrichtentitel in weißer Schrift aus, was bei einem strukturierten Hintergrund nicht gut aussieht. Nun gibt es keine Möglichkeit, die Schriftfarbe für die Nachrichtentitel einzustellen. Und ich will nicht bei jeder neuen Nachricht in den Code, um die Farbe auf Schwarz zu stellen. Auch in den CSS-Styles habe ich nicht die richtige Stelle gefunden. Wer kann mir dabei helfen? Falls es wichtig ist: Das Template basiert auf "gray-snake", aber der Hintergrund ist ein anderer.

Gruß
Jürgen

[Chaploo]

Hast du denn Newsseite > Optionen > CSS bearbeiten (Button rechts oben) schon ausprobiert?
Oder hast du die Formatierungen für das Newsmodul in deine genrelle css-Datei geschrieben?

Generell wäre es bei Hilfeanfragen sinnvoll zu erwähnen, welche Version von WB du einsetzt.

Grüße
Jochen

[Bastian]

Hi,

im Backend bei den New unter erweiterte Optionen > CSS bearbeiten, und dort .post-title > das is der dazugehörige style

Gruß Bastian

[juergiboe]

Moin Moin,

meine WSB Version: Version 2.8.1 Revision 1287, also die aktuelle.

Das News-Modul hatte ich noch gar nicht angefasst. Daher auch kein CSS in eine separate Datei geschrieben.

Newsseite > Optionen > CSS: Dort wird post-title mit color #000000, also schwarz angegeben. Die gezeigte Farbe ist aber #FFFFFF. Und ich habe keine Ahnung, wo WSB sich diesen Code herholt.

edit:
Übrigens: Im gesamten CSS ist kein einziger Selektor, dessen font-color auf #FFFFFF steht.

[funas]

Schau mal, welche Überschriftenart der Titel benutzt und dann, was im der Template CSS steht.

Gruß

[juergiboe]

Also: Firebug zeigt mir dies:

Code:

border-bottom: 1px solid rgb(255, 255, 255); font-weight: bold; font-size: 12px; color: rgb(255, 255, 255);

Da kommt also die weiße Schriftfarbe her. Aber das steht bei jeder Nachricht. Woher hat WSB die?

@funas:
Scheint die selbe serifenlose Schrift wie überall (Verdana) zu sein.

[funas]

Ich meine welche Überschrift: <h1>.<h2>??
und dann schau mal im Template CSS (style.css) ob da evtl. steht
h1{
color:#fff;
}

Gruß

[juergiboe]

Er benutzt keine der Überschriften h1-h6. Wie ich weiter oben schrieb, wird in keiner einzigen Schrift im CSS die Farbe #fff oder #FFFFFF erwähnt. Nur im HTML-Code wird der Inline-Tag angezeigt, in dem die RGB Farbe weiß steht. Und die Frage aller Fragen ist, wo dieser Code herkommt?

[funas]

Also, wenn du nichts verändert hast, müsste es aussehen wie im Anhang.
Was bedeutet, dass er für die tabelle "post-title" nutz, in <h1> steht und einen Link enthält.
Also ist es die Zeile td, das <h1> Tag oder der Link, der diese Schriftfarbe erzeugt.

Gruß

[juergiboe]

CSS in "Beitrag Schleife" sieht bei mir so aus:

Code:

<tr class="post-top">
<td class="post-title"><a href="[LINK]">[TITLE]</a></td>
<td class="post-date">[PUBLISHED_DATE], [PUBLISHED_TIME]</td>
</tr>
<tr>
<td class="post-short" colspan="2">
[SHORT]
<span style="visibility:[SHOW_READ_MORE];"><a href="[LINK]">[TEXT_READ_MORE]</a></span>
</td>
</tr>

Taugt das Template vielleicht nichts? Mich wundert sowieso, warum so viele CSS-inline-Regeln im HTML-Code sind. Ich bin in CSS zwar ganz neu, aber das kommt mir nicht so elegant vor.

Gruß
Jürgen

[juergiboe]

Eben hatte ich es nicht deutlich gesagt: ich habe nichts verändert.

Wenn ich es richtig sehe, müsste ich den Teil Beitrag Schleife nur so abändern, dass ein hx-Tag reinkommt, und diesem Tag die gewünschte Farbe verpassen, oder?

Gruß
Jürgen

[Chaploo]

Ich würde eher nach der Ursache suchen und nicht nur die Symptome bekämpfen ... 

Hast du mal geschaut, ob irgendwo in deinem Template-CSS die Schriftformatierung rgb(255 ,255, 255) verwendet wird?

Grüße
Jochen

[juergiboe]

Okay, dann schau dir doch mal die screen.css aus dem Template an. Die andere, print.css, wird's ja nicht sein.

Code:

/* (c) ******* */

h1      {font-size: 200%;
        color: #003300
        }

body
{font-family: verdana, helvetica, sans-serif;
font-size: 14px;
color: #000;
margin-top: 40px;
text-align: center;
background-image: url(reet-tile.png);
}

.wrap
{width: 80%;
min-width: 800px;
min-height: 600px;
margin: auto;
text-align: left;
border-width: large;
border-style: outset;
border-color: #999;
background-image: url(reet-tile-gray.png);
}

.banner
{width: 80%;
margin: auto;
margin-top: 10px;
padding: 10px;
text-align: left;
background-image: url(reet-tile-gray.png);
}

.container
{width: 100%;
min-height: 600px;
margin-top: 10px;
margin-bottom: 20px;
text-align: left;
background-image: url(reet-tile-gray.png);
}

/*-------------------------------------------------*/
/* Left Column                                     */
/*-------------------------------------------------*/

.leftbar
{width: 200px;
min-height: 400px;
padding-left: 5px;
float: left;
text-align: justify;
}

/*-------------------------------------------------*/
/* Left Content Block                              */
/*-------------------------------------------------*/

.content
{display: none;
width: 180px;
margin-top 10px;
}

/*-------------------------------------------------*/
/* Search Box                                      */
/*-------------------------------------------------*/

.searchbox
{width: 194px;
margin-bottom: 3px;
align: center;
display: block;
}

.searchbutton
{width: 200px;
margin: 1px;
margin-bottom: 5px;
align:center;
display: block;
}

/*-------------------------------------------------*/
/* Main Content                                    */
/*-------------------------------------------------*/

.content2
{margin-left: 240px;
margin-right: 20px;
        min-height: 400px;
text-align: justify;
}

/*-------------------------------------------------*/
/* News Module                                     */
/*-------------------------------------------------*/

.news_wrap
{padding: 5px;
margin-top: 15px;
border: 1px solid #fff;
}

.post_title, .post_date
{border-bottom: 1px solid #fff;
}

.post_title
{font-weight: bold;
font-size: 12px;
color: #000;
}

.post_date
{text-align: right;
font-weight: bold;
}

.post_short
{text-align: justify;
font-size: 12px;
}


/*-------------------------------------------------*/
/* Navigation Menu 1 - by maxdesign (listamatic)   */
/*-------------------------------------------------*/


#navcontainer ul
{padding: .2em 0;
margin: 0;
list-style-type: none;
background-color: #1D661D;
color: #000;
width: 100%;
font: normal 110% verdana, helvetica, sans-serif;
text-align: center;
}

#navcontainer li { display: inline; }

#navcontainer li a
{text-decoration: none;
background-color: #1D661D;
color: #fff;
padding: .2em 1em;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
}

#navcontainer li a:hover
{background-color: #5dcf57;
color: #fff;
}

/*-------------------------------------------------*/
/* Navigation Menu 2 - by maxdesign (listamatic)   */
/*-------------------------------------------------*/

#navcontainer2 ul
{margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}

#navcontainer2 li { margin: 0 0 3px 0; }

#navcontainer2 a
{display: block;
margin-left: 2px;
padding: 2px 2px 2px 22px;
border: 1px solid #fff;
background-color: #999;
background-image: url(snakeskin-small-gray.png);
background-repeat: repeat-x;
background-position: 0% 50%;
}

#navcontainer2 a:link
{color: #000;
text-decoration: none;
}
#navlist2 a:visited
{color: #fff;
text-decoration: none;
}

#navcontainer2 a:hover
{border: 1px solid #333;
font-weight: bold;
background-image: url(snakeskin-small.png);
background-repeat: repeat-x;
background-position: 0% 50%;
}

#active a:link, #active a:visited, #active a:hover
{border: 1px solid #333;
background-image: url(reet-tile.png);
background-repeat: repeat-x;
background-position: 0% 50%;
color: #333;
}

Nirgendwo, außer in der Navigation, eine weiße Schrift.

[Chaploo]

Die News-Titel werden im Code mit post-title formatiert, in deiner CSS stehen sie mit post_title. Probier mal, da einen Bindestrich zu machen.
Und um sicherzugehen könntest du noch die Klasse .post-tile a:link usw. in der CSS-Datei definieren.

Grüße
Jochen

[juergiboe]

Hi Jochen,

hat auch nichts genützt. Und das dachte ich mir schon. Denn in der frontend.css des News-Moduls steht schon (auszugsweise):

Code:

.post_title,
.post-title {
font-weight: bold;
font-size: 12px;
color: #000000;

Also sind schon beide Schreibweisen berücksichtigt.

Deinen letzten Vorschlag verstehe ich nicht. Wie lautet der Code ausführlich? Sorry, so langsam stehe ich voll auf dem Schlauch.

Lieben Gruß
Jürgen

[juergiboe]

Ich glaube, ich lass das lieber. Nun habe ich mich voll auf die Überschriftenfarbe konzentriert und gar nicht gemerkt, dass bei Klick auf "read more" die Startseite angezeigt wird. Hinzu kommt das "Feature", dass der Editor nicht angepasst ist, d.h. beim Bilder einfügen absolute und keine relativen Links gesetzt werden. Bei den vielen Bildern, die mein Kunde zeigen will, eine mittlere Katastrophe. Mindestens beim Umzug von lokal auf remote.

Ich glaube, ich lasse es mit dem Webbaker lieber.....

Trotzdem danke an alle!

Liebe Grüße
Jürgen

[funas]

Hast du die News in nem Wrapper angelegt?! Ich versteh garnicht, was da bei dir los ist...
Andere CMS bedürfen ebenfalls Kenntnisse in CSS, wenn es individuell sein soll.

Gruß

[erpe]

Ein einfacher Link zu deiner Seite hätte eher weiter geholfen........... ....
Dann bräuchten die Leute hier auch keine Glaskugel, um zu helfen.

Gruss

erpe

[juergiboe]

Ein einfacher Link zu deiner Seite hätte eher weiter geholfen........... ....

Nichts leichter als das.

edit: Link entfernt

Gruß
Jürgen

[erpe]

Da fehlt ja das Laden der frontend.css.

Hättest du die Hilfe gelesen, hättest du es auch selbst gefunden:
http://www.websitebaker2.org/de/hilfe/designerhandbuch/erweiterte-designelemente.php
Punkt: optionale Moduldateien einbinden.

Meistens ist nicht das CMS der Verursacher der Schwierigkeiten sondern derjenige, der davor sitzt...........

Wenn du das ereldigt hast, kannst du acuh die frontend.css entsprechend stylen.

Gruss

erpe

[juergiboe]

Danke. Den Schuh ziehe ich mir dann auch gern an.

Nun habe ich den PHP-Code eingefügt, sicherheitshalber das Modul de- und wieder re-installiert. Cache entleert. Neue News zugefügt. Und immer noch finde ich in frontend.css keine Stelle, die drauf hindeutet, dass die Überschrift weiß sein soll.

Das schlimmste kommt jetzt:
Nach dem Löschen einer News wurden keine mehr angezeigt. So weit, so gut. Nach dem Schreiben einer neuen Nachricht erscheinen plötzlich zwei News. Rein in die DB, beide Einträge gelöscht. Nun werden gar keine News mehr angezeigt. Das selbe passierte mir mit der lokalen Installation.

Grüße
Jürgen

[erpe]

Und wie soll man dir jetzt helfen?
Aus dem Kaffeesatz lesen?

Weiss doch Niemand, was du sonst noch so alles im Template modifiziert hast.
Ist da Anynews installiert oder??

Das ursprüngliche Template ist aus 2006............... .

Welches Modul hast du denn jetzt neu installiert.
Welche WB-Version?
etc
etc?

[juergiboe]

Na na, nicht gleich so aggro!
Das Newsmodul ist aus den Bordmitteln, der Version 2.8.1 Revision 1287. Die Version hatte ich oben schon genannt. Und das Modul ist dann nicht so exotisch, oder?

Die Sache ist eigentlich ganz einfach. Wenn ihr mir nicht helfen könnt oder wollt, fasse ich den WSB nicht mehr an. Andere Väter haben auch schöne Töchter....

Liebe Grüße
Jürgen

[erpe]

Jeder muss das machen, was er für richtig hält.

Ciao

[kweitzel]

Bitte kommt mal wieder auf den Boden zurück ...

@Jürgen: Es ist für uns eine immer wiederkehrende Problematik, wenn wir im Endeffekt nichts wissen, ausser das WebsiteBaker verwendet wird. Dann ist das für uns eine große Raterei, die dann leider auch mal ein solches Ende nehmen kann. Es ist nicht unser Wunsch Dich zu vergraulen, aber wir brauchen Informationen um helfen zu können. Und es macht keinen Spass diese Informationen einzeln aus der Nase zu ziehen ... Erpe ist immer sehr hilfsbereit hier, aber bei solchen Anfragen muss ich gestehen, kann mir auch ein solcher Kommentar rausrutschen ...

Dann schreib doch bitte nochmal was jetzt noch offen ist und wobei Du da Hilfe benötigst.

Gruß

Klaus