RapidWeaver-Theme anpassen?

NilZ

NilZ

Aktives Mitglied
Thread Starter
Dabei seit
07.06.2005
Beiträge
839
Reaktionspunkte
41
Hallo liebe Leut´,

ich möchte das Theme "Blog Pop" anpassen. Nur weiß ich nicht wie.

http://apfelhilfe.de/christ/blog_pop/

1. Das rechte Menu soll insgesamt das gleiche Grün aufweisen, wie oben im Logo. Wenn man dann drüber fährt, wiederrum ein anderes Grün. Auch unten dieses grau im grün sollte die gleiche Farbe wie das Logo aufweisen.

2. Der "braune" Hintergrund soll so lila sein wie im Logo.

Nun weiß ich nicht, welche Datei ich dafür verändern soll. Hat jemand eine Idee?

LG,

NilZ
 
Hab jetzt gerade kein RW auf der Platte hier, aber aus dem Kopf ohne Gewähr, diese Daten sind in der css. Datei zum Theme abgespeichert:
Theme suchen, eventl. ist es in RW, also Rechtsklick auf RW,Paketinhalt zeigen,Contents,Resources,Install, dort ist das Theme, darauf dann auch einen Rechtsklick,Paketinhalt zeigen und dort dann die .css Datei editieren.
Anleitungen gibt es aber bestimmt im Netz im RW Forum
Bitte Vorher eine Sicherungskopie des Themes machen
 
Danke für die Antwort. Soweit war ich leider schon. Ich weiß nur nicht welche CSS-Datei und was genau in der CSS-Datei ich bearbeiten muss?

LG,

NilZ
 
Wie gesagt habe RW nicht vorliegen, denke aber es sollte die styles.css im Ordner Contents sein.
Kannst du auch überprüfen, wenn dort Farben angegeben sind. Übrigens die Anderungen kannst du zeitgleich verfolgen, Farbe ändern oder Größe oder was auch immer und nebenbei RW und deine Webseite offen haben, Änderungen speichern und Vorschau in RW neu anlegen lassen.
 
Danke für das Tool. Genial

Aber was muss ich nun ändern, um zum gewünschten Ergebnis zu kommen?

body {
background: repeat url(../../images/body_bg.png);
}

a:link, a:visited {
color: #4e6311;
}

#top_grad {
background: repeat-x url(../../images/body_top_grad.png);
}

#container {
border-right: 1px solid #88683c;
border-bottom: 1px solid #88683c;
border-left: 1px solid #88683c;
}


#pageHeader {
background: url(../../images/green/header_bg.jpg) repeat-x;
}

#pageHeader h1 {
text-shadow: 2px 2px 2px #4e6311;
}

#pageHeader h2 {
color: #c9f54f;
text-shadow: 2px 2px 2px #4e6311;
}

#sidebarContainer #sidebar {
color: #77924a;
}

#sidebarContainer .sideHeader {
background: url(../../images/green/side_head_bg.png) repeat-x left top;
}

#footer a:link, #footer a:visited {
color: #dccaaf;
}

#footer a:hover, #footer a:active {
color: #f2dfc1;
}

#navcontainer {
border-top-color: #bbdf70;
}

#navcontainer #current {
background: #657f27;
}

#navcontainer #current:hover {
background: #4e6311;
color: #ffffff;
}

#navcontainer .currentAncestor {
background: #657f27;
}

#navcontainer a{
background: #7d992f;
border-bottom-color: #bcdd6e;
}

#navcontainer a:hover {
background: #4e6311;
}

#navcontainer ul ul {
border-color: #bbdf70;
}

#navcontainer ul ul a {
background: #a7c660;
}

#navcontainer ul ul #current{
background: #7c982e;
}

#navcontainer ul ul .currentAncestor {
background: #7c982e;
}

#navcontainer ul ul ul #current{
background: #a6c660;
color: #7b972d;
}
.blog-archive-month {
text-shadow: 2px 2px 2px #4e6311;
}


.blog-entry-title {
color: #7c982e;

}

.blog-entry-date {
color: #999999;

}

.blog-entry-category, .blog-entry-permalink {
color: #7b995c;
}


.album-title {
color: #4e6311;
}

.photo-navigation {
background: url(../../images/green/header_bg.jpg) repeat-x;
}

.photo-title {
text-shadow: 2px 2px 2px #4e6311;
}

.photo-caption {
color: #c8f753;
text-shadow: 2px 2px 2px #4e6311;
}

.movie-page-title {
color: #4e6311;
}
.movie-background {
background: repeat url(../../images/body_bg.png);
}

.movie-title {
text-shadow: 2px 2px 2px #4e6311;
}

LG,

NilZ
 
#navcontainer {
border-top-color: #bbdf70;
}

#navcontainer #current {
background: #657f27;
}

#navcontainer #current:hover {
background: #4e6311;
color: #ffffff;
}

#navcontainer .currentAncestor {
background: #657f27;
}

#navcontainer a{
background: #7d992f;
border-bottom-color: #bcdd6e;
}

#navcontainer a:hover {
background: #4e6311;
}

#navcontainer ul ul {
border-color: #bbdf70;
}

#navcontainer ul ul a {
background: #a7c660;
}

#navcontainer ul ul #current{
background: #7c982e;
}

#navcontainer ul ul .currentAncestor {
background: #7c982e;
}

#navcontainer ul ul ul #current{
background: #a6c660;
color: #7b972d;
}

Du meinst dieses, oder?

LG,

NilZ
 
1. um das menü anzupassen musst du
#navcontainer a{
background: #7d992f;
border-bottom-color: #bcdd6e;
}

in

#navcontainer a{
background: #01cc01;
border-bottom-color: #bcdd6e;

ändern.

Um den Hintergrund zu ändern musst du

body {
text-align: center; /* To Make Content Centered */
background: #;
font: 0.7em Verdana, Arial, Helvetica, sans-serif;
margin: 0 10px;
padding: 0;
}

ändern in

body {
text-align: center; /* To Make Content Centered */
background: #cb00cb;
font: 0.7em Verdana, Arial, Helvetica, sans-serif;
margin: 0 10px;
padding: 0;
}
 
Hintergrund?

Kann mir vielleicht noch jemand sagen, wie ich diesen "braunen" Hintergrund anpassen kann?

LG,

NilZ
 
Um den Hintergrund zu ändern musst du

body {
text-align: center; /* To Make Content Centered */
background: #;
font: 0.7em Verdana, Arial, Helvetica, sans-serif;
margin: 0 10px;
padding: 0;
}

ändern in

body {
text-align: center; /* To Make Content Centered */
background: #cb00cb;
font: 0.7em Verdana, Arial, Helvetica, sans-serif;
margin: 0 10px;
padding: 0;
}[/QUOTE]

Danke, aber wo finde ich das?

LG,

NIlZ
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben Unten