Forum » Server-Side scripting » 2 achtergronden (php/css)
h4x0r666
Just An Epic Guy <3
Berichten: 629
avatar
Offline Stuur privebericht
LET MAAR NIET OP DAT EXTRA RUIMTE PROBLEEMPJE WANT DAT IS AL GEFIXT THXX Nu de achtergronde nog lol..

heeft iemand enig idee hoe ik 2 achtergronden kan gebruike via php of in index-style.css??
want ik heb alles geprobeert nouja dat denk ik teminste .. om die 2 achtergronde erop te krijge.. en als ik het in een html bestand doe, dan lukt het wel nou waarom lukt het niet in me php bestand wat moet ik nou doen ik weet het niet! ik zit nou al dagen naar die oplossing te zoeken..

wat ik wil:
ik wil in mijn index een plaatje hebben in het midden en omdat die niet groot genoeg is wil ik daar achter nog eentje die zich verdubbelt zodat er altijd iets is.. mja hoe is de vraag

in php lukt het me niet maar in html wel .. wrm weet ik niet en het verschil snap ik niet lol
ik heb de html bestandje samen met mijn index.php en index-style.css geupload
want ik weet zelf niet wat of welke ik nou moet veranderen.. die html bestandje laat zien hoe ik het graag wil
en de code zit er al in enzo maar bij mij werkt het niet in mijn index.php of de css bestand hmm of ik doe het niet goed plies help mij

hier is de download link: http://www.easy-share.com/1913880437/H2KVoorbeeld.rar
als die het niet doet moet je maar ff zeggen dan upload ik hem opnieuw.

10000000 MAAL BEDANKT ALS JE HET KAN OPLOSSEN!!
Mvg. H4x0r666
Laatst gewijzigd door h4x0r666 op 2011-02-20 03:00:37
16-02-2011 01:58
Dit topic is 337 keer bekeken door 58 verschillende leden
Reacties op: "2 achtergronden (php/css)"
1
Webbasing
Berichten: 317
avatar
Offline Stuur privébericht
Kan je niet gewoon de link geven van het online voorbeeld?
16-02-2011 01:59
Ferhat.Remory
<?/ $me=Android ?>
Berichten: 1713
avatar
Offline Stuur privébericht
je maakt een div voor je ene dus bv je content en de andere laad je als body achtergrond? Misschien werkt dat ?
16-02-2011 07:34
h4x0r666
Just An Epic Guy <3
Berichten: 629
avatar
Offline Stuur privébericht
okey hier is de screen van wat ik wou laten zien:
Afbeelding
en voor de klikkers
http://img841.imageshack.us/img841/1805/h2kscreen.jpg
en dit is de code die ik ervoor gebruik:
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>H2K Example</title>
<style type="text/css">
body {
    padding: 0;
    margin: 0;
    background: #d39c5c url(images/rmcbg.gif);
    color: #333333;
}
#wrapper {
    background: url(images/h2klayout.png) no-repeat center top;
    width: 100%;
    display: table;
}
#content {
    width: 800px;
    margin: 210px auto 0;
    background: #fff;
    border: solid 1px #ccc;
    padding: 20px;
}
h1 {
    margin: 0;
    padding: 0;
}
</style>
</head>

<body>
<div id="wrapper">

    <div id="content">
        <h1><p>Layout Style for <a href="http://www.h4ck2kill.exofire.net">H2K</a></p></h1>
        <img src="images/h2kpic2.jpg" alt="H2K COLUMN" />
        <p style="padding-bottom: 800px"> </p>
    </div>

</div>
</body>
</html>

en dit is mijn index-style.css:
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
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
body {
    background-color: #313131;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}
form {
    margin: 0;
    padding: 0;
}
label {
    float: left;
    width: 100px;
    margin-right: 15px;
}

form.formaanmelden label {
    float: left;
    width: 135px;
    margin-right: 15px;
}

.checkbox {
    margin: 0;
}
#container {
    width: 680px;
    margin: 0px auto;
}
#header {
    padding: 8px 5px 0px 5px;
    background-image: url(/images/topic.gif);
    border: 1px solid #000000;
    height: 20px;
}
p#links {
    margin: 0px;
    float: right;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 10px;
}
p#rechts_small {
    margin: 0px;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 10px;
}
a.underline:link, a.underline:visited {
    color: #FFFFFF;
    text-decoration: none;
}

a.underline:hover, a.underline:active {
    text-decoration: underline;
    color: #FFFFFF;
}
#banner {
    background: url(bgg3.jpg) ;
    border: 1px solid #000000;
    border-top: 0;
}

#banner_content {
    background-image: url(/images/header.gif);
    height: 100px;
}
#container_linker_menu {
    margin: 0;
    width: 175px;
    float: left;
}

.titel_kop {
    margin: 0;
    padding: 5px 0 0 4px;
    background-image:url(/images/menu_titel.gif);
    height: 21px;
    border: 1px solid #000000;
    border-top: 0;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    font-size: 11px;
}

