Blokken naast elkaar
Het gaat om de add2.php en add3.php en add4.php. in deze bestanden staat nu alleen nog een simpele text die ik later dus wil gaan opvullen
PHP code:
Code (php)
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
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
<?PHP
<div id="frontpage">
<div id="fpleft">
<div id="searchfp">
[code]<?php include('includes/searchform.php'); ?>
</div>
<div id="fplisting">
<div id="center">
<?php
include('includes/add2.php');
include('includes/add3.php');
include('includes/add4.php')
?>
</div>
<div id="fpright">
<?php
//print content if exsists
if(!empty($frontpText))
echo '<div id="contentfp">'.$frontpText.'</div>';
?>
<?php
//print banners on frontpage
echo $bannboxFP
?>
</div>
<br class="clear" />
</div>
?>
<div id="frontpage">
<div id="fpleft">
<div id="searchfp">
[code]<?php include('includes/searchform.php'); ?>
</div>
<div id="fplisting">
<div id="center">
<?php
include('includes/add2.php');
include('includes/add3.php');
include('includes/add4.php')
?>
</div>
<div id="fpright">
<?php
//print content if exsists
if(!empty($frontpText))
echo '<div id="contentfp">'.$frontpText.'</div>';
?>
<?php
//print banners on frontpage
echo $bannboxFP
?>
</div>
<br class="clear" />
</div>
?>
CSS code:
Code (php)
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
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
<?PHP
#frontpage #fpleft #fplisting{
background:#fff url(../images/web_images/soldby_bg_old.png) bottom right no-repeat;
margin-bottom:15px;
padding:14px;
border:1px solid #d9d9d9;
height:370px;
width:650px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border:1px solid #;
}
#frontpage #fpleft #fplisting .title{
display:block;
color:#<?php echo $css_color['value6'] ?>;
font-size:2.2em;
margin-bottom:15px;
border-bottom:1px solid #d9d9d9;
}
#frontpage #fpleft #fplisting .fpitem{
width:120px;
border:1px solid #eee;
margin:0 8px 16px 8px;
padding:10px;
font-size:0.9em;
float:center;
height:130px;
overflow:hidden;
cursor:pointer;
text-align:center;
background:#fff
}
#frontpage #fpleft #fplisting .fpitem:hover{
border:1px solid #d9d9d9;
}
#frontpage #fpleft #fplisting .fpitem span{
display:block;
margin-bottom:6px;
}
#frontpage #fpleft #fplisting .fpitem .cb{
font-weight:bold;
color:#<?php echo $css_color['value'] ?>
}
#frontpage #fpleft #fplisting .fpitem .pb{
color:#<?php echo $css_color['value6'] ?>
}
#frontpage #fpleft #center{
background:#fff url(../images/web_images/soldby_bg_old.png) bottom right no-repeat;
margin-bottom:15px;
padding:14px;
border:1px solid #d9d9d9;
height:370px;
width:200px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border:1px solid #;
}
#frontpage #fpleft #center .title{
display:none;
color:#<?php echo $css_color['value6'] ?>;
font-size:2.2em;
margin-bottom:15px;
border-bottom:1px solid #d9d9d9;
}
#frontpage #fpleft #center .fpitem{
width:120px;
border:1px solid #eee;
margin:0 8px 16px 8px;
padding:10px;
font-size:0.9em;
float:center;
height:130px;
overflow:hidden;
cursor:pointer;
text-align:center;
background:#fff
}
#frontpage #fpleft #center .fpitem:hover{
border:1px solid #d9d9d9;
}
#frontpage #fpleft #center .fpitem span{
display:none;
margin-bottom:6px;
}
#frontpage #fpleft #center .fpitem .cb{
font-weight:bold;
color:#<?php echo $css_color['value'] ?>
}
#frontpage #fpleft #center .fpitem .pb{
color:#<?php echo $css_color['value6'] ?>
}
?>
#frontpage #fpleft #fplisting{
background:#fff url(../images/web_images/soldby_bg_old.png) bottom right no-repeat;
margin-bottom:15px;
padding:14px;
border:1px solid #d9d9d9;
height:370px;
width:650px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border:1px solid #;
}
#frontpage #fpleft #fplisting .title{
display:block;
color:#<?php echo $css_color['value6'] ?>;
font-size:2.2em;
margin-bottom:15px;
border-bottom:1px solid #d9d9d9;
}
#frontpage #fpleft #fplisting .fpitem{
width:120px;
border:1px solid #eee;
margin:0 8px 16px 8px;
padding:10px;
font-size:0.9em;
float:center;
height:130px;
overflow:hidden;
cursor:pointer;
text-align:center;
background:#fff
}
#frontpage #fpleft #fplisting .fpitem:hover{
border:1px solid #d9d9d9;
}
#frontpage #fpleft #fplisting .fpitem span{
display:block;
margin-bottom:6px;
}
#frontpage #fpleft #fplisting .fpitem .cb{
font-weight:bold;
color:#<?php echo $css_color['value'] ?>
}
#frontpage #fpleft #fplisting .fpitem .pb{
color:#<?php echo $css_color['value6'] ?>
}
#frontpage #fpleft #center{
background:#fff url(../images/web_images/soldby_bg_old.png) bottom right no-repeat;
margin-bottom:15px;
padding:14px;
border:1px solid #d9d9d9;
height:370px;
width:200px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border:1px solid #;
}
#frontpage #fpleft #center .title{
display:none;
color:#<?php echo $css_color['value6'] ?>;
font-size:2.2em;
margin-bottom:15px;
border-bottom:1px solid #d9d9d9;
}
#frontpage #fpleft #center .fpitem{
width:120px;
border:1px solid #eee;
margin:0 8px 16px 8px;
padding:10px;
font-size:0.9em;
float:center;
height:130px;
overflow:hidden;
cursor:pointer;
text-align:center;
background:#fff
}
#frontpage #fpleft #center .fpitem:hover{
border:1px solid #d9d9d9;
}
#frontpage #fpleft #center .fpitem span{
display:none;
margin-bottom:6px;
}
#frontpage #fpleft #center .fpitem .cb{
font-weight:bold;
color:#<?php echo $css_color['value'] ?>
}
#frontpage #fpleft #center .fpitem .pb{
color:#<?php echo $css_color['value6'] ?>
}
?>
Mocht er iets onduidelijk zijn dan hoor ik het graag!
alvast bedankt!
Gewijzigd op 07/02/2014 21:57:13 door RobertJan Kempink
