Layout veranderen

moneymen · 20 Augustus 2009

Heej mensen,
Wie weet hoe je layout van criminolz moet veranderen?
Kan die gene even vertellen welke bestanden je moet aanpassen?

@ alexrute bedankt:p

stephen · 20 Augustus 2009

Psd bestand gewoon simpel in photoshop

moneymen · 20 Augustus 2009

Citaat van stephen

Psd bestand gewoon simpel in photoshop

Ik bedoel een hele anderen layout;)

Maar toch bedankt voor je idee

alexruter · 20 Augustus 2009

Mensen, hij ebdoeld de layout van Criminolz.

stephen · 20 Augustus 2009

Uhm mischien wat meer informatie

DeWilde · 20 Augustus 2009

De .css veronderstel ik

Frenzo · 20 Augustus 2009

nee de out/ingame.tpl

NVBWebsites · 20 Augustus 2009

Plaatjes? Css? HTML ? Dat lijkt mij de beste oplossing

moneymen · 21 Augustus 2009

Kan iemand even helpen

Oude

PHP

/*
----------------------------------------------------------------------
Design door Richard Snijders.
Slice door Richard Snijders.
Criminolz is een onderdeel van Game-projects (www.game-projects.net).
© 2008
----------------------------------------------------------------------
*/


body {
	background: url(images/background_main.jpg);
	text-align: center;
}


#container {
	text-align: left;
	margin: 0 auto;
	width: 880px;
}


a:link {
	color: #dddddd;
	text-decoration: none;
	font-weight: bold;
}


a:visited {
	color: #dddddd;
	text-decoration: none;
	font-weight: bold;
}


a:hover {
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
}


.onderwerp {
	background: #777777;
	color: #fafafa;
	padding: 4px 6px;
	font-weight: bold;
	border-bottom: 1px solid #000000;
	margin: 0 -6px 4px;
}


#header {
	background: url(images/header.jpg) no-repeat;
	width: 875px;
	height: 215px;
}


#status {
	background: url(images/status.gif) no-repeat;
	width: 245px;
	height: 205px;
	position: absolute;
	margin-left: 628px;
	margin-top: 2px;
	padding-top: 20px;
	padding-left: 20px;
	font: bold 15px Arial;
	color: #101010;
}


#status table {
	font: 11px Arial;
	color: #101010;
	float: left;
}


#navbar_end_left {
	background: url(images/navbar_left.gif) no-repeat;
	width: 15px;
	height: 55px;
	float: left;
	margin-top: 5px;
}


#navbar_mid {
	margin: 0;
	padding: 0;
	background: url(images/navbar_mid.gif) repeat-x;
	width: 845px;
	height: 55px;
	float: left;
	margin-top: 5px;
}


#navbar_mid li {
	display: inline;
}


#navbar_mid li a {
	padding: 15px 10px 0px 10px;
	font: bold 13px Verdana, Helvetica, Tahoma;
	text-decoration: none;
	color: #101010;
	display: block;
	float: left;
	outline: none;
	height: 40px;
}


#navbar_mid li a:hover {
	background: url(images/navbar_mid_active.gif) repeat-x;
	color: #ffffff;
}


#navbar_end_right {
	background: url(images/navbar_right.gif) no-repeat;
	width: 15px;
	height: 55px;
	float: left;
	margin-top: 5px;
}


a.tab {
	padding-left: 5px;
	padding-right: 5px;
	border: solid 1px #c0c0c0;
	font: 11px;
	font-family: Arial;
	border-width: 1px;
	outline: none;
}


a.tab_active {
	padding-left: 5px;
	padding-right: 5px;
	border: solid 1px #ffffff;
	font: 11px;
	font-family: Arial;
	color: #000000;
	background-color: #e5e5e5;
	border-width: 1px;
	outline: none;
}


a.tab:hover,a.tab_active:hover {
	border: solid 1px #5e5e5e;
	text-decoration:none;
}


#column_container {
	float: left;
	width: 210px;
	margin-top: 10px;
}


#column_dark_content_top {
	background: url(images/menucontainer_top.gif) no-repeat;
	width: 210px;
	padding-top: 15px;
	margin-top: 10px;
}


#column_dark_content {
	background: #313131;
}


#column_dark_content_bottom {
	background: url(images/menucontainer_bottom.gif) no-repeat;
	width: 210px;
	height: 15px;
}


