Scrollbar kleuren in php - Forum

Elwin - Fratsloos

09-12-2006 12:32

<?php
echo "html {
margin: 0px;
scrollbar-face-color: #212121;
scrollbar-base-color: #00FF11;
scrollbar-highlight-color: #404040;
scrollbar-shadow-color: #000000;
scrollbar-3dlight-color: #616161;
scrollbar-arrow-color: #ffd800;
scrollbar-track-color: #000000;
scrollbar-darkshadow-color: #000000;
}";
?>

Elwin

Z

Zero XT

09-12-2006 13:10

Bedankt maar waar moet ik die code precies plaatsen?

Elwin - Fratsloos

09-12-2006 13:15

Waar jij hem wilt hebben natuurlijk! Jij weet waar en wanneer die css code terug moet komen. Dat kunnen wij niet ruiken...

Elwin

L

Leroy Boerefijn

09-12-2006 13:16

tussen <style type="text/css"> en </style> in je head..
of in een apart .css bestand..

maar een scrolbar kleuren werkt alleen in IE..
[edit]en het is niet w3c valid..[/edit]

B

Barry

09-12-2006 13:18

leroy schreef op 09.12.2006 13:16
tussen <style type="text/css"> en </style> in je head..
of in een apart .css bestand..

maar een scrolbar kleuren werkt alleen in IE..
[edit]en het is niet w3c valid..[/edit]

Als ik ook even mag reageren??
ik heb 't wel eens in firefox gezien, hoe doen ze dat?

Groet,

Barry

L

Luke Banning

09-12-2006 13:29

In firefox kan het niet.
Dit zijn gewoon themas...
Zo is mijn scrollbar in FF ook blauw met wit (mac style ;-))

Z

Zero XT

09-12-2006 13:31

leroy schreef op 09.12.2006 13:16
tussen <style type="text/css"> en </style> in je head..
of in een apart .css bestand..

maar een scrolbar kleuren werkt alleen in IE..
[edit]en het is niet w3c valid..[/edit]

Het is geen html maar een php pagina dus die <style type="text/css"> en </style> is nergens te bekennen.

En nu weet ik nog steeds niet waar ik die code moet plaatsen in de PHP pagina.

L

Luke Banning

09-12-2006 13:57

In een goede PHP pagina (w3c valid) moet je ook gewoon !DOCTYPE, <html><head> etc. etc. hebben, en dan pas in de body
<?php
echo 'hier je code';
?>
en dan kun je natuurlijk <style type="text/css"> ook gewoon plaatsen in de head...

Z

Zero XT

09-12-2006 15:03

Daar ben ik het niet met je eens.

Ik heb veel php pagina's die helemaal geen doctype in de code hebben.

Ik zal nog een keer de php pagina plaatsen en als iemand me dan kan vertellen waar ik die code van Elwin moet plaatsen dan ben ik erg dankbaar

(sorry Moderator(s) ik weet niet het relevante code want alles heeft met de stylesheet te maken dus ik kan niet zomaar 40 regels uitkiezen.. sorry!)


