Thread Author: punkerwelle
Thread ID: 4267
Thread Info
Es gibt 4 Beiträge zu diesem Thema, und es wurde 4174 mal angesehen.  Es gibt auch Dateianhänge.
Wer ist hier? 1 Gäste
 Thema drucken
Theme Schriftfarbe Ändern
punkerwelle
weiss jemand an welchen Stellen der styles.css ich die schriftfarbe von Shoutbox datum Text ändern kann? dort ist irgendwie 2 Farbig bei mir .hab schon alles durch aber keine änderung zu sehen.
punkerwelle hat folgendes Bild angehängt:

unbenannt_4.png

 
SC-Ad-Bot
 
Paramedic-94
Hi! Also zum einen wäre das in der style.css die classe textbox, zum anderen gibt es die classe shoutbox-name, shoutbox-date, etc.

Du findest alles in der shoutbox_panel.php und dann einfach in der style.css suchen :-)
Mit freundlichen Grüßen
Jean-Paul
Inhaber von www.JPPRO.de
 
punkerwelle
in meiner styles.css gibt es keine stelle mit classe textbox.

Code 

/* Comment element properties */

a {
   color: #323232;
   text-decoration: none;
}

a:hover {
   color: #323232;
   text-decoration: underline;
}

a.side {
   color: #323232;
   text-decoration: none;
}

a:hover.side {
   color: #323232;
   text-decoration: underline;
}

a.white, li.white a {
   color: #F2F2F2;
   text-decoration: none;
   text-transform: uppercase;
   padding: 9px 10px 9px 10px;
   border-width: 0 1px 0px 0px;
   border-color: #999999;
   border-style: solid;
}

a:hover.white, li.white a:hover {
   color: #F2F2F2;
   text-decoration: none;
   text-transform: uppercase;
   padding: 9px 10px 9px 10px;
   border-width: 0 1px 0px 0px;
   border-color: #999999;
   border-style: solid;
}

body {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #323232;
   background: #EEEEEE;
   margin: 0 10px 0 10px;
}

hr {
   height: 1px;
   border: 1px solid #323232;
}

hr.side-hr {
   height: 1px;
   border: 1px solid #323232;
}

td {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
}

pre {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
}

.bullet {
   vertical-align:middle;
}

.alt {
   color: #323232;
}

.spacer {
   margin-bottom: 5px;
}

.admin-message {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   text-align: center;
   color: #ff0000;
   background-color: #EEEEEE;
   border: 1px solid #999999;
   padding: 3px 4px 5px 4px;
   margin-bottom: 5px;
}

.admin-message1 {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   text-align: center;
   color: #707070;
   background: #FFCFCF url(images/admin_message.png) no-repeat;
   background-position: 10px 10px;
   border: 2px solid #CC0000;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   padding: 10px 0px;
   margin: 5px auto;
   width:60%;
   min-height: 40px;
}

/* Form element properties */

form {
   margin: 0px;
}

img {
   border: none;
}
 
.outer_border {
   margin : 5px auto;
}

/* Header and footer properties */

