Pasek informacyjny w stopce
-
Zachęcona szybkim rozwiązaniem mojego problemu z menu nad nagłówkiem przychodzę z pytaniem o pasek w stopce strony…podobny jak na stronie http://www.bakusiowo.pl/ 🙂 jeszcze raz wielkie dzięki za kazda pomoc!:)
-
w footer.php przed </body> dopisujesz sobie coś w ten deseń
<div id="footer2"> <div class="f2_left">LOGO - Copyright © <?php echo date('Y'); ?> strona. All rights reserved.</div> <div class="f2_right">MENU albo coś...</div> </div>A w stylach dorzucasz
#footer2{ position: relative; height: 50px; background-color: #ccc; color: #FFFFFF; font-size: 13px; } #footer2 .f2_left { float: left; width: 400px; margin: 10px; } #footer2 .f2_right { float: right; margin: 10px; }Znów ekspresowa porada!!! 🙂 wszystko zrobiłam krok po kroku i pięknie wygląda 🙂 A jeszcze mam pytanko jak zrobić żeby te odnośniki były aktywne np. do O NAS …chociaż tam dam do innej storny bo O NAS MAM u góry..albo kiedyś jak się „dorobie” to instagrama:)
Jak chcesz linki na sztywno, to dajesz po prostu
<a href="http://tutaj_adres_strony_o_nas">O nas</a>Możesz też wstawić tam menu analogicznie jak w górnym pasku …tylko zmieniasz nazwę menu i id diva w jakim ono będzie.
A tak na marginesie, polecam jakiś kurs podstaw html i css – jest tego na pęczki w google, a bardzo się przydaje taka wiedza.
Eh i znow nathcnelam się na podobny problem jak w nagłówku…Jak mogę zmieni czcionkę i kolor..? I nie wiem jak zmienić żeby nie było jako odnośnik podkreślone …próbowałam analagoicznie zmienić ul li jak a navigation ale mi nie wyszlo 🙁
wygląda to tak http://serwer1415225.home.pl/autoinstalator/wordpress/wp-content/uploads/2015/01/2.jpg#footer2 a { text-decoration:none; color:white; font-family:verdana; }Super 🙂 bez problemu udało mi się to zmienić 🙂
Zastanawiam się jeszcze,bo dodałam sobie stopke w ramce…i chciałabym ją dodatkowo oddzielić kreską wzdłuż całej strony, bo podobnie mam w nagłówku 🙂W nagłówku wstawiłam cos takiego
#navigation {
background: #EEEEEE;
float: left;
font-size: 16px;
width: 98%;
margin: 10px;
padding: 3px 3px 3px;
background-color: #FFF;
box-shadow: 0 1px 0px rgba(34, 25, 25, 0.4);
-moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
-webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
AA
max-width:80% !importanti wyszła mi taka fajna linia i nad nia menu
http://serwer1415225.home.pl/autoinstalator/wordpress/wp-content/uploads/2015/01/naglowek.pngKiedy dodaje taki kod to stopki to linia pojawia mi się też pod spodem…a chciałabym nad…? Tak jak tutaj
http://serwer1415225.home.pl/autoinstalator/wordpress/wp-content/uploads/2015/01/stopka.jpgz góry dziekuje za porade 🙂
PS. czy jest obowiązek umieszenia w stopce strony autora szablonu pobranego z wordpress??
w topie daj
-webkit-box-shadow: 1px 1px 3px 0px rgba(34, 25, 25, 0.4); -moz-box-shadow: 1px 1px 3px 0px rgba(34, 25, 25, 0.4); box-shadow: 1px 1px 3px 0px rgba(34, 25, 25, 0.4);w stopce
-webkit-box-shadow: 1px -1px 3px 0px rgba(34, 25, 25, 0.4); -moz-box-shadow: 1px -1px 3px 0px rgba(34, 25, 25, 0.4); box-shadow: 1px -1px 3px 0px rgba(34, 25, 25, 0.4);Zasadniczo nie.
To samo w dwóch miejscach..?
Popatrz jeszcze raz, bardziej uważnie.
Wszyscy już chyba wiedzą, że „prawie” robi różnicę.
Eh przepraszam 🙁 Wiem, że to ciężko pomagać takim „ciemnym masą ” jak ja… i pewnie nie raz się nasuwa myśl „rany kto to się bierze za te strony” jak bladego pojęcia nia mają ;)) I powiem szczerze, że ja już chwile przeglądam strony z html..ale ciężko mi idzie nie raz jednego znaku nie dam i dup* blada;/ i teraz tez chyba zle wkleiłam bo mi wyświeltlilo zamiast paska kod;/ jeszcze raz przepraszam, za moją „:nie kumatość ” ;)))
W stopce cos poknociłam i dałam chyba w złym miejscu …to ma być pomiędzy divami..?
W którym miejscu należy wkleić kod..? ..wiem znów rece opadają…
</div>
<div id=”footer”>
<div id=”footermenu”>
<h2>KATEGORIE</h2>
<div class=”content”>-
<?php wp_list_categories(’title_li=&show_count=0′); ?>
</div>
<h2>Archiwum</h2>
<div class=”content”>-
<?php wp_get_archives(’type=monthly’); ?>
</div>
<?php if ( !function_exists(’dynamic_sidebar’) || !dynamic_sidebar() ); ?>
<h2>Kontakt</h2>
<div class=”content”><p> kontakt@kubolinka.pl</p>
</div>
<?php
echo do_shortcode(„[metaslider id=224]”);
?></div>
</div></div>
<?php wp_footer()?>
<div id=”footer2″>
<div class=”f2_left”>Copyright © <?php echo date(’Y’); ?> KUBOLINKA. All rights reserved.</div>
<div class=”f2_right”></div>O nas</div></body>
</html>O nas dajesz…
<div class="f2_right">tutaj</div>Wyżej podane style dajesz w pliku style.css,
te pierwsze podmieniasz w #navigationte drugie podmieniasz dla #footer2
Podmieniłam i teraz a nagłówku zrobiła mi się ramka a w stopce jest inia i jeden bok…:(
Może znow cos zle wstawiłam
w navigation dałam#navigation {
background: #EEEEEE;
float: left;
font-size: 16px;
width: 98%;
margin: 10px;
padding: 3px 3px 3px;
background-color: #FFF;
-webkit-box-shadow: 1px 1px 3px 0px rgba(34, 25, 25, 0.4);
-moz-box-shadow: 1px 1px 3px 0px rgba(34, 25, 25, 0.4);
box-shadow: 1px 1px 3px 0px rgba(34, 25, 25, 0.4);
AA
max-width:80% !important}
#navigation ul {
margin: 0px 1px;
width: 960px;
}#navigation ul li {
float: left;
position: relative;
list-style-type:none
}a w stopce :
#footer2{
position: relative;
height: 100px;
background-color: #cccccc;
color: #888888;
font-size: 15px;
width: 98%;
margin: 10px;
padding: 3px 3px 3px;
background-color: #FFF;
-webkit-box-shadow: 1px -1px 3px 0px rgba(34, 25, 25, 0.4);
-moz-box-shadow: 1px -1px 3px 0px rgba(34, 25, 25, 0.4);
box-shadow: 1px -1px 3px 0px rgba(34, 25, 25, 0.4);}
#footer2 a {
text-decoration:none;
color:#FFFFFF;
font-family:”Trebuchet MS”;
}#footer2 .f2_left { float: left; width: 400px; margin: 1px; }
#footer2 .f2_right { float: right; margin: 4px; }
}A jak zrobić żeb był pasek taki jak u góry a jakiś 1 cm nizej szary pas ze stopką chcę w ten sposób oddzielić części bloga…chyba ze to zły pomysł…?
No wreszcie mi się udało 🙂 Dziekuje za pomoc 🙂
Temat ‘Pasek informacyjny w stopce’ jest zamknięty na nowe odpowiedzi.