Sidebar Hintergrund ?

ichitaka

Ich will den Hintergrund in meiner Sidebar ändern. Ich habe aber leider nicht gefunden wo. Ach ja ich will nur (zum Testen) den Hintergrund vom Content ändern also nicht von der überschrift in der Sidebar.

CSS:

PHP

/*  
Theme Name: Freshy 2
Theme URI: http://www.jide.fr/english/downloads/freshy2
Description: The Freshy WordPress theme, second edition.
Version: 2.0.6
Author: Julien De Luca
Author URI: http://www.jide.fr
*/


/*
The PHP, CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/


@import "layout.css";
@import "menu.css";
@import "pp_album.css";


body {
    margin:0;
    padding:0;
    background:#7F7F7F;
    background-image:url(images/background/fat_lines_light.gif);
    background-attachment:fixed;
    font-family:Arial, Verdana, Lucida, serif, sans;
    line-height: 1.7em;
    font-size: 76%;
    color:#232323;
}


input, select, textarea {
    font-family:Arial, Verdana, Lucida, serif, sans;
    font-size:12px;
    border:1px solid #c6c6c6;
}


input {
    margin-right:5px;
}


textarea{
    width:99%;
}


label {
    font-weight:bold;
}


label small {
    font-weight:normal;
}


*::-moz-selection, *::-selection {
    background-color:#ff6600;
    color:white;
}


a {
    color:#ff6600;
}


#content a:hover {
    text-decoration:underline !important;
}


a img {
    border:0px none;
}


#title {
    margin:0;
    padding:18px;
    position:relative;
    z-index:86;
}


#header_image {
    padding-top:200px;
    background-image:url(images/headers/499153_79030836.jpg);
    background-position:center;
}


#title, #frame, #footer_content {
    background:white url(images/page-gradient.png) repeat-y right;
}


#footer_content {
    border-top:1px solid #d0d0d0;
}


h1 {
    margin:0;
    padding:0;
    font-family:Trebuchet Ms, Lucida, Arial, Verdana, serif, sans;
    font-weight:normal;
    font-style:italic;
    font-size:2.2em;
    letter-spacing:-2px;
    color:#3d3d3d;
}


h1 a {
    color:#3d3d3d;
    text-decoration:none;
}


.description small {
    font-family:Trebuchet Ms, Lucida, Arial, Verdana, serif, sans;
    font-weight:bold;
    font-style:italic;
    font-size:1em;    
    color:#8d8d8d;
}


#quicklinks {
    position:absolute;
    right:0;
    top:0;
    padding:13px 23px 13px 13px;
    margin:0;
    list-style:none;
}


#quicklinks #searchform {
    margin:0;
    padding:0;
    clear:none;
    display:inline;
    line-height:4em;
    position:relative;
    margin-left:20px;
}


* html #quicklinks #s {
    *margin-top:1.1em;
}


#quicklinks ul {
    list-style:none;
    padding:0;
    margin:0;
    float:left;
}


* html #quicklinks {
    right:10px;
}


#quicklinks ul li {
    padding:0;
    margin:0;
    font-style:italic;
    font-size:1.2em;
    float:left;
    text-transform:lowercase;
    color:#8d8d8d;
}


#quicklinks ul li a {
    margin-left:20px;
    height:3.5em;
    line-height:3.5em;
    text-decoration:none;
    color:#8d8d8d;
    display:inline;
}


#quicklinks ul li a:hover {
    text-decoration:underline;
}


#quicklinks ul li a.rss {
    color:#ee7700;
    padding-right:20px;
    background:transparent url(images/icons/feed-icon-16x16.gif) no-repeat center right;
}


#quicklinks ul li#fr_FR a {
    background:transparent url(images/flags/fr.png) no-repeat center right;
}


#quicklinks ul li#en_US a {
    background:transparent url(images/flags/gb.png) no-repeat center right;
}


#quicklinks ul li#fr_FR.current_page_item a, #quicklinks ul li#en_US.current_page_item a {
    display:none;
}


#quicklinks #addicted_results {
    position:relative;
    z-index:90;
    *width:160px;
}


#quicklinks #addicted_results ul {
    float:none !important;
    position:absolute;
    background:white;
    border:1px solid #c6c6c6;
    opacity:.9;
    -moz-opacity:.9;
    filter:alpha(opacity=90);
    zoom:1;
    width:164px;
    overflow:hidden;
    margin-left:20px;
    right:5px;
    *left:0;
}


html > body #quicklinks #addicted_results ul {
    margin-top:-15px;
}


* html #quicklinks #addicted_results ul {
    *margin-top:-2px;
}


#quicklinks #addicted_results ul li {
    font-family:Arial, Verdana, Lucida, serif, sans;
    font-size:12px;
    font-style:normal;
    float:left;
    clear:both;
    width:160px;
    line-height:1.2em !important;
    height:auto !important;
}


#quicklinks #addicted_results ul li a {
    line-height:1.4em !important;
    height:auto !important;
    margin-left:0;
    color:#3d3d3d;
    text-decoration:none;
    padding:3px;
    display:block;
    float:left;
    clear:both;
    width:160px;
}


#quicklinks #addicted_results ul li a:hover {
    color:#ffffff;
    background-color:#ff6600;
}


h2, h3, h4, h5, h6 {
    font-family:Trebuchet Ms, Lucida, Arial, Verdana, serif, sans;
    font-weight:normal;
    color:#010101;
    margin:.5em 0 .5em 0;
    padding:0;
}


h2 a, h3 a, h4 a, h5 a, h6 a {
    color:#010101;
    text-decoration:none;
}


h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    text-decoration:underline;
}


h2, h3 {
    color:#4d9301;
    font-size:1.9em;
    letter-spacing:-1px;
    line-height:1.1em;
    margin:1em 0 0 0;
    padding:0 0 0 0;
}


h2 a, h3 a {
    color:#4d9301;
}


h2 a, h3 a, h2 img, h3 img {
    border:0px none;
}


.rsswidget img {
    display:none;
}


h3 {
    font-size:1.7em;
    letter-spacing:-1px;
    line-height:1.2em;
}


h4 {
    font-size:1.4em;
    letter-spacing:-1px;
    line-height:1.2em;
    color:#585858;
}


h4 a {
    color:#585858;
}


small {
    font-size:.9em;
}


.meta {
    padding-bottom:9px;
    background:transparent url(images/box-shadow.png) no-repeat bottom left;
    font-size:.9em;
}


.meta dl {
    border:1px solid #c6c6c6;
    background:white;
    margin:0;
    padding:4px;
    list-style:none;
    display:block;
}


* html .meta dl {
    height:1em;
}


.meta dl dd, .meta dl dt {
    display:inline;
    margin:0;
    padding:0;
}


.meta dl dt {
    margin:0 .5em 0 0;
    color:#828282;
}


.meta dl dt a {
    color:#828282;
    text-decoration:none;
}


.meta dl dd {
    margin:0 1em 0 0;
    font-weight:bold;
    color:black;
}


.meta dl img {
    vertical-align:middle;
}


.meta dl dd a {
    text-decoration:none;
    color:black;
}


.commentlist {
    margin:0 0 0 0;
}


.comment .author, .comment .author a, .comment .date {
    color:#585858;
}


.comment {
    padding:5px;
    margin:15px 0 15px 0;
    background:#f3f3f3;
    border:1px solid #c6c6c6;
}


.comment img.avatar {
    float:left;
    margin-right:5px;
    border:1px solid #ffffff;
}


.comment h4 {
    padding:0;
    margin:0;
}


.comment p {
    margin:.5em 0 .5em 0;
    padding:0;
}


.comment_content {
    clear:both;
}


.comment.comment_author {
    background:#4d9301 url(images/transparency/white-90.png);
    border-color:#4d9301;
}


#commentform p {
    margin:0 0 .5em 0;
    padding:0;
}






.comment.comment_author .author, .comment.comment_author .author a, .comment.comment_author .date, .comment.comment_author h4 {
    color:#4d9301;
}


.author, .date {
    color:#4d9301;
}


.author a {
    color:#4d9301;
}


.author {
    font-weight:bold;
}


#sidebar div {
    border-left:1px solid #d0d0d0;
}


#sidebar_left div {
    border-right:1px solid #d0d0d0;
    padding-left:10px;
}


.sidebar div div {
    border:0px none !important;
}


.sidebar h2 {
    font-size:1.5em;
    padding:15px 0 15px 10px;
    margin:5px 0 10px -11px;
    border-left:2px solid #ff6600;
    color:#ff6600;
}


#sidebar_left h2 {
    padding:15px 10px 15px 0;
    margin:5px -11px 10px 0;
    border-left:0px none;
}


.sidebar h2 a {
    color:#ff6600;
}


.sidebar ul, .sidebar ol {
    padding:0;
    margin:0;
    list-style:none;
}


.sidebar li {
    padding:0;
    margin:1px 0 0 0;
    color:#3d3d3d;
    line-height:1.8em;
    min-height:1.8em;
    clear:both;
}


* html .sidebar li {
    height: 1.8em;
}


.sidebar li li {
    padding:0 0 0 1.3em;
    background:url(images/bullet.gif) 9px 9px no-repeat;
}


.sidebar li a {
    padding:4px;
    position:relative;
    z-index:10;
    line-height:1.2em;
    min-height:1.2em;
    float:left;
}
/*
.sidebar li li a {
    font-size:.9em;
}


.sidebar li li li a {
    font-size:1em;
}*/


