Webboard

Pełna wersja: Stopka.
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Mógłby ktoś zrobić mi taką stopkę jak na http://csghost.pl/ na ich przedstronie?
Kod:
<footer id="footer">
        <div class="container">
            <div class="row">

                <div class="col-sm-12">

                    <ul class="social-links">
                        <li><a class="wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;" href="https://www.facebook.com/counterstrike.goldenshoot/"><i class="fa fa-facebook"></i></a></li>
                        <li><a class="wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp; animation-delay: 0.2s;" href="http://steamcommunity.com/groups/goldenshootcs" data-wow-delay=".2s"><i class="fa fa-steam"></i></a></li>
                    </ul>

                   <p class="copyright">
                       © 2015-2016
                        <br>CsGhost.pl &amp; All Rights Reserved
                        <br>Designed by <a href="gg:36494481/">ex0</a>
                    </p>

                </div>

            </div><!-- .row -->
        </div><!-- .container -->
    </footer>
CSS:
Kod:
#footer {
   background: #222;
   text-align: center;
   padding: 40px 0;
   color: #fff;
}


Kod:
.container {
   width: 1170px;
}


Kod:
.row {
   margin-right: -15px;
   margin-left: -15px;
}



Kod:
.social-links {
   list-style: none;
   padding: 0;
   margin: 0 0 20px;
}
Kod:
/*media screen*/
.social-links a {
   width: 36px;
   height: 36px;
   display: block;
   line-height: 35px;
   text-align: center;
   border: 1px solid rgba(255, 255, 255, .1);
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   font-size: 14px;
   color: rgba(255, 255, 255, 0.2);
}

Kod:
/*media screen*/
.copyright {
   margin: 0;
}
A jak rozciagnac to na cala strone? Bo mam cos takiego:

[Obrazek: 8274914609202171057185.png]

I dac te facebook i steam na srodek? I zmniejszyc szerokosc w pionie? :D
Zapewne w
Kod:
.container {
    width: 1170px;
}
Edytuje to i nic sie nie dzieje ;/
Wrzuc kod na jsfiddle. Coś się gryzie pewnie.
Do #footer dodaj "width: liczbapx" za liczbę wstaw liczbę odpowiednią do twojej strony metodą prób i błędów.
Wyszlo mi cos takiego:

[Obrazek: 1503914609208921057185.png]
Nacisnij save i daj tutaj link.
https://jsfiddle.net/z31ne2xw/

Do #footer dodaj width i będzie pykało. Podaj adres forum do tej strony czy coś.
Tam panuje taki balagan, ze nic sie nie da zobaczyc...

https://jsfiddle.net/71q56ct0/1/ nie jest dokladnie takie samo, bo gdy cos mi zaglusza moją muzykę idącą z komputera to wręcz ciśnienie się podnosi. :p

Wrzuć html nad </body>, a css do twojego pliku z nim lub między znaczniki style w sekcji head.