<?PHP
	// This file generates style sheets for simple themes
	// Recieves the theme data file as an array
	
	// Grab the variables
	function get_data($theme_data,$skin){
		foreach($theme_data as $key=>$val){
			if($val != "\n"){
				eregi("([A-z0-9_]*)\[(.*)\]","$val",$match);
				$match[2] = eregi_replace("url\(","url(./themes/$skin/",$match[2]);
				$data[$match[1]] = $match[2];
			}
		}
		return $data;
	}
	
	function gen_css($data,$skin){	
		// Generate the Style information
		$css = "<style type=\"text/css\">
			BODY {
				color: $data[FontColor1];
				font-family: $data[FontFamily];
				font-size: $data[FontSize1];
				background: $data[BGColor1];
			}
			TD {
				color: $data[FontColor1];
				font-family: $data[FontFamily];
				font-size: $data[FontSize1];
			}
			.online_list {
				color: $data[FontColor1];
				border: $data[BorderSize] $data[BorderStyle] $data[BorderColor];
				font-family: $data[FontFamily];
				font-size: $data[FontSize1];
				width: 96%;
				background: $data[BGColor2];
				height: 98%;
				margin-left: 1%;
			}
			.menubar {
				color: $data[FontColor2];
				background: url(./themes/$skin/button.gif);
				text-align: center;
				font-size: $data[FontSize1];
				font-family: $data[FontFamily];
				cursor: pointer;
			}
			.menubar_hover {
				color: $data[FontColor2];
				background: url(./themes/$skin/button_over.gif);
				text-align: center;
				font-size: $data[FontSize1];
				font-family: $data[FontFamily];
				cursor: pointer;
			}
			.infobar {
				color: $data[FontColor1];
				font-size: $data[FontSize1];
				font-family: $data[FontFamily];
			}
			.box_header {
				color: $data[FontColor3];
				font-family: $data[FontFamily];
				font-size: $data[FontSize2];
				background: $data[HeaderBG];
				border: $data[BorderSize] $data[BorderStyle] $data[BorderColor];
				text-align: center;
				font-weight: bold;
			}
			.box_body {
				color: $data[FontColor1];
				font-family: $data[FontFamily];
				font-size: $data[FontSize1];
				background: $data[BGColor2];
				border: $data[BorderSize] $data[BorderStyle] $data[BorderColor];
				border-top: none;
				text-align: left;
			}
			.info_box_body {
				color: $data[FontColor1];
				font-family: $data[FontFamily];
				font-size: $data[FontSize1];
				background: $data[BGColor2];
				border: $data[BorderSize] $data[BorderStyle] $data[BorderColor];
				text-align: left;
			}
			.col_header {
				color: $data[FontColor3];
				font-family: $data[FontFamily];
				font-size: $data[FontSize3];
				font-weight: bold;
				background: $data[ColumnBG];
				text-align: left;
				border: $data[BorderSize] $data[BorderStyle] $data[BorderColor];
			}
			.dark_row {
				color: $data[FontColor1];
				font-family: $data[FontFamily];
				font-size: $data[FontSize1];
				background: $data[BGColor3];
				text-align: left;
			}
			.inside_table {
				border: $data[BorderSize] $data[BorderStyle] $data[BorderColor];
				border-top: none;
			}
			A {
				color: $data[LinkColor];
				text-decoration: none;
			}
			A:HOVER {
				color: $data[HoverColor];
				text-decoration: underline;
			}
			A:ACTIVE {
				color: $data[ActiveColor];
			}
			.text_input{
				background: $data[FormBG];
				border: $data[FormBorderSize] $data[FormBorderStyle] $data[FormBorderColor];
				font-size: $data[FormFontSize];
				font-family: $data[FontFamily];
				color: $data[FormFontColor];
			}
			.button{
				background: $data[FormBG];
				border: $data[FormBorderSize] $data[FormBorderStyle] $data[FormBorderColor];
				font-size: $data[FormFontSize];
				font-family: $data[FontFamily];
				color: $data[FormFontColor];
			}
		</style>";
		
		return $css;
	}
	
	function gen_chatinput($data,$skin){
		
		$css = " <style type=\"text/css\">
			.arrow_box {
				border-left: $data[BorderSize] $data[BorderStyle] $data[BorderColor];
				background: $data[BGColor3];
				color: $data[FontColor1];
			}
			.selectbar {
				border: none;
				background: url(./themes/$skin/selectbar.gif);
				height: 15px;
				color: $data[FontColor1];
			}
			.msginput_bg {
			}
			.msginput {
				border: $data[FormBorderSize] $data[FormBorderStyle] $data[FormBorderColor];
				background: $data[FormBG];
				font-family: $data[FontFamily];
				font-size: $data[FormFontSize];
				width: 298px;
				color: $data[FormFontColor];
			}
			.smileybuttonOver {
				border: $data[BorderSize] $data[BorderStyle] $data[BorderColor];
				background: $data[BGColor4];
				cursor: pointer;
				color: $data[FontColor1];
			}
			.smileybutton {
				border: $data[BorderSize] $data[BorderStyle] $data[BorderColor];
				background: url(./themes/$skin/selectbar.gif);
				cursor: pointer;
				color: $data[FontColor1];
			}
			.boldtxt {
				background: url(./themes/$skin/selectbar.gif);
				font-family: $data[FontFamily];
				font-size: $data[FontSize1];
				cursor: pointer;
				border: $data[BorderSize] $data[BorderStyle] $data[BorderColor];
				text-align: center;
				color: $data[FontColor1];
			}
			.boldtxtover {
				background: $data[BGColor2];
				font-family: $data[FontFamily];
				font-size: $data[FontSize1];
				cursor: pointer;
				border-left: $data[BorderSize] $data[BorderStyle] $data[BorderColor];
				border-top: $data[BorderSize] $data[BorderStyle] $data[BorderColor];
				border-right: $data[BorderSize] $data[BorderStyle] $data[BorderColor];
				border-bottom: $data[BorderSize] $data[BorderStyle] $data[BorderColor];
				text-align: center;
				color: $data[FontColor1];
			}
			.boldtxtdown {
				background: url(./themes/$skin/selectbar_inv.gif);
				font-family: $data[FontFamily];
				font-size: $data[FontSize1];
				cursor: pointer;
				border-right: $data[BorderSize] $data[BorderStyle] $data[BorderColorLight];
				border-bottom: $data[BorderSize] $data[BorderStyle] $data[BorderColorLight];
				border-left: $data[BorderSize] $data[BorderStyle] $data[BorderColor];
				border-top: $data[BorderSize] $data[BorderStyle] $data[BorderColor];
				text-align: center;
				color: $data[FontColor1];
			}
			.curfont {
				width: 61px;
				height: 15px;
				background: transparent;
				border: 0px solid $data[BorderColor];
				font-family: $data[FontFamily];
				font-size: $data[FontSize1];
				cursor: pointer;
				color: $data[FontColor1];
			}
			.cursize {
				width: 41px;
				height: 15px;
				background: transparent;
				border: 0px solid $data[BorderColor];
				font-family: $data[FontFamily];
				font-size: $data[FontSize1];
				cursor: pointer;
				color: $data[FontColor1];
			}
			.curcolor {
				width: 61px;
				height: 15px;
				background: transparent;
				border: 0px solid $data[BorderColor];
				font-family: $data[FontFamily];
				font-size: $data[FontSize1];
				cursor: pointer;
				color: $data[FontColor1];
			}
			.selected {
				background: $data[BGColor3];
				font-family: $data[FontFamily];
				font-size: $data[FontSize1];
				cursor: pointer;
				color: $data[FontColor1];
			}
			.nonSelected {
				background: $data[BGColor2];
				border: $data[BorderSize] $data[BorderStyle] $data[BorderColor];
				font-family: $data[FontFamily];
				font-size: $data[FontSize1];
				cursor: pointer;
				color: $data[FontColor1];
			}
			.send_button {
				color: $data[FontColor1];
			}
		</style>";
		
		return $css;
	}
	
	function gen_events($data,$skin){
		
		$css = "<style type=\"text/css\">
			.event_top {
				font-family: $data[FontFamily];
				font-size: $data[FontSize2];
				font-weight: bold;
				border: $data[BorderSize] $data[BorderStyle] $data[BorderColor];
				border-right: 0px $data[BorderStyle] $data[BorderColor];
				background: $data[BGColor2];
				color: $data[FontColor0];
			}
			.event_table {
				border-right: $data[BorderSize] $data[BorderStyle] $data[BorderColor];
			}
			.event_day {
				font-family: $data[FontFamily];
				font-size: $data[FontSize1];
				border: $data[BorderSize] $data[BorderStyle] $data[BorderColor];
				border-right: 0px $data[BorderStyle] $data[BorderColor];
				color: $data[FontColor0];
			}
			.event_day_name {
				font-family: $data[FontFamily];
				font-size: $data[FontSize1];
				border-bottom: $data[BorderSize] $data[BorderStyle] $data[BorderColor];
				text-align: center;
				font-weight: bold;
				color: $data[FontColor0];
			}
			.event_day_no {
				font-family: $data[FontFamily];
				font-size: $data[FontSize1];
				border: $data[BorderSize] $data[BorderStyle] $data[BorderColor];
				border-right: 0px $data[BorderStyle] $data[BorderColor];
				text-align: center;
				color: $data[FontColor0];
			}
			.event_day_yes {
				font-family: $data[FontFamily];
				font-size: $data[FontSize1];
				text-align: center;
				border: $data[BorderSize] $data[BorderStyle] $data[BorderColor];
				border-right: 0px $data[BorderStyle] $data[BorderColor];
				background: url(./themes/$skin/./star.gif);
				cursor: pointer;
				color: $data[FontColor0];
			}
			.event_day_abr {
				font-family: $data[FontFamily];
				font-size: $data[FontSize1];
				border: $data[BorderSize] $data[BorderStyle] $data[BorderColor];
				text-align: center;
				font-weight: bold;
				color: $data[FontColor0];
			}
		</style>";
		
		return $css;
	}
	
	function gen_mini($data,$skin){
		
		$css = "<style type=\"text/css\">
			.other_persons {
				color: $data[OtherPerson];
				font-weight: bold;
			}
			.you {
				color: $data[You];
				font-weight: bold;
			} 
			#message_window {
				background: $data[ChatBG];
				margin-left: 5px;
				height: 98%;
				padding-left: 5px;
				padding-right: 5px;
				border: 1px solid $data[ChatBorder];
				overflow: scroll;
				margin-right: 5px;
			}
		</style>";
		
		$css = eregi_replace("\r","",$css);
		$css = eregi_replace("\n","",$css);
		$css = eregi_replace("'","\'",$css);
	
		return $css;	
	}
	
	function gen_pm($data,$skin){
		
		$css = "<style type=\"text/css\">
			.pm_infobar {
				background: black;
			}
			.pm_ib_fc {
				text-align: center;
				background: $data[BGColor3];
				font-size: $data[FontSize0];
				font-family: $data[FontFamily];
				font-weight: bold;
				color: $data[FontColor0];
			}
			.pm_ib_r {
				text-align: center;
				background: $data[BGColor2];
				font-size: $data[FontSize0];
				font-family: $data[FontFamily];
				cursor: pointer;
				color: $data[FontColor0];
			}
			.pm_ib_r_alt {
				text-align: center;
				background: $data[BGColor3];
				font-size: $data[FontSize0];
				font-family: $data[FontFamily];
				cursor: pointer;
				color: $data[FontColor0];
			}
			.main_iframe {
				border: 1px solid $data[ChatBorder];
			}
		</style>";
	
		return $css;	
	}
	
	function gen_profile($data,$skin){
		
		$css = "<style type=\"text/css\">
			.profile_username {
				font-size: $data[FontSize2];
				font-weight: bold;
				text-align: center;
			}
			.profile_header_text {
				font-weight: bold;
			}
			.profile_table {
			}
			.profile_cell {
			}
		</style>";
	
		return $css;	
	}
	
	function gen_uc($data,$skin){
		
		$css = " <style type=\"text/css\">
			.uc_item_box{
				font-family: $data[FontFamily];
				font-size: $data[FontSize1];
				vertical-align: middle;
				border: $data[FormBorderSize] $data[FormBorderStyle] $data[FormBorderColor];
				background: $data[BGColor2];
				text-align: center;
				color: $data[FontColor1];
			}
			.uc_item {
				font-family: $data[FontFamily];
				font-size: $data[FontSize0];
				vertical-align: middle;
				border: $data[FormBorderSize] $data[FormBorderStyle] $data[BGColor2];
				background: $data[BGColor2];
				text-align: center;
				width: 100px;
				color: $data[FontColor1];
				height: 18px;
				cursor: default;
			}
			.uc_header{
				font-family: $data[FontFamily];
				font-size: $data[FontSize0];
				vertical-align: middle;
				cursor: pointer;
				text-align: center;
				background: url(./themes/$skin/user_control_bg.gif);
				color: $data[FontColor1];
			}
			.uc_header_text{
				font-family: $data[FontFamily];
				font-size: $data[FontSize1];
				vertical-align: middle;
				cursor: pointer;
				text-align: center;
				color: $data[FontColor1];
				cursor: pointer;
			}
			.uc_header_selected{
				font-family: $data[FontFamily];
				font-size: $data[FontSize1];
				vertical-align: middle;
				cursor: pointer;
				text-align: center;
				font-weight: bold;
				background: url(./themes/$skin/user_control_bg2.gif);
				color: $data[FontColor1];
				cursor: pointer;
			}
			.uc_item_over{
				font-family: $data[FontFamily];
				font-size: $data[FontSize0];
				vertical-align: middle;
				cursor: pointer;
				background: $data[BGColor3];
				border: $data[FormBorderSize] $data[FormBorderStyle] $data[FormBorderColor];
				text-align: center;
				width: 100px;
				color: $data[FontColor1];
				height: 18px;
				cursor: pointer;
			}
			.uc_item_blank{
				font-family: $data[FontFamily];
				font-size: $data[FontSize0];
				vertical-align: middle;
				background: $data[BGColor2];
				border: 1px solid $data[BGColor2];
				text-align: center;
				width: 100px;
				color: $data[FontColor1];
				height: 18px;
				cursor: default;
			}
			.infobox {
				font-size: $data[FontSize1];
				font-family: $data[FontFamily];
				border: none;
				cursor: pointer;
				background: transparent;
				color: $data[FontColor1];
			}

		</style>";
	
		return $css;	
	}
	
	function gen_ucp($data,$skin){
		
		$css = "<style type=\"text/css\">
			.ucp_cell {
				text-align: center;
				background: $data[BGColor4];
				font-size: $data[FontSize0];
				font-family: $data[FontFamily];
				cursor: pointer;
				border-bottom: $data[BorderSize] $data[BorderStyle] $data[BorderColor];
				color: $data[FontColor1];
			}
			.ucp_sell {
				text-align: center;
				background: $data[BGColor3];
				font-size: $data[FontSize0];
				font-family: $data[FontFamily];
				cursor: pointer;
				border-bottom: $data[BorderSize] $data[BorderStyle] $data[BorderColor];
				color: $data[FontColor1];
			}
			.ucp_bodycell {
				border-bottom: $data[BorderSize] $data[BorderStyle] $data[BorderColor];
				border-right: $data[BorderSize] $data[BorderStyle] $data[BorderColor];
				font-size: $data[FontSize0];
				font-family: $data[FontFamily];
				color: $data[FontColor1];
			}
			.ucp_table {
				border-top: $data[BorderSize] $data[BorderStyle] $data[BorderColor];
				color: $data[FontColor1];
			}
			.ucp_table2 {
				border-left: $data[BorderSize] $data[BorderStyle] $data[BorderColor];
				color: $data[FontColor1];
			}
			.ucp_divider{
				border-left: $data[BorderSize] $data[BorderStyle] $data[BorderColor];
				border-bottom: $data[BorderSize] $data[BorderStyle] $data[BorderColor];
				color: $data[FontColor1];
			}
		</style>";
	
		return $css;	
	}
?>

Z

Zero XT

11-12-2006 18:01

Iemand?