Layout veranderen

moneymen

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

Psd bestand gewoon simpel in photoshop

moneymen

Citaat van stephen

Psd bestand gewoon simpel in photoshop

Ik bedoel een hele anderen layout;)

Maar toch bedankt voor je idee

alexruter

Mensen, hij ebdoeld de layout van Criminolz.

stephen

Uhm mischien wat meer informatie

DeWilde

De .css veronderstel ik

Frenzo

nee de out/ingame.tpl

NVBWebsites

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

moneymen

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;
}

Meer tonen

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;	}

Meer tonen

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

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

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

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

ICTscripters

Dé plek voor IT

Dé plek voor IT

Herkent deze Notion-structuurscan echte problemen?

🚀 WE ZOEKEN TESTERS! 🚀

Port Father: beta van een browsergame in Antwerpen 1931, feedback welkom

Luchtvaartsoftware: Hoe technologie de moderne luchtvaart verandert

Hoe gebruiken jullie WhatsApp voor marketing en klantopvolging?

[PROJECT] Gamekeuring.nl - Hét onafhankelijke keuringsplatform voor maffiagames & RPG's!

Ictscripters / Koen

Kweekrijk - van stekje tot Imperium

Verschillende domeinen te koop (sommige hebben website / content)

295 Nieuwe Domeinnamen September 2026

Straatbaas.eu – complete Nederlandstalige en Engelstalige online maffia-RPG

Layout veranderen

Registratie

Functioneel ontwerp

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

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

Gebruikers die dit topic bekijken