zoekformulier aanpassen aan lay out

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Tom berens

tom berens

12/03/2013 20:05:37
Quote Anchor link
Hallo,

Na lang proberen heb ik toch besloten om hier een post te doen.
Ben nog een beginner met html en css.

Wat ik probeer te doen is mijn werkend .php zoekformulier aan te passen op mijn lay out.
Dit zijn de codes:

.CSS ////// LAY OUT
Code (php)
PHP script in nieuw venster Selecteer het PHP script
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
/* search widget */
#searchform {
    position:relative;
}
#searchform .bgsearch {
}
#searchform #s {
    width:85%;
    padding:8px 5px !important;
    border:0;
    color:#999;
    background-color:#efefef;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}
#searchform #s2 {
    width:100%;
    margin-top:12px;
    padding:7px 5px 8px!important;
    border:0;
    color:#999;
    background-color:#fff;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    font-size:12px;
    float:right;
    box-shadow:inset 0 0 10px #eee, 0px 0px 0px #aaaaaa;
    -khtml-box-shadow:inset 0 0 10px #eee, 0px 0px 0px #aaaaaa;
    -moz-box-shadow:inset 0 0 10px #eee, 0px 0px 0px #aaaaaa;
    -ms-box-shadow:inset 0 0 10px #eee, 0px 0px 0px #aaaaaa;
    -o-box-shadow:inset 0 0 10px #eee, 0px 0px 0px #aaaaaa;
    -webkit-box-shadow:inset 0 0 10px #eee, 0px 0px 0px #aaaaaa;
}
.searchbutton {
    background: url(../images/icon_search.png) no-repeat right center !important;
    border:0 !important;
    width:20px;
    height:17px;
    position:absolute;
    z-index:11111111111;
    left:215px;
    top:6px;
    cursor:pointer;
}
.searchbutton2 {
    background: url(../images/icon_search.png) no-repeat right center !important;
    border:0 !important;
    width:20px;
    height:17px;
    position:absolute;
    z-index:11111111111;
    left:158px;
    top:17px;
    cursor:pointer;
}

.ads {
    float:left;
    margin:0 20px 15px 0
}
.alignleft {
    float:left;
    margin-right:15px;
}
.tag-cloud {
    width:100%;
    float:left;
    margin:0px 0 30px;
}
.tag-cloud a, .tag-cloud a:visited {
    font-size:11px;
    display:block;
    color:#666;
    background-color:#ddd;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    text-decoration:none;
    float:left;
    margin:0 6px 7px 0;
    padding:4px 12px 4px 12px;
}
.tag-cloud a:hover {
    font-size:11px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
    display:block;
    color:#fff;
    background-color:#8cbd2e;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    text-decoration:none;
    float:left;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;



HTML LAY OUT formulier/////
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
<form method="get" id="searchform" action="#">              <div class="bgsearch">                <input type="text" name="s" id="s2" value="Site Search..." onFocus="if (this.value == 'Site Search...')this.value = '';" onBlur="if (this.value == '')this.value = 'Site Search...';" />                <input type="submit" class="searchbutton2" value="" />  



WERKENDE HTML BODY ////////

<form method="get" action="index.php" onsubmit="return formcheck_onsend('quicksearch');">
<input name="action" type="hidden" value="search" /><input name="all" type="hidden" value="true" /><input name="order" type="hidden" value="1" /><input name="r" type="hidden" value="50" /><input name="site" type="hidden" value="search" />
<div style="float:left; padding-right:2px;"><input id="quicksearch" style="width:100px;" name="text" type="text" value="%search_term%..." onfocus="if(this.value == '%search_term%...')this.value=''" /></div>
<input type="submit" value="%submit%" />
</form>


Ik hoop dat jullie mij verder kunnen helpen, heb diverse dingen geprobeerd. Kom er echter niet uit.

Alvast bedankt!

Graag in het vervolg bij code, [code] [/code] tags gebruiken.[/modedit]
Gewijzigd op 13/03/2013 12:22:42 door Bas IJzelendoorn
 
PHP hulp

PHP hulp

25/04/2024 21:26:05
 
Ivo Breeden

Ivo Breeden

12/03/2013 22:02:52
Quote Anchor link
Hallo Tom, dat is een hele lap code. Maar wat is nu eigenlijk je vraag? Je wilt het formulier aanpassen aan je layout. Maar wat is je layout? Wat werkt er dan niet? Graag wat concreter.
Je hebt een bepaalde layout in gedachten. Je hebt een CSS rule en die doet niet wat je verwacht. Post dan alleen die rule en je code van je formulier. Dan kunnen we helpen.
 
Tom berens

tom berens

13/03/2013 11:51:38
Quote Anchor link
Hoi Ivo,

Ik heb een werkend systeempje zonder lay out, dit werkt op mijn script ( mijn zoek script. )
Echter zou ik dit graag aanpassen naar een reeds gemaakte opmaak van een zoekformulier.

Met vriendelijke groeten,
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.