Forum » Client-Side scripting » Achtergrondafbeelding
gofie
Berichten: 370
avatar
Offline Stuur privebericht
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 alvastnull
Laatst gewijzigd door Jannick op 2011-06-21 01:04:47
20-06-2011 23:47
Dit topic is 225 keer bekeken door 27 verschillende leden
Reacties op: "Achtergrondafbeelding"
1 | 2 Volgende pagina
Sourceshop
Alles wat u wenst op sour
Berichten: 697
avatar
Offline Stuur privébericht
html { background: #010000 url(background.png) repeat-y center; }

Ofwel kleur, foto, no-repeat, repeat-x, repeat-y, center, enz
20-06-2011 23:53
R.Jipping
R. Jipping
Berichten: 1596
avatar
Offline Stuur privébericht
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?

Code | Selecteer Alles
minimaliseren
1
2
3
4
body {
background-image: url('images/background.png');
background-repeat: no-repeat (of als het een pattern is repeat)
}
21-06-2011 00:04
gofie
Berichten: 370
avatar
Offline Stuur privébericht
geprobeert dat werkt niet
21-06-2011 00:11
R.Jipping
R. Jipping
Berichten: 1596
avatar
Offline Stuur privébericht
Mag ik zien op welke wijze je het probeert en hoe het er uit ziet?
21-06-2011 00:13
gofie
Berichten: 370
avatar
Offline Stuur privébericht
ik zal die css hier wel eve plaatsen hoop dat u me kan helpen
Code | Selecteer Alles
minimaliseren
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
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; }
21-06-2011 00:14
Sourceshop
Alles wat u wenst op sour
Berichten: 697
avatar
Offline Stuur privébericht
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
21-06-2011 00:19
gofie
Berichten: 370
avatar
Offline Stuur privébericht
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:
Code | Selecteer Alles
minimaliseren
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
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; }


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
21-06-2011 00:21
Malik
Berichten: 866
avatar
Offline Stuur privébericht
Code | Selecteer Alles
minimaliseren
1
2
background-image: #000 url('images/page_bg.gif');
background-repeat: no-repeat;
21-06-2011 08:47
gofie
Berichten: 370
avatar
Offline Stuur privébericht
Ja dat had ik er al.staan drm snap ik het niet
21-06-2011 09:54
Joshua
♥
Berichten: 2607
avatar
Offline Stuur privébericht
Heb je een online voorbeeld voor ons + evt. test account?
21-06-2011 09:57
Reageer op: "Achtergrondafbeelding"
1 | 2 Volgende pagina
Je kan niet reageren omdat je niet bent ingelogd. Inloggen of Aanmelden