.linker_menu {
    background: url(bgg3.jpg);
    border: 1px solid #000000;
    border-top: 0;
}
ul {
    margin: 0;
    padding-top: 2px;
    list-style-type: none;
    font-size: 11px;
    color: #FFFFFF;
    padding-left: 3px;
    padding-bottom: 3px;
}
li {
    list-style-type:none;
}

li a:link, a:visited, a:hover, a:active {
    color: #FFFFFF;
    text-decoration: none;
}
#container_content {
    margin: 0;
    width: 504px;
    float: right;
}
.content_titel {
    background-image: url(/images/topic.gif);
    height: 21px;
    padding: 5px 0 0 4px;
    border: 1px solid #000000;
    border-top: 0;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 11px;
}

.content
{
    background-color: #202020;
    border: 1px solid #000000;
    border-top: 0;
    margin-right: auto;
    padding: 2px 2px 2px 2px;
    font-size: 11px;
    color: #FFFFFF;
}
input.veld {
    background-color: #FFFFFF;
    border: 1px solid #000000;
    font-family: Verdana;
    font-size: 11px;
    color: #000000;
    height: 13px;
}
input.submit {
    background-color: #FFFFFF;
    border: 1px solid #000000;
    font-family: Verdana;
    font-size: 1em;
    color: #000000;
    height: 19px;
    margin-left: 4px;
}
.clear {
    clear: both;
}
.submit_content {
    background-color: #202020;
    border: 1px solid #000000;
    border-top: 0;
    margin-right: auto;
    padding: 2px 2px 2px 2px;
    font-size: 11px;
    color: #FFFFFF;
}
#footer {
    width: 668px;
    margin-top: 1px;
    padding: 8px 5px 0 5px;
    border: 1px solid #000000;
    background-image: url(/images/menu_titel.gif);
    height: 20px;
    float: right;
}
p#footer_txt_links {
    margin: 0px;
    float: right;
    color: #FFFFFF;
    font-size: 10px;
}
p#footer_txt_rechts {
    margin: 0px;
    color: #FFFFFF;
    font-size: 10px;
    
}

TD.subTitle {
    background-image: url(/images/topic.gif); BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 8pt; BORDER-LEFT: #000000 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: "verdana"; LETTER-SPACING: 5px; TEXT-ALIGN: center}

en voor me index.php moet je maar ff downloade want die is te groot om hier neer te zetten
16-02-2011 10:21
FrankY
Berichten: 552
avatar
Offline Stuur privébericht
Je gebruikt iframe, dus dat content groter maken zit in de index, als je de index even op Plaatscode.be zet. kun je die daar ook weer wijzigen en af halen.
16-02-2011 15:45
BrokenTrack
Informatica Student
Berichten: 1406
avatar
Offline Stuur privébericht
Gebruik hoe dan ook geen iframe!
16-02-2011 16:17
h4x0r666
Just An Epic Guy <3
Berichten: 629
avatar
Offline Stuur privébericht
Quote: FrankY

Je gebruikt iframe, dus dat content groter maken zit in de index, als je de index even op Plaatscode.be zet. kun je die daar ook weer wijzigen en af halen.


ja ik verander mijn scripts gewoon via Notepad2 dus plaatscode.be heb ik niet nodig tenzij ik het wil delen: http://plaatscode.be/140689/ .. mja iframe wat maakt het uit..? en waarom is dat niet goed.. hoe moet het anders? btw weet iemand al hoe ik dat moet doen voor die 2 achtergronden ik ben zoo blij als het werkt want mij lukt het niet
16-02-2011 18:43
L.Groot
Rapifia Europe
Berichten: 3716
avatar
Offline Stuur privébericht
IFrames zijn zó 2004..
Tegenwoordig gebruikt iedereen Div's met CSS of jQuery..
16-02-2011 22:24
h4x0r666
Just An Epic Guy <3
Berichten: 629
avatar
Offline Stuur privébericht
Vreemd als ik dit in mijn index.php doe .. onderaan zodat het in mijn startpagina komt dan komt mijn achtergrond er .. maar vreemd genoeg een klein tikkie naar beneden.. en daarachter zit de 2de plaatje die eigenlijk zich zou moeten repeaten maar dat doet hij niet.. mja opzich is dit de eerste keer dat ik bijde plaatjes te zien krijg hmm.. damn ik wil zo graag dat het me lukt, dit is die code^^

Code | Selecteer Alles
minimaliseren
1
2
3
4
5
6
7
8
9
<style type="text/css"> 
#h2kbg { 
    background: url(images/h2klayout.png) no-repeat center top; 
    width: 100%; 
} 
</style> 
</head> 
<body onLoad="start()" style="background-image: url('images/rmcbg.gif')"> 
<div id="h2kbg">
16-02-2011 23:24
Willem
Berichten: 3274
avatar
Offline Stuur privébericht
Bump op aanvraag
Topic Starter
01-03-2011 10:51
Reageer op: "2 achtergronden (php/css)"
1
Je kan niet reageren omdat je niet bent ingelogd. Inloggen of Aanmelden