#menu_head {
	background: url(images/menu_head.gif) no-repeat;
	width: 205px;
	height: 30px;


	margin-left: 2px;
	padding-top: 5px;
	padding-left: 10px;
	font: bold 12px Arial;
}


#menu_content {
	background: url(images/menucontent.gif) repeat-y;
	padding-top: 5px;
	width: 203px;
	margin-left: 2px;
}


#menu_content ul {
	padding: 0;
	margin: 0;
	padding-left: 2px;
	padding-right: 4px;
}


#menu_content ul li {
	display: inline;
}


#menu_content ul li a {
	padding-left: 10px;
	color: #fff;
	text-decoration: none;
	display: block;
	font: 11px Arial;
	outline: none;
}


#menu_content ul li a:hover {
	background: url(images/menu_li_a.jpg) repeat-x;
	color: #101010;
}


#menu_content_bottom {
	background: url(images/menucontent_bottom.gif) no-repeat;
	width: 205px;
	height: 10px;
	margin-left: 2px;
}


#content_container {
	float: left;
	width: 440px;
	margin-left: 10px;
	margin-right: 10px;
}


#content_top {
	background: url(images/content_top.gif) no-repeat;
	width: 440px;
	height: 15px;
	margin-top: 20px;
	float: left;
}


#content {
	background: #343434;
	width: 425px;
	word-wrap: break-word;


	font: 11px Arial;
	color: #fff;
	margin-top: -5px;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 5px;
	float: left;
}


#content_bottom {
	background: url(images/content_bottom.gif) no-repeat;
	width: 440px;
	height: 15px;
	float: left;
}


h1.titel {
	font: bold 13px Verdana, Helvetica, Tahoma;
	padding: 0;
	margin: 0;
	margin-bottom: 5px;
}


div.dark {
	background: #2a2a2a;
	width: 400px;
	margin-left: 5px;
	margin-top: 10px;
	padding-top: 10px;
	padding-left: 5px;
	padding-bottom: 10px;
	color: #bababa;
}


div.warningbar {
	background: url(images/warningbar.jpg) no-repeat;
	width: 425px;
	height: 45px;
	padding-top: 10px;
	padding-left: 10px;
	font: bold 12px Verdana, Helvetica, Tahoma;
	margin-top: 10px;
}


div.warningbar span.dark {
	color: #424242;
}


div.warningbar a {
	color: #ffffff;
	text-decoration: none;
}


div.warningbar a:hover {
	color: #eeeeee;
	text-decoration: underline;
}


div.footer {
	font: bold 11px Verdana, Helvetica, Tahoma;
	color: #fff;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 15px;
}


.quotetitle {
	margin: 10px 5px 0 5px;
	padding: 4px;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #7a7a7a;
	color: #000000;
	background-color: #d7d7d7;
	font-size: 11px;
	font-weight: bold;
}


.quotetitle .quotetitle {
	font-size: 1em;
}


.quotecontent {
	margin: 0 5px 10px 5px;
	padding: 5px;
	border-color: #7a7a7a;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	font-size: 11px;
	line-height: 1.4em;
	font-family: Arial;
	background-color: #ffffff;
	color: #000000;
}


table {
	color: #ffffff;
	font: 11px Arial;
}


td.start {
	border-bottom: #f5f5f5 solid 1px;
	font: bold 11px Arial;
	color: #d4d4d4;
}


td.list {
	border-bottom: #878787 solid 1px;
	font: 11px Arial;
	color: #ffffff;
}


td.shop {
	border-bottom: #878787 solid 1px;
	padding-top: 10px;
	padding-bottom: 10px;
}


td.shop_end {
	padding-top: 10px;
}


textarea.textarea {
	background: #dadada;
	border: #101010 solid 1px;
	font: 11px Arial;
	scrollbar-arrow-color: #a4a4a4;
	scrollbar-face-color: #cdcdcd;
	scrollbar-highlight-color: #f1f1f1;
	scrollbar-3dlight-color: #e7e7e7;
	scrollbar-shadow-color: #949494;
	scrollbar-darkshadow-color: #cfcfcf;
	scrollbar-track-color: #ededed;
}


input.input {
	background: url(images/input.jpg) repeat-x;
	height: 20px;
	font: 11px Arial;
	border: #101010 solid 1px;
}


select.input {
	background: #efefef;
	height: 20px;
	font: 11px Arial;
}