.sidebar li a:hover {
    text-decoration:none;
    z-index:99;
}


.sidebar a {
    text-decoration:none;
    color:#3d3d3d;
}


.sidebar a:hover {
    text-decoration:underline;
}


#tag_cloud {


}




.sidebar li.current_page_item li a, .sidebar li.current-cat li a {
    background:transparent;
    color:#3d3d3d;
}


.sidebar li.current_page_item a, .sidebar li.current-cat a, #frame .sidebar li a:hover {

Alles anzeigen

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Photoweblog

Mit dem Tag "background-color" im entsprechenden Bereich, zB:

PHP

.sidebar ul, .sidebar ol {
    background-color: #73a0c5; 
    padding:0;
    margin:0;
    list-style:none;
}

... oder im Bereich im Bereich ".sidebar.li" - je nachdem wo konkret die Hintergrundfarbe geändert werden soll.
_____________________________
http://www.Fotomobil.at

ichitaka

danke:-D Nur mir fällt auf das es so gar nicht so toll aussieht:-?
Wie kann ich den den Hintergrund der Ganzen Sidebar ändern?

Photoweblog

Folgender Link hilft Dir weiter um div-Bereiche und Klassen zu verstehen, also eine gute Basis zum Experimentieren, wenn Du einzelne Bereich ändern willst:
SELFHTML: Stylesheets / CSS-Eigenschaften / Positionierung und Anzeige von Elementen
______________________________________
www.Fotomobil.at » a photoproject by faktor