.sub-header {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 10px;
   color: #777777;
   padding: 5px 5px 9px 5px;
   border: 1px solid #808080;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   background-color: #DDDDDD;
   background: url(images/gradient_grey_mirror.gif) repeat-x; /*fall back gradient image*/
   background: -moz-linear-gradient(bottom, #DDDDDD, #fff);
   background: -webkit-gradient(linear, center bottom, center top, from(#DDDDDD), to(#fff));
   height: 32px;
}

.sub-header:hover {
   background-color: #DDDDDD;
   background: url(images/gradient_grey.gif) repeat-x; /*fall back gradient image*/
   background: -moz-linear-gradient(top, #DDDDDD, #fff);
   background: -webkit-gradient(linear, center top, center bottom, from(#DDDDDD), to(#fff));
   height: 32px;
}

.sub-header-left {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 10px;
   color: #fff;
   padding: 9px 5px 9px 5px;
   /*padding: 3px 5px 3px 5px;*/
   border-top: 1px solid #808080;
   border-left: 1px solid #808080;
   -moz-border-radius-topleft: 10px;
   -webkit-border-top-left-radius: 10px;
   background: url(images/gradient_center.gif) repeat-x; /*fall back gradient image*/
   background: -moz-linear-gradient(bottom, #000000, #fff);
   background: -webkit-gradient(linear, center bottom, center top, from(#000000), to(#fff));
}

.sub-header-right {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 10px;
   color: #F2F2F2;
   text-align: right;
   padding: 9px 5px 9px 5px;
   border-top: 1px solid #808080;
   border-right: 1px solid #808080;
   -moz-border-radius-topright: 10px;
   -webkit-border-top-right-radius: 10px;
   background: url(images/gradient_center.gif) repeat-x; /*fall back gradient image*/
   background: -moz-linear-gradient(bottom, #000000, #fff);
   background: -webkit-gradient(linear, center bottom, center top, from(#000000), to(#fff));
}

.sub-header-left ul{
   margin: 0;
   padding: 0;
}

.sub-header-left ul li{
   display: inline;
}

.sub-header-left ul li.first-link .bullet{
   display: none;
}

.full-header {
   background-color: #DDDDDD;
   background: -moz-linear-gradient(left top 315deg, #DDDDDD, #fff);
   background: -webkit-gradient(linear, left top, right bottom, from(#DDDDDD), to(#fff));
   border-width: 1px;
   border-color: #808080;
   border-style: solid;
   padding: 5px;
   -moz-border-radius-bottomleft: 10px;
   -webkit-border-bottom-left-radius: 10px;
   -moz-border-radius-bottomright: 10px;
   -webkit-border-bottom-right-radius: 10px;
}

.footer-left {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 10px;
   color: #F2F2F2;
   padding: 9px 5px 9px 5px;
   border-top: 1px solid #808080;
   border-left: 1px solid #808080;
   -moz-border-radius-topleft: 10px;
   -webkit-border-top-left-radius: 10px;
   background: url(images/gradient_center.gif) repeat-x; /*fall back gradient image*/
   background: -moz-linear-gradient(bottom, #000000, #fff);
   background: -webkit-gradient(linear, center bottom, center top, from(#000000), to(#fff));
}

.footer-right {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: bold;
   font-size: 10px;
   color: #F2F2F2;
   text-align: right;
   padding: 9px 5px 9px 5px;
   border-top: 1px solid #808080;
   border-right: 1px solid #808080;
   -moz-border-radius-topright: 10px;
   -webkit-border-top-right-radius: 10px;
   background: url(images/gradient_center.gif) repeat-x; /*fall back gradient image*/
   background: -moz-linear-gradient(bottom, #000000, #fff);
   background: -webkit-gradient(linear, center bottom, center top, from(#000000), to(#fff));
}

.main-footer {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #888;
   text-align: center;
   background-color: #DDDDDD;
   background: -moz-linear-gradient(left top 315deg, #DDDDDD, #fff);
   background: -webkit-gradient(linear, left top, right bottom, from(#DDDDDD), to(#fff));
   border-left: 1px solid #808080;
   border-right: 1px solid #808080;
   border-bottom: 1px solid #808080;
   padding: 5px;
   -moz-border-radius-bottomleft: 10px;
   -webkit-border-bottom-left-radius: 10px;
   -moz-border-radius-bottomright: 10px;
   -webkit-border-bottom-right-radius: 10px;
}

.main-body {
   font-size: 10px;
   color: #000;
   background-color: #DDDDDD;
   background: -moz-linear-gradient(left top 315deg, #DDDDDD, #fff);
   background: -webkit-gradient(linear, left top, right bottom, from(#DDDDDD), to(#fff));
   border-width: 1px;
   border-color: #999999;
   border-style: solid;
   padding: 10px;
   -moz-border-radius-bottomleft: 10px;
   -webkit-border-bottom-left-radius: 10px;
   -moz-border-radius-bottomright: 10px;
   -webkit-border-bottom-right-radius: 10px;
}

.news-body {
   font-size: 10px;
   color: #000;
   background-color: #DDDDDD;
   background: -moz-linear-gradient(left top 315deg, #DDDDDD, #fff);
   background: -webkit-gradient(linear, left top, right bottom, from(#DDDDDD), to(#fff));
   border-width: 1px;
   border-color: #999999;
   border-style: solid;
   padding: 10px;
}

/* Side-Panel properties */

.side-border-left {
   color: #777;
   background-color: #EEEEEE;
   padding: 5px 5px 5px 0;
   width: 175px;
}

.side-border-right {
   color: #777;
   background-color: #EEEEEE;
   padding: 5px 0 5px 5px;
   width: 175px;
}

.scapmain {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #F2F2F2;
   text-align: left;
   padding: 6px;
   border: 1px solid #808080;
   -moz-border-radius-topleft: 10px;
   -webkit-border-top-left-radius: 10px;
   -moz-border-radius-topright: 10px;
   -webkit-border-top-right-radius: 10px;
   background: url(images/gradient_center.gif) repeat-x; /*fall back gradient image*/
   background: -moz-linear-gradient(bottom, #000000, #fff);
   background: -webkit-gradient(linear, center bottom, center top, from(#000000), to(#fff));
}

.scapmain img {
   vertical-align: middle;
}

.scapmain-left img {
   vertical-align: middle;
}

.scapmain-left {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #F2F2F2;
   text-align: left;
   padding: 6px;
   border-top: 1px solid #808080;
   border-bottom: 1px solid #808080;
   border-left: 1px solid #808080;
   -moz-border-radius-topleft: 10px;
   -webkit-border-top-left-radius: 10px;
   background: url(images/gradient_center.gif) repeat-x; /*fall back gradient image*/
   background: -moz-linear-gradient(bottom, #000000, #fff);
   background: -webkit-gradient(linear, center bottom, center top, from(#000000), to(#fff));
}

.scapmain-right {
   text-align: right;
   padding: 6px;
   border-top: 1px solid #808080;
   border-bottom: 1px solid #808080;
   border-right: 1px solid #808080;
   -moz-border-radius-topright: 10px;
   -webkit-border-top-right-radius: 10px;
   background: url(images/gradient_center.gif) repeat-x; /*fall back gradient image*/
   background: -moz-linear-gradient(bottom, #000000, #fff);
   background: -webkit-gradient(linear, center bottom, center top, from(#000000), to(#fff));
}

.side-body {
   font-size: 10px;
   color: #000;
   background-color: #DDDDDD;
   background: -moz-linear-gradient(left top 315deg, #DDDDDD, #fff);
   background: -webkit-gradient(linear, left top, right bottom, from(#DDDDDD), to(#fff));
   padding: 5px;
   border-left: 1px solid #808080;
   border-right: 1px solid #808080;
   border-bottom: 1px solid #808080;
   -moz-border-radius-bottomleft: 10px;
   -webkit-border-bottom-left-radius: 10px;
   -moz-border-radius-bottomright: 10px;
   -webkit-border-bottom-right-radius: 10px;
   margin-bottom: 10px;
}

.side-body:hover {
   background-color: #DDDDDD;
   background: -moz-linear-gradient(right top 225deg, #DDDDDD, #fff);
   background: -webkit-gradient(linear, right top, left bottom, from(#DDDDDD), to(#fff));
}

/* Center-Panel properties */

.news-category {
   border: 0;
   margin: 3px 5px 0 0;
   float: left;
}

.news-footer {
   font-size: 10px;
   color: #000;
   background-color: #DDDDDD;
   background: -moz-linear-gradient(top, #DDDDDD, #fff);
   background: -webkit-gradient(linear, center top, center bottom, from(#DDDDDD), to(#fff));
   border-width: 0 1px 1px 1px;
   border-color: #999999;
   border-style: solid;
   padding: 3px 4px 4px 4px;
   -moz-border-radius-bottomleft: 10px;
   -webkit-border-bottom-left-radius: 10px;
   -moz-border-radius-bottomright: 10px;
   -webkit-border-bottom-right-radius: 10px;
}

.capmain {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #F2F2F2;
   text-align: left;
   padding: 6px;
   border-top: 1px solid #808080;
   border-left: 1px solid #808080;
   border-right: 1px solid #808080;
   -moz-border-radius-topleft: 10px;
   -webkit-border-top-left-radius: 10px;
   -moz-border-radius-topright: 10px;
   -webkit-border-top-right-radius: 10px;
   background: url(images/gradient_center.gif) repeat-x; /*fall back gradient image*/
   background: -moz-linear-gradient(bottom, #000000, #fff);
   background: -webkit-gradient(linear, center bottom, center top, from(#000000), to(#fff));
}

.capmain img {
   vertical-align: middle;
}

.main-bg {
   color: #323232;
   background-color: #EEEEEE;
   padding: 5px 0 5px 0;
}

/* General table properties */

.center {
   margin: 0 auto;
}

.tbl-border {
   background-color: #000000;
}

.tbl {
   font-size: 11px;
   color: #323232;
   padding: 4px;
}

.tbl1 {
   font-size: 11px;
   color: #323232;
   background-color: #EEEEEE;
   padding: 4px;
}

.tbl2 {
   font-size: 11px;
   color: #323232;
   background-color: #EEEEEE;
   background: url(images/gradient_tbl2.gif) top left repeat-x; /*fall back gradient image*/
   background: -moz-linear-gradient(top, #DDDDDD, #EEEEEE);
   background: -webkit-gradient(linear, center top, center bottom, from(#DDDDDD), to(#EEEEEE));
   padding: 4px;

}

.forum-caption {
   font-size: 11px;
   font-weight: bold;
   color: #323232;
   background-color: #000000;
   padding: 5px 4px 5px 4px;
   background: url(images/gradient_center.gif) repeat-x; /*fall back gradient image*/
   background: -moz-linear-gradient(bottom, #000000, #fff);
   background: -webkit-gradient(linear, center bottom, center top, from(#000000), to(#fff));
}

.quote {
   font-size: 11px;
   color: #323232;
   background-color: #EEEEEE;
   background: -moz-linear-gradient(left top 315deg, #EEEEEE, #fff);
   background: -webkit-gradient(linear, left top, right bottom, from(#EEEEEE), to(#fff));
   border: 1px solid #999999;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   padding: 4px;
   margin: 0px 20px 0px 20px;
}

.poll {
   height: 12px;
   border: 1px solid #808080;
   background-color: #000000;
   background: -moz-linear-gradient(bottom, #000000, #fff);
   background: -webkit-gradient(linear, center bottom, center top, from(#000000), to(#fff));
}

.comment-name {
   font-weight: bold;
   color: #323232;
}

.shoutboxname {
   font-weight: bold;
   color: #323232;
}

.shoutbox {
   color: #323232;
}

.shoutboxdate {
   font-size: 8px;
   color: #A0A0A0;
}

.small {
   font-size: 10px;
   font-weight: normal;
}

.small2 {
   font-size: 10px;
   font-weight: normal;
   color: #323232;
}

.side-small {
   font-size: 10px;
   font-weight: normal;
   color: #323232;
}

.side-label {
   color: #323232;
   margin: 2px 0 2px 0;
   padding: 2px 2px 3px 2px;
}

.button {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-weight: bold;
   color: #F2F2F2;
   background-color: #000000;
   height: 20px;
   border: 1px solid #808080;
   margin-top: 2px;
   padding:2px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   background: url(images/gradient_center.gif) repeat-x; /*fall back gradient image*/
   background: -moz-linear-gradient(bottom, #000000, #fff);
   background: -webkit-gradient(linear, center bottom, center top, from(#000000), to(#fff));
}

.bbcode {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #000;
   background-color: #eee;
   border: 1px solid #808080;
   margin-top: 2px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}

.textbox {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #323232;
   background-color: #EEEEEE;
   background: -moz-linear-gradient(left top 315deg, #EEEEEE, #fff);
   background: -webkit-gradient(linear, left top, right bottom, from(#EEEEEE), to(#fff));
   border: 1px solid #999999;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}
.bbcode:hover, .textbox:focus, .textbox:hover{ border: 1px solid #FF6A00; }
.button:hover{
   background-color: #FF6A00;
   background: url(images/gradient_center_mirror.gif) repeat-x; /*fall back gradient image*/
   background: -moz-linear-gradient(top, #000000, #fff);
   background: -webkit-gradient(linear, center top, center bottom, from(#000000), to(#fff));
   cursor: pointer;
}

#search_box {
   margin-top : 0px;
   float:right;
   width: 280px;
   height: 32px;
   border: 1px solid #808080;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   background-color: #DDDDDD;
   background: -moz-linear-gradient(top, #DDDDDD, #fff);
   background: -webkit-gradient(linear, center top, center bottom, from(#DDDDDD), to(#fff));
}

#search_box #s {
   float: left;
   padding: 0;
   margin: 4px 0 0 4px;
   border: 0;
   width: 200px;
   background: #fff;
   height : 22px;
   color : #323232;
   border: 1px solid #808080;
   -moz-border-radius-topleft: 8px;
   -webkit-border-top-left-radius: 8px;
   -moz-border-radius-bottomleft: 8px;
   -webkit-border-bottom-left-radius: 8px;
}

#search_box #go {
   float: right;
   padding: 0;
   margin: 4px 4px 4px 0;
   width : 70px;
   height : 24px;
   color : #F2F2F2;
   border: 1px solid #808080;
   background: url(images/gradient_center.gif) repeat-x; /*fall back gradient image*/
   background: -moz-linear-gradient(bottom, #000000, #fff);
   background: -webkit-gradient(linear, center bottom, center top, from(#000000), to(#fff));
   -moz-border-radius-topright: 8px;
   -webkit-border-top-right-radius: 8px;
   -moz-border-radius-bottomright: 8px;
   -webkit-border-bottom-right-radius: 8px;
}

#search_box #s:hover, #search_box #s:focus { border: 1px solid #FF6A00; }

#search_box #go:hover {
   background: url(images/gradient_center_mirror.gif) repeat-x; /*fall back gradient image*/
   background: -moz-linear-gradient(top, #000000, #fff);
   background: -webkit-gradient(linear, center top, center bottom, from(#000000), to(#fff));
   cursor: pointer;

}

/* Vertical Navigation */

#navigation h2 {
   font-size: 10px;
   font-weight: normal;
   background-color: #DDDDDD;
   margin: 0;
   padding: 4px;
}
   
#navigation ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
}

* html #navigation ul li{
   height: 1%;
}

#navigation a {
   display: block;
   color: #323232;
   padding: 2px;
   text-decoration: none;
}

#navigation a:hover {
   color: #F2F2F2;
   background-color: #000000;
   padding-left: 3px;
}

/* Page Navigation */

.pagenav {
   padding: 4px;
}

.pagenav span {
   background-color: #FF6A00;
   border: 1px solid #808080;
   padding: 2px 4px 2px 4px;
   margin: 2px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   background: url(images/gradient_center_mirror.gif) repeat-x; /*fall back gradient image*/
   background: -moz-linear-gradient(top, #000000, #fff);
   background: -webkit-gradient(linear, center top, center bottom, from(#000000), to(#fff));
}

.pagenav a {
   color: #F2F2F2;
   background-color: #000000;
   border: 1px solid #808080;
   padding: 2px 4px 2px 4px;
   margin: 2px;
   text-decoration: none;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   background: url(images/gradient_center.gif) repeat-x; /*fall back gradient image*/
   background: -moz-linear-gradient(bottom, #000000, #fff);
   background: -webkit-gradient(linear, center bottom, center top, from(#000000), to(#fff));
}

.pagenav a:hover {
   background-color: #FF6A00;
   margin: 2px;
   text-decoration: none;
   background: url(images/gradient_center_mirror.gif) repeat-x; /*fall back gradient image*/
   background: -moz-linear-gradient(top, #000000, #fff);
   background: -webkit-gradient(linear, center top, center bottom, from(#000000), to(#fff));
}

/*
#user-buttons img {
   vertical-align:middle;
   padding:3px;
}
#user-buttons a img:hover {
   padding:2px;
   border: 1px solid #FF6A00;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}
*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.bubblewrap{
list-style-type:none;
margin:0;
padding:3px;
}

.bubblewrap li{
display:inline;
width: 65px;
height:32px;
}

.bubblewrap li img{
width: 32px; /* width of each image.*/
height: 32px; /* height of each image.*/
border:0;
margin-right: 12px; /*spacing between each image*/
-webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
}

.bubblewrap li img:hover{
-moz-transform:scale(1.8); /*scale up image 1.8x*/
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
}

 
Paramedic-94
1. Lange Codes bitte immer als Anhang
2. Gibt es den Code "Textbox" doch, suche genau:

Code 

.textbox {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #323232;
   background-color: #EEEEEE;
   background: -moz-linear-gradient(left top 315deg, #EEEEEE, #fff);
   background: -webkit-gradient(linear, left top, right bottom, from(#EEEEEE), to(#fff));
   border: 1px solid #999999;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}


Mit freundlichen Grüßen
Jean-Paul
Inhaber von www.JPPRO.de
 
Springe ins Forum:

 Ähnliche Themen 

TEST
Thema Forum Antworten Letzter Beitrag
shoutbox schriftfarbe Allgemeine Support Fragen 4 10.01.2020 um 07:11
Theme Projekt sucht Entwickler... 1 04.11.2015 um 22:33
FP Crisp Ice Theme 1.00 Allgemeine Support Fragen 5 02.04.2015 um 10:31
Theme größe geändert mit einem fehler Allgemeine Support Fragen 2 31.03.2015 um 10:26
Theme im Facebook style Infusionen 1 08.12.2014 um 18:25
HarlekinPower