Zobacz 15 odpowiedzi - od 1 do 15 (z 16 łącznie)
  • w footer.php przed </body> dopisujesz sobie coś w ten deseń

    <div id="footer2">
     <div class="f2_left">LOGO - Copyright &copy; <?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; }

    Twórca wątku kubolinkablog

    (@kubolinkablog)

    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.

    Twórca wątku kubolinkablog

    (@kubolinkablog)

    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;
    }
    Twórca wątku kubolinkablog

    (@kubolinkablog)

    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% !important

    i wyszła mi taka fajna linia i nad nia menu
    http://serwer1415225.home.pl/autoinstalator/wordpress/wp-content/uploads/2015/01/naglowek.png

    Kiedy 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.jpg

    z 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.

    Twórca wątku kubolinkablog

    (@kubolinkablog)

    To samo w dwóch miejscach..?

    Popatrz jeszcze raz, bardziej uważnie.

    Wszyscy już chyba wiedzą, że „prawie” robi różnicę.

    Twórca wątku kubolinkablog

    (@kubolinkablog)

    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ść ” ;)))

    Twórca wątku kubolinkablog

    (@kubolinkablog)

    W stopce cos poknociłam i dałam chyba w złym miejscu …to ma być pomiędzy divami..?

    Twórca wątku kubolinkablog

    (@kubolinkablog)

    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 #navigation

    te drugie podmieniasz dla #footer2

    Twórca wątku kubolinkablog

    (@kubolinkablog)

    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ł…?

    Twórca wątku kubolinkablog

    (@kubolinkablog)

    No wreszcie mi się udało 🙂 Dziekuje za pomoc 🙂

Zobacz 15 odpowiedzi - od 1 do 15 (z 16 łącznie)

Temat ‘Pasek informacyjny w stopce’ jest zamknięty na nowe odpowiedzi.