Online-Zeit©
 168  1408  6.515  0
close× Call Us +49 (1805) 01 29 59
close×
  • Foren Themen: 3725
  • Foren Beiträge: 26383
  • Unbeantwortete Beiträge: 249
  • PHP-Fusion v7.02.07 - DE
  • PHP 8.2.30
  • Datum 18.01.2026 - Zeit Uhr

HarlekinPower
Thread Author: punkerwelle
Thread ID: 4267
Thread Info
Es gibt 4 Beiträge zu diesem Thema, und es wurde 7077 mal angesehen.  Es gibt auch Dateianhänge.
PHPFusion-SupportClub » Allgemein » Grafik und Design
 Thema drucken
Theme Schriftfarbe Ändern
punkerwelle
Top  #1 Beitrag drucken
Geschrieben am 11.10.2013 00000010 15:21
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

 
Website
SC-Ad-Bot
Advertisement
 
Paramedic-94
Top  #2 Beitrag drucken
Geschrieben am 11.10.2013 00000010 15:41
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
 
Website
punkerwelle
Top  #3 Beitrag drucken
Geschrieben am 11.10.2013 00000010 16:16
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);

}
 
Website
Paramedic-94
Top  #4 Beitrag drucken
Geschrieben am 11.10.2013 00000010 17:25
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
 
Website
Springe ins Forum:
Gr@n@dE