Farbiger Hintergrund Quote - Code Tag + Textfarbe

chaoz

Einen wunderschönen guten abend wünsch ich.....zu allererst...ja ich habe die suche benutzt und mit mittlerweile nen wolf gesucht aber entweder bin ich zu dieser späten stunde einfach nur zu unfähig die forensuche und google zu benutzen oder es steht tatsächlich noch nix mir hilfreiches hier drin....

also wie der titel schon sagt suche ich ne möglichkeit den inhalt eines quote oder code tags farbig zu hinterlegen und/oder zumindest die textfarbe dessen zu ändern, denn bei meinem benutzen design ist ein unterschied zum normalen text kaum erkennbar

Code

so wie hier wo der hintergrund blau und die farbe [COLOR=Red]rot[/COLOR] ist

hier meine style.css in der ich keinen eintrag gefunden hab der auf (block-)quote oder code-tags hindeutet :?:

PHP

/*    
Theme Name: 2 column fixed  
Theme URI: http://www.onebucktemplates.com/  
Description: 2 columns fixed width wordpress theme - widget ready  
Version: 1  
Author: onebucktemplates.com  
Author URI: http://www.onebucktemplates.com/  
*/  
* {  
    padding: 0;  
    margin: 0;  
      
}   
body {  
background: #CECFCE url(images/bg.jpg) top center repeat-y;  
font-family: Verdana, Tahoma, Arial, sans-serif;  
font-size: 12px;  
padding: 0;  
margin: 0;  
color: #555;  
}  
img {border: none;}  
a {  
text-decoration: none;  
color: #173D7F;   
}  
a:hover {  
color: #333;  
}  
h3 { color: #808080; font-size: 12px; border-bottom: 1px solid #eee; margin: 10px 0 10px 0; }  
ol { padding-left: 20px; }  
#wrap {  
border-top: 22px solid #333;  
margin: 0 auto;  
width: 700px;  
padding: 10px 10px 0 10px;  
}  
  
#header {   
margin: 0 auto;  
height: 100px;  
background :#111 url(images/header.gif) no-repeat;  
}  
#header h1 { padding: 25px 0 0 225px; font-size: 23px; font-weight: 100; letter-spacing: -1px; }  
#header h1 a { color: #f7f7f7; }  
#header h1 a:hover { color: #aaa; }  
#header h2 { padding: 0 0 0 225px; font-size: 15px; color: #eee; font-weight: 100; }  
  
#navigation {  
background: #000 url(images/menu.gif) repeat-x;  
height: 30px;  
line-height: 30px;  
margin: 10px auto 0 auto;  
}  
#navigation li {  
float:left;  
list-style-type:none;  
border-right:1px solid #444;  
}  
#navigation li a {  
display:block;  
padding:0 20px;  
text-decoration:none;  
color: #fff;  
letter-spacing:1px;  
}  
#navigation li a:hover {  
background: #222 url(images/menuover.gif) repeat-x;  
color:#fff;  
text-decoration:none;  
}  
  
#introduction {  
background: #ddd;  
padding: 10px;  
border-bottom: 4px solid #666;  
margin: 0 auto;  
}  
  
#content {  
margin: 0 auto;  
width: 700px;  
}  
  
#left1 {  
float:left;   
width:200px;   
margin-top: 0px;  
padding-bottom: 20px;  
}  
#left1 h3 {  
margin: 10px 0 0 0;  
padding: 5px 0 5px 10px;   
font: bold 13px Verdana, 'Trebuchet MS', Sans-serif;  
color: #555;  
background: #EEF0F1 url(images/menubg.gif) repeat-x left bottom;      
border: 1px solid #EFF0F1;  
}  
#left1 .box {  
border: 1px solid #EFF0F1;   
margin: 0 0 5px 0;      
}  
#left1 ul  {  
color: #aaa;  
text-align: left;  
margin: 3px 0 8px 0; padding-left: 20px;  
text-decoration: none;          
}  
#left1 ul li {  
padding: 2px 0 2px 0px;  
margin: 0 2px;      
}  
#left1 ul a {  
font-weight: 600;  
color: #001F4F;  
}  
#left1 ul a:hover { color : #333; }  
  
#right1 {   
float: right;  
width: 480px;  
padding: 0px 0 20px 10px;  
line-height: 17px;  
}  
#right1 h2 {  
padding: 5px 0 5px 0;   
font: bold 13px Verdana, 'Trebuchet MS', Sans-serif;  
color: #555;  
text-decoration: none;   
border-bottom: 1px dotted #aaa;  
margin-bottom: 10px;  
margin-top: 10px;  
}  
#right h2 a { color: #173D7F; text-decoration: none; }  
#right1 h2 a:hover {  color: #336699; }  
  
#footer {  
background: #333;  
height: 22px;  
line-height: 22px;  
text-align: center;  
font-size: 10px;  
color: #999;  
margin: -10px;  
width: 720px;  
  
}  
#footer a { color : #999; text-decoration: underline; margin: 0 auto; }  
#footer a:hover { color : #fff; }  
  
html { height: 100%;}  
body { height: 100%; }  
  