.submit {
	background: url(images/input.jpg) repeat-x;
	height: 20px;
	font: 11px Arial;
	border: #101010 solid 1px;
}

Toon Meer

Nieuwe

PHP

html, body {
  margin: 0;
  background: #000;
  font-family: Arial;
  font-size: 11px;
  line-height: 17px;
  color: #000000;
}
body	{	width: 927px;	 margin: 0 auto;	 padding: 20px 0;}
.clear {	
	clear: both;
	font-size: 1px;
}
img {
  border: 0;
}
/* top */
div#top			{	height: 106px;	background: url('top.jpg') no-repeat;	padding: 14px 586px 0 14px; }


div#top ul			{	width: 170px;	 float: left;	 margin: 0;	padding: 0; list-style: none;	color: #e7d5d5;	 line-height: 19px;}
div#top ul.right	{	width: 150px;	 float: left;	 text-align: right; }


/* topmenu */
ul#topmenu					{	height: 42px;	background: url('topmenu-bg.jpg') no-repeat; margin: 0;	list-style: none;	padding: 0; text-align: right;	line-height: 41px; }
ul#topmenu li					{	display: inline;	height: 41px;	 line-height: 41px; padding: 14px 17px 12px 19px;	background: url('topmenu-li-bg.jpg') no-repeat left top;		font-weight: bold;	}
ul#topmenu li a				{	color: #e7d5d5;	 text-decoration: none;	}
ul#topmenu li a:hover	{	text-decoration: underline;	}


/* Container */
div#container		{	background: #b7af95;	border-left: 1px SOLID #e7d5d5;	border-right: 1px SOLID #e7d5d5;	padding: 0 1px 3px 1px;	color: #27251e;	}
	
	/* left */
	div#container div#left				{	width: 156px;	 float: left;	 padding: 0;}
	div#container div#left h3		{	height: 33px;	 margin: 0;	padding: 0;	line-height: 33px;	font-size: 11px;	color: #FFF;	padding: 0 0 0 25px;	background: url('menu-left-h3.jpg') no-repeat;}


		div#container div#left h3.first		{	background: url('menu-left-h3-first.jpg') no-repeat;	}


	div#container div#left div.box		{	background: url('menu-bottom.jpg') no-repeat left bottom;	 padding: 6px 0 10px 4px;	border-bottom: 1px SOLID #b7af95;	}
	div#container div#left div.box label	{	display: block; padding: 1px 0;}
	div#container div#left div.box input.text	{	border: none;	background: url('menu-input.jpg') no-repeat;	width: 130px;	 height: 14px;	font: 11px "Arial";	font-style: italic;	 color: #595547;	padding: 8px 7px; }
	div#container div#left div.box input.sub	{	border: none;	background: url('inloggen.jpg') no-repeat;	width: 73px;	 height: 8px;	padding: 8px 7px; }
	
	div#container div#left ul		{	margin: 0;	 padding: 0;	list-style: none; background: url('menu-right-bottom.jpg') no-repeat left bottom;	padding: 0 0 13px 0; }
	div#container div#left ul li		{	border-bottom: 1px SOLID #aaa287;	border-top: 1px SOLID #bcb498; height: 19px;	line-height: 19px;	padding: 0;	margin: 0;	 	}


	div#container div#left ul li	 a	{	height: 19px;display: block;	color: #434343;	 text-decoration: none;	padding: 0 0 0 5px;		}
	div#container div#left ul li	 a:hover	{	background: #c2bba1;	}


	/* Middle */
	div#container div#middle	{	width: 611px;	 float: left;	 background: #e5dfca url('middle-bg.jpg') repeat-x; padding: 1px 0 0 0;}
	div#container div#middle h3	{	height: 36px;	 line-height: 36px;	margin: 0;	 font-size: 15px;	 color: #27251e;	padding: 0 20px;	text-transform: uppercase;		 }
	div#container div#middle p	 	{	margin: 0;	 padding: 6px 10px;	 }
	div#container div#middle div.scheiding	 	{	height: 22px;	 background: url('scheiding.jpg') no-repeat;	 }
	div#container div#middle div.bottom	 		{	height: 11px;	 background: url('scheiding.jpg') no-repeat;	 }


	/* Right */
	div#container div#right			{	width: 156px;	 float: left;	 padding: 0;}
	div#container div#right h3		{	height: 33px;	 margin: 0;	padding: 0;	line-height: 33px;	font-size: 11px;	color: #FFF;	padding: 0 25px 0 0;	text-align: right;	background: url('menu-right-h3.jpg') no-repeat;}


		div#container div#right h3.first		{	background: url('menu-right-h3-first.jpg') no-repeat;	}


	div#container div#right ul		{	margin: 0;	 padding: 0;	list-style: none; background: url('menu-right-bottom.jpg') no-repeat left bottom; padding: 0 0 13px 0; }
	div#container div#right ul li		{	border-bottom: 1px SOLID #aaa287;	border-top: 1px SOLID #bcb498; height: 19px;	line-height: 19px;	padding: 0;	margin: 0;	 text-align: right;	}


	div#container div#right ul li	 a	{	height: 19px;display: block;	color: #434343;	 text-decoration: none;	padding: 0 5px 0 0;		}
	div#container div#right ul li	 a:hover	{	background: #c2bba1;	}




