Zmiana pozycji okienka "szukaj"
-
Popatrzcie na okienko „szukaj” (łącznie z ikonkami Faceboob, Twitter, itd).
Chciałem przenieść to trochę niżej, na pasek menu. Próbowałem edytować plik style.css i header.php, ale nie otrzymywałem efektu, który mnie interesował. Udało mi się przenieść to okienko niżej, jednak brzydko to wyglądało, a okienko dość mocno się wyróżniało (ponieważ miało inne tło). Próbowałem usunąć je poprzez usunięcie jednego hasła ze style.css, ale wtedy okienka nie dało się przenieść. Oto jak wyglądają kody odpowiedzialne za to okienko:
Header.php:
<div id="header_search"> <?php include (TEMPLATEPATH . '/searchform.php'); ?> <ul class="social_bookmarks"> <li class="rss"><a href="<?php echo $sue_feedburner;?>">RSS</a></li> <li class="email"><a href="<?php echo $sue_contact;?>">E-mail</a></li> <li class="twitter"><a href="http://www.twitter.com/<?php echo $sue_twitter;?>">Twitter</a></li> <li class="facebook"><a href="<?php echo $sue_facebook;?>">Facebook</a></li> <li class="flickr"><a href="<?php echo $sue_flickr;?>">Flickr</a></li> </ul><!-- end social_bookmarks--> </div> <!-- end header_search -->Style.css
/* -------------------- SEARCH -------------------- */ #header_search { background: url(images/bg-body.gif); position: absolute; clear: both; right:0px; padding: 10px 14px 10px 0px; top: 105px; width: 340px; border-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; } .social_bookmarks .rss a { background: url(images/rss.png) 0 0 no-repeat;} .social_bookmarks .email a { background: url(images/email.png) 0 0 no-repeat;} .social_bookmarks .twitter a { background: url(images/twitter.png) 0 0 no-repeat;} .social_bookmarks .facebook a { background: url(images/facebook.png) 0 0 no-repeat;} .social_bookmarks .flickr a { background: url(images/flickr.png) 0 0 no-repeat;} #header #s { background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #searchsubmit { background: transparent url(images/search.png) 2px center no-repeat; } #header #searchform { float: right; } #searchform, #searchform div { position: relative; } #header #searchsubmit { border:medium none; cursor:pointer; display:block; height:35px; outline:none; padding:0; position:absolute; text-indent:-9999px; width:35px; right:-6px; top:-6px; } #header #s { border: none; width: 200px; color: #555; top: 0; height: 15px; font-family: Myriad Pro, Geneva, Arial, Helvetica, Tahoma, sans-serif; } .social_bookmarks { border:none; display: block; float: right; list-style-type: none; list-style-position: outside; padding: 5px 5px 0 0; position: relative; z-index: 6; } .social_bookmarks li { float: left; margin: 0; width: 16px; padding: 0 7px 0 0; } .social_bookmarks li a { height: 16px; width: 16px; display: block; float: left; text-indent: -9999px; border: none; padding: 0; outline: none; }
Temat ‘Zmiana pozycji okienka "szukaj"’ jest zamknięty na nowe odpowiedzi.