ichitaka

jetzt hab ich zwar den Hintergrund komplett geändert doch irgentwie gibt es kleinere Probleme. Das bild scheint sich beim Content zu Wiederholen :confused: Hier der Link zur Problemsite Play-a-3 . Ich habe in der CSS nur folgendes geändert:

PHP

#sidebar div {
    background: url(images/bg_r.jpg);
    border-left:1px solid #d0d0d0;
}


#sidebar_left div {
    background: url(images/bg_l.jpg);
    border-right:1px solid #d0d0d0;
    padding-left:10px;
}

Alles anzeigen

Photoweblog

Mit den beiden Seiten solltest Du weiterkommen:

Link zum Thema Hintergrundbild:
SELFHTML: Stylesheets / CSS-Eigenschaften / Hintergrundfarben und -bilder

Link zum Themd Klassen bei Bereichen:
SELFHTML: Stylesheets / CSS-Formate definieren / Zentrale Formate definieren

Und dann noch ein paar Tipps:

wenn der linke Bereich [COLOR=#000000][COLOR=#ff9900]#sidebar_left div [/COLOR][/COLOR][FONT=monospace][FONT=Verdana]heißt, dann sollte der rechte[/FONT] [/FONT][COLOR=#000000][COLOR=#ff9900]#sidebar_right div[/COLOR][/COLOR][FONT=monospace] [FONT=Verdana]heißen und nicht [/FONT][/FONT][COLOR=#000000][COLOR=#ff9900]#sidebar div[/COLOR][/COLOR][FONT=monospace][FONT=Verdana] (Lesbarkeit).[/FONT][/FONT]
[FONT=monospace][FONT=Verdana] wenn Du eine Hintergrundbild angibst, dann solltest Du auch eine Hintergrundfarbe (in dem Fall zB. grau) angeben. Falls das Bild zB. nicht gefunden wird.[/FONT][/FONT]
[FONT=monospace][FONT=Verdana]gib das background-image tag ggfs falls auch an, selbst wenn Du keines verwendest, dann mit "none" deaktivieren[/FONT][/FONT]
[FONT=Verdana]die von Dir geposteten divs sind die parents, da[FONT=Verdana,mon]s [/FONT]Hintergrundbild kommt aber wahrscheinlich nochmals in den ul Klassen vor - oder ist dort "vererbt". Vermutlich in einem Bereich [/FONT][COLOR=#000000][COLOR=#ff9900]#sidebar_left div ul[/COLOR][/COLOR][FONT=Verdana] das Hintergrundbild auf "none" setzen - aber ohne die CSS Datei zu kennen ist das eben eine Vermutung.
[/FONT]

[FONT=monospace][FONT=Verdana] ______________________________________
www.Fotomobil.at » a photoproject by faktor
[/FONT]
[/FONT]

ichitaka

Mein Problem jedoch ist das ich nicht nur eine css habe sondern mehere.
Style.css
mystyle.css
layout.css
menu.css
content.css
ich glaube (und hoffe) das ich jedoch nur die style.css brauche.
hier nochmal die aktuelle css:

PHP

/*  
Theme Name: Freshy 2
Theme URI: http://www.jide.fr/english/downloads/freshy2
Description: The Freshy WordPress theme, second edition.
Version: 2.0.6
Author: Julien De Luca
Author URI: http://www.jide.fr
*/


/*
The PHP, CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/


@import "layout.css";
@import "menu.css";
@import "pp_album.css";


body {
    margin:0;
    padding:0;
    background:#7F7F7F;
    background-image:url(images/background/fat_lines_light.gif);
    background-attachment:fixed;
    font-family:Arial, Verdana, Lucida, serif, sans;
    line-height: 1.7em;
    font-size: 76%;
    color:#232323;
}


input, select, textarea {
    font-family:Arial, Verdana, Lucida, serif, sans;
    font-size:12px;
    border:1px solid #c6c6c6;
}


input {
    margin-right:5px;
}


textarea{
    width:99%;
}


label {
    font-weight:bold;
}


label small {
    font-weight:normal;
}


*::-moz-selection, *::-selection {
    background-color:#ff6600;
    color:white;
}


a {
    color:#ff6600;
}


#content a:hover {
    text-decoration:underline !important;
}


a img {
    border:0px none;
}


#title {
    margin:0;
    padding:18px;
    position:relative;
    z-index:86;
}


#header_image {
    padding-top:200px;
    background-image:url(images/headers/499153_79030836.jpg);
    background-position:center;
}


#title, #frame, #footer_content {
    background:white url(images/page-gradient.png) repeat-y right;
}


#footer_content {
    border-top:1px solid #d0d0d0;
}


h1 {
    margin:0;
    padding:0;
    font-family:Trebuchet Ms, Lucida, Arial, Verdana, serif, sans;
    font-weight:normal;
    font-style:italic;
    font-size:2.2em;
    letter-spacing:-2px;
    color:#3d3d3d;
}


h1 a {
    color:#3d3d3d;
    text-decoration:none;
}


.description small {
    font-family:Trebuchet Ms, Lucida, Arial, Verdana, serif, sans;
    font-weight:bold;
    font-style:italic;
    font-size:1em;    
    color:#8d8d8d;
}


#quicklinks {
    position:absolute;
    right:0;
    top:0;
    padding:13px 23px 13px 13px;
    margin:0;
    list-style:none;
}


#quicklinks #searchform {
    margin:0;
    padding:0;
    clear:none;
    display:inline;
    line-height:4em;
    position:relative;
    margin-left:20px;
}


* html #quicklinks #s {
    *margin-top:1.1em;
}


#quicklinks ul {
    list-style:none;
    padding:0;
    margin:0;
    float:left;
}


* html #quicklinks {
    right:10px;
}


#quicklinks ul li {
    padding:0;
    margin:0;
    font-style:italic;
    font-size:1.2em;
    float:left;
    text-transform:lowercase;
    color:#8d8d8d;
}


#quicklinks ul li a {
    margin-left:20px;
    height:3.5em;
    line-height:3.5em;
    text-decoration:none;
    color:#8d8d8d;
    display:inline;
}


#quicklinks ul li a:hover {
    text-decoration:underline;
}


#quicklinks ul li a.rss {
    color:#ee7700;
    padding-right:20px;
    background:transparent url(images/icons/feed-icon-16x16.gif) no-repeat center right;
}


#quicklinks ul li#fr_FR a {
    background:transparent url(images/flags/fr.png) no-repeat center right;
}


#quicklinks ul li#en_US a {
    background:transparent url(images/flags/gb.png) no-repeat center right;
}


#quicklinks ul li#fr_FR.current_page_item a, #quicklinks ul li#en_US.current_page_item a {
    display:none;
}


#quicklinks #addicted_results {
    position:relative;
    z-index:90;
    *width:160px;
}


#quicklinks #addicted_results ul {
    float:none !important;
    position:absolute;
    background:white;
    border:1px solid #c6c6c6;
    opacity:.9;
    -moz-opacity:.9;
    filter:alpha(opacity=90);
    zoom:1;
    width:164px;
    overflow:hidden;
    margin-left:20px;
    right:5px;
    *left:0;
}


html > body #quicklinks #addicted_results ul {
    margin-top:-15px;
}


* html #quicklinks #addicted_results ul {
    *margin-top:-2px;
}


#quicklinks #addicted_results ul li {
    font-family:Arial, Verdana, Lucida, serif, sans;
    font-size:12px;
    font-style:normal;
    float:left;
    clear:both;
    width:160px;
    line-height:1.2em !important;
    height:auto !important;
}


#quicklinks #addicted_results ul li a {
    line-height:1.4em !important;
    height:auto !important;
    margin-left:0;
    color:#3d3d3d;
    text-decoration:none;
    padding:3px;
    display:block;
    float:left;
    clear:both;
    width:160px;
}


#quicklinks #addicted_results ul li a:hover {
    color:#ffffff;
    background-color:#ff6600;
}


h2, h3, h4, h5, h6 {
    font-family:Trebuchet Ms, Lucida, Arial, Verdana, serif, sans;
    font-weight:normal;
    color:#010101;
    margin:.5em 0 .5em 0;
    padding:0;
}


h2 a, h3 a, h4 a, h5 a, h6 a {
    color:#010101;
    text-decoration:none;
}


h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    text-decoration:underline;
}


h2, h3 {
    color:#4d9301;
    font-size:1.9em;
    letter-spacing:-1px;
    line-height:1.1em;
    margin:1em 0 0 0;
    padding:0 0 0 0;
}


h2 a, h3 a {
    color:#4d9301;
}


h2 a, h3 a, h2 img, h3 img {
    border:0px none;
}


.rsswidget img {
    display:none;
}


h3 {
    font-size:1.7em;
    letter-spacing:-1px;
    line-height:1.2em;
}


h4 {
    font-size:1.4em;
    letter-spacing:-1px;
    line-height:1.2em;
    color:#585858;
}


h4 a {
    color:#585858;
}


small {
    font-size:.9em;
}


.meta {
    padding-bottom:9px;
    background:transparent url(images/box-shadow.png) no-repeat bottom left;
    font-size:.9em;
}


.meta dl {
    border:1px solid #c6c6c6;
    background:white;
    margin:0;
    padding:4px;
    list-style:none;
    display:block;
}


* html .meta dl {
    height:1em;
}


.meta dl dd, .meta dl dt {
    display:inline;
    margin:0;
    padding:0;
}


.meta dl dt {
    margin:0 .5em 0 0;
    color:#828282;
}


.meta dl dt a {
    color:#828282;
    text-decoration:none;
}


.meta dl dd {
    margin:0 1em 0 0;
    font-weight:bold;
    color:black;
}


.meta dl img {
    vertical-align:middle;
}


.meta dl dd a {
    text-decoration:none;
    color:black;
}


.commentlist {
    margin:0 0 0 0;
}


.comment .author, .comment .author a, .comment .date {
    color:#585858;
}


.comment {
    padding:5px;
    margin:15px 0 15px 0;
    background:#f3f3f3;
    border:1px solid #c6c6c6;
}


.comment img.avatar {
    float:left;
    margin-right:5px;
    border:1px solid #ffffff;
}


.comment h4 {
    padding:0;
    margin:0;
}


.comment p {
    margin:.5em 0 .5em 0;
    padding:0;
}


.comment_content {
    clear:both;
}


.comment.comment_author {
    background:#4d9301 url(images/transparency/white-90.png);
    border-color:#4d9301;
}


#commentform p {
    margin:0 0 .5em 0;
    padding:0;
}






.comment.comment_author .author, .comment.comment_author .author a, .comment.comment_author .date, .comment.comment_author h4 {
    color:#4d9301;
}


.author, .date {
    color:#4d9301;
}


.author a {
    color:#4d9301;
}


.author {
    font-weight:bold;
}


#sidebar div {
    background: url(images/bg_r.jpg);
    border-left:1px solid #d0d0d0;
}


#sidebar_left div {
    background: url(images/bg_l.jpg);
    border-right:1px solid #d0d0d0;
    padding-left:10px;
}


.sidebar div div {
    border:0px none !important;
}


.sidebar h2 {
    font-size:1.5em;
    padding:15px 0 15px 10px;
    margin:5px 0 10px -11px;
    border-left:2px solid #ff6600;
    color:#ff6600;
}


#sidebar_left h2 {
    padding:15px 10px 15px 0;
    margin:5px -11px 10px 0;
    border-left:0px none;
}


.sidebar h2 a {
    color:#ff6600;
}


.sidebar ul, .sidebar ol {
    padding:0;
    margin:0;
    list-style:none;
}


.sidebar li {
    padding:0;
    margin:1px 0 0 0;
    color:#3d3d3d;
    line-height:1.8em;
    min-height:1.8em;
    clear:both;
}


* html .sidebar li {
    height: 1.8em;
}


.sidebar li li {
    padding:0 0 0 1.3em;
    background:url(images/bullet.gif) 9px 9px no-repeat;
}


.sidebar li a {
    padding:4px;
    position:relative;
    z-index:10;
    line-height:1.2em;
    min-height:1.2em;
    float:left;
}
/*
.sidebar li li a {
    font-size:.9em;
}


.sidebar li li li a {
    font-size:1em;
}*/


.sidebar li a:hover {
    text-decoration:none;
    z-index:99;
}


.sidebar a {
    text-decoration:none;
    color:#3d3d3d;
}


.sidebar a:hover {
    text-decoration:underline;
}


#tag_cloud {


}




.sidebar li.current_page_item li a, .sidebar li.current-cat li a {
    background:transparent;
    color:#3d3d3d;
}


.sidebar li.current_page_item a, .sidebar li.current-cat a, #frame .sidebar li a:hover {

Alles anzeigen

ichitaka

Habe etwas interresantes entdeckt! Bei meinem Serverumzug habe habe ich die Sitebar wieder auf Standart gesetzt (die in der Sidebar.php stehende reihenfolge). Plötzlich war der Fehler weg. Nachdem ich die Linke Sidebar bearbeitet habe jedoch, war der Fehler wieder da. Jetzt könnt ihr auf meiner wunderbar meinen Fehler sehen. Play-a-3 | Deine PS3 Community (link fehler , rechts korrekt):mrgreen: Meine CSS könnt ihr oben sehen. Hoffe das ihr mir jetzt helfen könnt.:cry:

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Sidebar Hintergrund ?

Jetzt mitmachen!