Achtergrondafbeelding

gofie · 20 Juni 2011

beste cp

ik ben met me ingame bezig maar ik heb alles geprobeert maar ik kom er niet uit ik wil een plaatje op achtergrond.Normaal moet dat zo willen maar het wil gewoon niet ik snap er niks van wie kan me even helpen

bedankt alvasthttp://null

Sourceshop · 20 Juni 2011

html { background: #010000 url(background.png) repeat-y center; }

Ofwel kleur, foto, no-repeat, repeat-x, repeat-y, center, enz

R.Jipping · 21 Juni 2011

Dit is inderdaad een goede manier maar zelf ben ik niet zo fan van de manier waarop je het opbouwt. Probeer te werken met enters zodat je de code's overzichterlijk houdt.

Verder vraag ik me af als het een afbeelding is die simpel weg de hele background zou moeten vullen of als er daadwerkelijke een rand kleur om moet?

PHP

body {
background-image: url('images/background.png');
background-repeat: no-repeat (of als het een pattern is repeat)
}

gofie · 21 Juni 2011

geprobeert dat werkt niet

R.Jipping · 21 Juni 2011

Mag ik zien op welke wijze je het probeert en hoe het er uit ziet?

gofie · 21 Juni 2011

ik zal die css hier wel eve plaatsen hoop dat u me kan helpen

PHP

body			{
	background: #352D24;
	color: #000;
	font-family: verdana;
	font-size: 8pt;
	cursor: default;
	scrollbar-base-color: #352D24;
	scrollbar-3dlight-color: #352D24;
	scrollbar-arrow-color: #CCCCCC;
	scrollbar-darkshadow-color: #352D24;
	scrollbar-face-color: #4B3D32;
	scrollbar-highlight-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-track-color: #352D24;
}


a:link			{ color: #FFFFFF; font-family: "verdana"; font-size: 8pt; text-decoration: none; }


a:visited		{ color: #FFFFFF; font-family: "verdana"; font-size: 8pt; text-decoration: none; }
a:active		{ color: #FFFFFF; font-family: "verdana"; font-size: 8pt; text-decoration: none; }
a:hover			{ color: #0099FF; font-family: verdana; font-size: 8pt; text-decoration: none; }


td.maintxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #CCCCCC;
	background-color: #4B3D32;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #6F5A4A;
	border-right-color: #3E3428;
	border-bottom-color: #3E3428;
	border-left-color: #6F5A4A;
	padding: 2px;
	line-height: 15px;
}
table			{ color: #CCCCCC; font-family: verdana; font-size: 8pt; }
table.main		{ background: #4B3D32; color: #CCCCCC; font-family: verdana; font-size: 8pt; }
table.click		{ background: #4E6F81; color: #000000; font-family: Verdana; font-size: 11px; border: 1px solid #FFFFFF; }
td.subtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	background-color: #E0AF67;
	text-align: center;
	vertical-align: middle;
	height: 25px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #B4B4B4;
	border-right-color: #9C9B9B;
	border-bottom-color: #9C9B9B;
	border-left-color: #B4B4B4;
}




table.menu		{ 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #CCCCCC;
	background-color: #4B3D32;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #6F5A4A;
	border-right-color: #3E3428;
	border-bottom-color: #3E3428;
	border-left-color: #6F5A4A;
	padding: 2px;
	line-height: 18px;
	}
td.menuTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	background-color: #9C9B9B;
	background-image: url(images/menu.png);
	text-align: center;
	vertical-align: middle;
	height: 25px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #B4B4B4;
	border-right-color: #9C9B9B;
	border-bottom-color: #9C9B9B;
	border-left-color: #B4B4B4;
}
td.menuLink		{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #0F0;
	background-color: #4B3D32;
	padding: 2px;
	line-height: 10px;
	}
a.menu:link		{ color: #FFFFFF; font-family: "verdana"; font-size: 8pt; text-decoration: none; }
a.menu:visited		{ color: #FFFFFF; font-family: "verdana"; font-size: 8pt; text-decoration: none; }
a.menu:active		{ color: #FFFFFF; font-family: "verdana"; font-size: 8pt; text-decoration: none; }
a.menu:hover			{ color: #0099FF; font-family: verdana; font-size: 8pt; text-decoration: none; }

Toon Meer

Sourceshop · 21 Juni 2011

background: #352D24;
color: #000;

Waar staat het plaatje, er staat gewoon een kleur als achtergrond, wat heeft u zelf geprobeerd na onze uitleg?

background-image: url(images/menu.png);
Dit is niet voor de achtergrond

gofie · 21 Juni 2011

ja dat heb ik geprobeert maar heb hem terug gezet omdat ik hem nog niet gekopiert had ik zal dat wel even doen

Nieuwe reactie samengevoegd met originele reactie op 21.06.11 00:23:35:

PHP

body			{
	background-image: url('images/page_bg.gif');
    background-repeat: no-repeat (of als het een pattern is repeat)
	background: #352D24;
	color: #000;
	font-family: verdana;
	font-size: 8pt;
	cursor: default;
	scrollbar-base-color: #352D24;
	scrollbar-3dlight-color: #352D24;
	scrollbar-arrow-color: #CCCCCC;
	scrollbar-darkshadow-color: #352D24;
	scrollbar-face-color: #4B3D32;
	scrollbar-highlight-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-track-color: #352D24;
}


a:link			{ color: #FFFFFF; font-family: "verdana"; font-size: 8pt; text-decoration: none; }


a:visited		{ color: #FFFFFF; font-family: "verdana"; font-size: 8pt; text-decoration: none; }
a:active		{ color: #FFFFFF; font-family: "verdana"; font-size: 8pt; text-decoration: none; }
a:hover			{ color: #0099FF; font-family: verdana; font-size: 8pt; text-decoration: none; }


td.maintxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #CCCCCC;
	background-color: #4B3D32;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #6F5A4A;
	border-right-color: #3E3428;
	border-bottom-color: #3E3428;
	border-left-color: #6F5A4A;
	padding: 2px;
	line-height: 15px;
}
table			{ color: #CCCCCC; font-family: verdana; font-size: 8pt; }
table.main		{ background: #4B3D32; color: #CCCCCC; font-family: verdana; font-size: 8pt; }
table.click		{ background: #4E6F81; color: #000000; font-family: Verdana; font-size: 11px; border: 1px solid #FFFFFF; }
td.subtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	background-color: #E0AF67;
	text-align: center;
	vertical-align: middle;
	height: 25px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #B4B4B4;
	border-right-color: #9C9B9B;
	border-bottom-color: #9C9B9B;
	border-left-color: #B4B4B4;
}




table.menu		{ 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #CCCCCC;
	background-color: #4B3D32;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #6F5A4A;
	border-right-color: #3E3428;
	border-bottom-color: #3E3428;
	border-left-color: #6F5A4A;
	padding: 2px;
	line-height: 18px;
	}
td.menuTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	background-color: #9C9B9B;
	background-image: url(images/menu.png);
	text-align: center;
	vertical-align: middle;
	height: 25px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #B4B4B4;
	border-right-color: #9C9B9B;
	border-bottom-color: #9C9B9B;
	border-left-color: #B4B4B4;
}
td.menuLink		{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #0F0;
	background-color: #4B3D32;
	padding: 2px;
	line-height: 10px;
	}
a.menu:link		{ color: #FFFFFF; font-family: "verdana"; font-size: 8pt; text-decoration: none; }
a.menu:visited		{ color: #FFFFFF; font-family: "verdana"; font-size: 8pt; text-decoration: none; }
a.menu:active		{ color: #FFFFFF; font-family: "verdana"; font-size: 8pt; text-decoration: none; }
a.menu:hover			{ color: #0099FF; font-family: verdana; font-size: 8pt; text-decoration: none; }

Toon Meer

Nieuwe reactie samengevoegd met originele reactie op 21.06.11 00:28:47:
ik heb hem nu op achtergrond maar nu in 2 vlakken dit heb ik er in gezet

background:#000000 url(../images/page_bg.gif); toen pakte hij hem wel raar hoor

Malik · 21 Juni 2011

PHP

background-image: #000 url('images/page_bg.gif');
background-repeat: no-repeat;

gofie · 21 Juni 2011

Ja dat had ik er al.staan drm snap ik het niet

Joshua · 21 Juni 2011

Heb je een online voorbeeld voor ons + evt. test account?

gofie · 21 Juni 2011

[offtopic][/offtopic]k heb hem online staan ma nog geen test acc ik zal die.als.ik thuis ben aanmaken maar sourshop heeft er wel een acc op

Malik · 21 Juni 2011

PHP

background-image: #000 url('images/page_bg.gif');
background-repeat: repeat;

probeer dit is..

==
Volgens mij bedoel je dat hij het goed moet tonen en met die achtergrond moet hij aan 2-kanten worden herhaalt. Horizontaal en verticaal.

tester | test (login)

Luc · 21 Juni 2011

PHP

background-image: url('images/page_bg.gif');
background-repeat: no-repeat;
background-color: #000;

Deze werkt bij mij ook altijd, dus zal bij jou ook moeten werken..

gofie · 21 Juni 2011

Nee als je inlogt marik en je gaat naar onder zie je dat midderste is niet gelijk als jr snapt wat ik bedoel

Partner Gezocht om meerdere NFT Collecties op Open Sea te Plaatsen

Plesk installer

cpanel / whm themes

PHP Point of Sale

Probleem omtrent Tinymce

Kunnen jullie mij helpen met deze enquete

een eigen cloud sever

Probleem C++ en CL

193 Nieuwe domeinnamen April 2025

228 Nieuwe domeinnamen Maart 2025

285 Nieuwe domeinnamen Februari 2025

Achtergrondafbeelding

Participate now!

Fijne feestdagen

Kritieke update voor Really Simple Security-plug-in

ING Nederland streeft naar ondersteuning van Google Pay tegen eind februari

Functioneel ontwerp

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

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

Delen

Gebruikers die dit topic bekijken