09-12-2012, 02:44 PM
Herkese iyi forumlar modifiye işlemim sırasında bir noktada baya bocaladım... Şuanki modifiye işlemim searchbox arama yeri üzerinde ama bir türlü css i oturtamadım gitti .. Orjinal dosyasında sorun yok ama headerda düzenlemeler yapmak istedim Dengesiz bir görüntü çıktı srun nerde olabilir. Dosyanın Orjinal ektedir.
stylesheet.css eklediğim kod
Header.tpl de editleme yaptığım yer
stylesheet.css eklediğim kod
PHP Kod:
/* Search Fields */
.search-wrapper {
width: 370px;
height: 35px;
background: #E0E0E0;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9E9E9', endColorstr='#D7D7D7');
background: -webkit-gradient(linear, left top, left bottom, from(#E9E9E9), to(#D7D7D7));
background: -moz-linear-gradient(top, #E9E9E9, #D7D7D7);
padding: 8px;
-webkit-box-shadow: inset 0px 2px 2px #B2B3B5, 0px 1px 0 #fff;
-moz-box-shadow: inset 0px 2px 2px #B2B3B5, 0px 1px 0 #fff;
-o-box-shadow: inset 0px 2px 2px #B2B3B5, 0px 1px 0 #fff;
-khtml-box-shadow: inset 0px 2px 2px #B2B3B5, 0px 1px 0 #fff;
box-shadow: inset 0px 2px 2px #B2B3B5, 0px 1px 0 #fff;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-o-border-radius: 50px;
-khtml-border-radius: 50px;
border-radius: 50px;
margin-bottom: 20px;
}
input.search-field {
display: block;
width: 255px;
height: 35px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
color: #ACACAC;
text-align: left;
line-height: 34px;
text-decoration: none;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-o-border-radius: 50px;
-khtml-border-radius: 50px;
border-radius: 50px;
border: none;
font-weight: normal;
float: left;
padding: 0 10px;
background: #F5F5F5;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3F3F3', endColorstr='#FFFFFF');
background: -webkit-gradient(linear, left top, left bottom, from(#F3F3F3), to(#FFFFFF));
background: -moz-linear-gradient(top, #F3F3F3, #FFFFFF);
-webkit-box-shadow: inset 0px 1px 1px #9A9A9A;
-moz-box-shadow: inset 0px 1px 1px #9A9A9A;
-o-box-shadow: inset 0px 1px 1px #9A9A9A;
-khtml-box-shadow: inset 0px 1px 1px #9A9A9A;
box-shadow: inset 0px 1px 1px #9A9A9A;
}
input.search-field:focus {
color: #666;
outline: none;
-webkit-box-shadow: inset 0px 1px 1px #4A97BA, inset 0px -1px 1px #4A97BA, 0 0 8px #4A97BA;
-moz-box-shadow: inset 0px 1px 1px #4A97BA, inset 0px -1px 1px #4A97BA, 0 0 8px #4A97BA;
-o-box-shadow: inset 0px 1px 1px #4A97BA, inset 0px -1px 1px #4A97BA, 0 0 8px #4A97BA;
-khtml-box-shadow: inset 0px 1px 1px #4A97BA, inset 0px -1px 1px #4A97BA, 0 0 8px #4A97BA;
box-shadow: inset 0px 1px 1px #4A97BA, inset 0px -1px 1px #4A97BA, 0 0 8px #4A97BA;
}
input.search-button {
display: block;
width: 85px;
height: 35px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
text-align: center;
line-height: 34px;
text-decoration: none;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-o-border-radius: 50px;
-khtml-border-radius: 50px;
border-radius: 50px;
font-weight: bold;
border: none;
padding: 0;
float: right;
cursor: pointer;
}
Header.tpl de editleme yaptığım yer
PHP Kod:
<div></div>
<?php if ($filter_name) { ?>
<form class="search-wrapper"><input type="text" name="filter_name" class="search-field"value="<?php echo $filter_name; ?>" /> <input type="submit" class="search-button light" value="search" />
<?php } else { ?>
<input type="text" name="filter_name"class="search-field" value="<?php echo $text_search; ?>" onclick="this.value = '';" onkeydown="this.style.color = '#000000';" /> <input type="submit" class="search-button light" value="search" />
<?php } ?></form>
</div>