Style kopieren und abändern

Hier können Probleme und alles andere in Deutscher Sprache gelöst werden.
Post Reply
hackerart
Regular
Posts: 92
Joined: Fri Dec 01, 2006 1:27 pm

Style kopieren und abändern

Post by hackerart »

Nachdem ich http://www.s9y.org/126.html gelesen habe, habe ich ein grundsärtliches Problem mit meinem eigenen Template. Als Basis verwende ich carl_green, das ich dann nach meinen Vorstellungen verändern will. Dazu habe ich einfach carl_green in templates nach hackerart in templates kopiert. Die Rechte von hackerart sind nun:

ls -l hackerart/
total 60
drwxr-xr-x 3 hacker hacker 4096 Dec 6 09:54 ./
drwxrwxrwx 88 hacker hacker 4096 Dec 6 09:53 ../
-rwxrwxrwx 1 hacker hacker 8461 Dec 6 09:53 entries.tpl*
drwxr-xr-x 2 hacker hacker 4096 Dec 6 09:54 img/
-rwxrwxrwx 1 hacker hacker 2137 Dec 6 09:53 index.tpl*
-rwxrwxrwx 1 hacker hacker 77 Dec 6 09:53 info.txt*
-rwxrwxrwx 1 hacker hacker 1792 Dec 6 09:53 plugin_calendar.tpl*
-rwxrwxrwx 1 hacker hacker 10425 Dec 6 09:54 preview.png*
-rwxrwxrwx 1 hacker hacker 395 Dec 6 09:53 sidebar.tpl*
-rwxrwxrwx 1 hacker hacker 7722 Dec 6 09:53 style.css*

Wie erreiche ich, dass das neue (noch unveränderte) Style in der Verwaltung meines Blogs unter Style verwalten dargestellt wird? Liegt es eventuell daran, dass hier nur Styles von package_template.xml angezeigt werden?
garvinhicking
Core Developer
Posts: 30022
Joined: Tue Sep 16, 2003 9:45 pm
Location: Cologne, Germany
Contact:

Re: Style kopieren und abändern

Post by garvinhicking »

Hi!

Du musst die info.txt editieren und dem Theme einen eigenen Namen geben. Dann erscheints in der Auswahl.

Grüße,
Garvin
# Garvin Hicking (s9y Developer)
# Did I help you? Consider making me happy: http://wishes.garv.in/
# or use my PayPal account "paypal {at} supergarv (dot) de"
# My "other" hobby: http://flickr.garv.in/
hackerart
Regular
Posts: 92
Joined: Fri Dec 01, 2006 1:27 pm

Post by hackerart »

Vielen Dank! Immer diese Kleinigkeiten ;-)

Entweder ich mache etwas falsch oder ich finde in style.css den richtigen Eintrag für die Farbe nicht.

Bei welcher Variable ist der Eintrag für die Farbe des Blog-Titel bzw. der Blog-Beschreibung zu ändern?
yellowled
Regular
Posts: 7111
Joined: Fri Jan 13, 2006 11:46 am
Location: Eutin, Germany
Contact:

Post by yellowled »

hackerart wrote:Bei welcher Variable ist der Eintrag für die Farbe des Blog-Titel bzw. der Blog-Beschreibung zu ändern?
Das kommt drauf an[tm]. Aktuell verwendet Dein Blog ... eines der andreas-Templates von Carl jedenfalls, bin zu faul nachzusehen :wink:

Der entsprechende Bereich im ausgegebenen Code ist:

Code: Select all

<div id="header">
<h1><a href="http://hackerart.at/">Hackerart's Blog</a></h1>
<p><strong>by Reinhold Erich Hacker</strong></p>
</div>
Nehmen wir an, Du willst das blau formatieren, dann kannst Du z.B. folgendes CSS verwenden:

Code: Select all

#header a,
#header p { color: #009; }
(Wobei ich nicht nachgesehen habe, ob es genau so im Original-CSS gemacht wird, aber so geht es halt auch :))

YL
hackerart
Regular
Posts: 92
Joined: Fri Dec 01, 2006 1:27 pm

Post by hackerart »

Sorry, dass ich es nicht nochmals erwähnt habe, dass ich von carl_green ausgegangen bin. Es wurde im Eingangsposting erwähnt.

Ich muss da zu "es kommt darauf an" nachfragen ;-)

Die css-Datei ist bei hackerart.at/templates/hackerart/style.css

Vom Kommentar sieht es mir danach aus, dass ich hier eine Änderung durchführen müsste, aber da passiert nichts:
#serendipity_banner, #header

Ich habe deinen Vorschlage wieder rausgenommen, da es auch nicht das tat, was ich will. Vermutlich habe ich es an der falschen Stelle eingefügt.

Die Zusatzfrage ist, wie erreiche ich mehr Rand im weißen Kommentarbereich von http://www.hackerart.at/ Der Text "klebt" zu sehr am grauen Bereich.

Es gibt da zB
#content {
padding-top:0;
margin-left:0;
padding-left:0;

Erhöhe ich die Werte, ändert sich zwar etwas, aber nicht so wie ich mir das vorstelle.
hackerart
Regular
Posts: 92
Joined: Fri Dec 01, 2006 1:27 pm

Post by hackerart »

Die Schriftfarben habe ich nun gefunden, sie ist in style.css bei:

#serendipity_banner h1, #header h1 {
color: #135022;
...
}

/* Main Column and Banner */
a.homelink2, a.homelink2:hover, a.homelink2:link, a.homelink2:visited, #serendipity_banner h2, #header h2 {
color: #135022;
yellowled
Regular
Posts: 7111
Joined: Fri Jan 13, 2006 11:46 am
Location: Eutin, Germany
Contact:

Post by yellowled »

hackerart wrote:Vom Kommentar sieht es mir danach aus, dass ich hier eine Änderung durchführen müsste, aber da passiert nichts:
#serendipity_banner, #header
Da passiert nichts, weil es #serendipity_banner (zumindest in deinem Blog jetzt) nicht gibt und #header lediglich ein Container ist. Wie Du bereits selbst herausgefunden hast, kommt es darauf an, die Farbe der in diesem enthalten Links zu ändern.
hackerart wrote:Ich habe deinen Vorschlage wieder rausgenommen, da es auch nicht das tat, was ich will. Vermutlich habe ich es an der falschen Stelle eingefügt.
Nein, es dürfte schlicht daran liegen, dass sich meine Vorschläge auf das andreas-Template bezogen. Die dort verwendeten Styles gibt es aber in Carl Green gar nicht.
hackerart wrote:Die Zusatzfrage ist, wie erreiche ich mehr Rand im weißen Kommentarbereich von http://www.hackerart.at/ Der Text "klebt" zu sehr am grauen Bereich.
Das verstehe ich so leider nicht. Wir unterscheiden zunächst mal zwischen Außenabstand (margin) und Innenabstand (padding), als Rand (border) bezeichnet man einen Rahmen um etwas.

Ich nehme momentan an, Du meinst den Abstand zwischen den Feldern des Kommentarformulars und dem umstehenden Text?
hackerart wrote:Erhöhe ich die Werte, ändert sich zwar etwas, aber nicht so wie ich mir das vorstelle.
Nein, weil auch #content lediglich ein Container ist :) Genereller Tipp für solche Experimente, falls Du Firefox benutzt - für diesen gibt es die Extension EditCSS, mit der man solche Sachen testen kann, ohne dass sie im Stylesheet gespeichert werden.

YL
Post Reply