td.subtitle		{ background: url('middle-bg.jpg');  height:25px; #E5DFCA; color: #6E180C; font-family: verdana; font-size: 11px; font-weight: bold; letter-spacing: 5px; text-align: center;  letter-spacing: normal;}
td.subtitle2		{ background-color: #c7c0a6;  height:22px; #222222; color: #FFFFFF; font-family: verdana; font-size: 11px; font-weight: bold; letter-spacing: 5px; padding: 1px; text-align: center; border: 1px solid #e5dfca; letter-spacing: normal;}




td.maintxt2		{ border: 1px solid #e5dfca; background: #c7c0a6; font-size: 11px; font-family:"Verdana", Arial, Helvetica, Sans-serif; font-weight: normal; height: 23px;  padding: 2px; }
td.maintxt		{ border: 1px solid #e5dfca; background-color: #c7c0a6; font-size: 11px; font-family:"Verdana", Arial, Helvetica, Sans-serif; padding: 2px; }




td.subTitle		{ background: url('middle-bg.jpg');  height:25px; #E5DFCA; color: #6E180C; font-family: verdana; font-size: 11px; font-weight: bold; letter-spacing: 5px; padding: 1px; text-align: center; border: 1px solid #999999; letter-spacing: normal;}
td.subTitle2              { background-color: #DBD2B7; }


tr.licht {
	background-color: #e4dcc5;
}




a { color: #d10000; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }
ul { list-style: none; padding: 0; }




/* bottom */
div#bottom					{	height: 34px;	background: url('bottom.jpg') no-repeat; }
div#bottom p					{	margin: 0;	 line-height: 36px;	color: #e5dfca;	font-weight: bold;	text-align: center;	}
div#bottom p	 a				{	color: #e5dfca;	text-decoration: none;	}
div#bottom p	 a:hover	{	text-decoration: underline;	}

Toon Meer

Als ik de nieuwe doe krijg ik alleen bruine achtergrond,
Zonder de plaatjes ik heb de plaatjes ook geupload
Weet iemand het probleem?

Jesse.H · 21 Augustus 2009

Pas ook je html aan.

Nouja, als je dit niet eens zelf weet op te lossen moet je toch echt even HTML en dergelijke leren want dit slaat echt alles.

moneymen · 21 Augustus 2009

Citaat van Jesse

Pas ook je html aan.

Nouja, als je dit niet eens zelf weet op te lossen moet je toch echt even HTML en dergelijke leren want dit slaat echt alles.

Het is al verandert -_-"
Ik ben nu alle scripts aan het aanpassen

Jesse.H · 21 Augustus 2009

Je hoeft alleen de header en footer functie aan te passen en de ingame en outgame tpl's.

DNS update Directadmin

Graag advies voor mijn website

Ik wil op afstand studeren, kennen jullie Tech?

PC probleem

Let op Vimexx klanten

wie kan mij helpen met Security aanscherpen voor nmijn website

Ik ben op zoek naar een goede hosting

App bouwer gezocht

Dating software

250 Nieuwe domeinnamen April 2024

Xenforo buckaroo plugin

Layout veranderen

Participate now!

ING Nederland streeft naar ondersteuning van Google Pay tegen eind februari

Het Belang van Standaardisatie

De Revolutionaire Rol van IT in Alzheimeronderzoek

Functioneel ontwerp

Access Control List implementatie in PHP/MySQL - deel 1/2

Access Control List implementatie in PHP/MySQL - deel 2/2

Delen