#page {  
position: relative;  
min-height: 100%;  
}  
  
* html #page { height: 100%; }  
#footer {  
position: absolute;  
bottom: 0;  
}  
  
#linkcat-2 h2{display:none;}  
#linkcat-2{padding:0;border:0;list-style-type:none;margin:0;}  
#linkcat-2 ul li{list-style:disc;margin-left:-20px;}  
  
fieldset { border: 1px solid #E4DF94; padding: 10px 8px; margin: 0 0 8px 0; background: #FFFBC0; color: #000; }  
input { padding: 3px; margin: 2px; background : #fff; border: 1px solid #aaa;}  
textarea { width: 97%; height: 20em; padding: 3px; background : #fff; border: 1px solid #aaa; }  
  
.tag-link-1 { color: #D31500; }  
.tag-link-2 { color: #FFCB00; }  
.tag-link-3 { color: #1890F0; }  
.tag-link-4 { color: #004285; }  
.tag-link-5 { color: #222222; }  
.tag-link-6 { color: #D31500; }  
.tag-link-7 { color: #FFCB00; }  
.tag-link-8 { color: #D31500; }  
.tag-link-9 { color: #FFCB00; }  
.tag-link-10 { color: #004285; }  
.tag-link-11 { color: #FFCB00; }  
.tag-link-12 { color: #D31500; }  
.tag-link-13 { color: #FFCB00; }  
.tag-link-14 { color: #1890F0; }  
.tag-link-15 { color: #D31500; }  
.tag-link-16 { color: #004285; }  
.tag-link-17 { color: #FFCB00; }  
.tag-link-18 { color: #D31500; }  
.tag-link-19 { color: #FFCB00; }  
.tag-link-20 { color: #1890F0; }  
.tag-link-21 { color: #D31500; }  
.tag-link-22 { color: #FFCB00; }  
.tag-link-23 { color: #D31500; }  
.tag-link-24 { color: #FFCB00; }  
.tag-link-25 { color: #1890F0; }  
.tag-link-26 { color: #004285; }  
.tag-link-27 { color: #D31500; }  
.tag-link-28 { color: #FFCB00; }  
.tag-link-29 { color: #1890F0; }  
.tag-link-30 { color: #1890F0; }  
.tag-link-31 { color: #D31500; }  
.tag-link-32 { color: #FFCB00; }  
.tag-link-33 { color: #1890F0; }

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

mfitzen

Und wer oder was hindert Dich daran die entsprechenden Styleangaben der style.css hinzuzufügen? ;-)

chaoz

ööhm...unwissenheit :oops:

deshalb bin ich hier :D

mfitzen

Okay, dann ein Beispiel:

Code

code {background-color: #000; color: #fff; font-family: monospace;}


blockquote {background-color: #ccc; color: #000; font-style: italic;}

Gute Einsteigerseite zum Thema CSS: http://www.css4you.de/

chaoz

interessanterweise bin auch ich vor knapp 2 minuten auf http://www.css4you.de/ gestossen und grad am stöbern...

ich danke dir vielmals für deine hilfe und werde es gleich ma ausprobieren (natürlich mit backup der entsprechenden datei) :):)

chaoz

hmmm...okay ich scheine echt zu unfähig dafür zu sein....

hab den code jetzt an verschiedenen stellen in der style.css eingefügt und auch die farbwerte verändert aber in den artikeln (auch neu erstellten) ändert sich nix :sad:

jetzt die frage aller fragen -> whats wrong with me?

mfitzen

Poste bitte mal einen Link zu dem gerade von Dir erstellten Beispiel-Beitrag.

alchymyth

nach css style aenderungen nicht vergessen, die seite im browser neu zu laden, sonst werden die aenderungen oft nicht angezeigt.
mit dem button am browser, oder CTRL aund F5 gleichzeitig druecken (beim IE)

browser haben oft ein cache speicher, mit dem sie an alten styles festhalten :mrgreen:

chaoz

http://easy-steps.o-r-g.de/?p=101#more-101

hab deinen codeschnipsel jetzt nochma 1 zu 1 in die unangetastete Style.css eingefügt und zwar an dieser stelle (fast am ende des o.g. codes)

PHP

textarea { width: 97%; height: 20em; padding: 3px; background : #fff; border: 1px solid #aaa; }


code {background-color: #000; color: #fff; font-family: monospace;}


blockquote {background-color: #ccc; color: #000; font-style: italic;}






.tag-link-1 { color: #D31500; }


.tag-link-2 { color: #FFCB00; }

Alles anzeigen

[COLOR=Red]
EDIT[/COLOR]

genau der cache wars der mir nen strich durch die rechnung gemacht hat...dachte das einfache neu laden reicht aber nach dem löschen des caches zeigte sich die veränderung wie man sieht

ich danke vielmals für eure superschnelle und verständliche hilfe !!!

mfitzen

Bei mir sind die Änderungen sichtbar. Also wie alchymyth sagte, bitte mal den Browsercache leeren.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Farbiger Hintergrund Quote - Code Tag + Textfarbe

Jetzt mitmachen!

Benutzer online in diesem Thema