Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Styl default

Założony przez  MarianShadow.

Cześć,
czy ktoś podpowie jak w stylu "Default":
1) ustawić tło - np. zdjęcie czołgu,
2) ustawić logo na środku.
Gorąco proszę o jak najprostszą instrukcję.
Najprostsza, czyli jaka?
Na przykładzie podróży z Warszawy do Rzymu:
1) nie taka: wsiądź do pociągu w Warszawie, wysiądź w Rzymie,
2) a taka: na stronie pkp wyszukaj rozkład jazdy. Następnie wpisz w pole "z" "Warszawa", w pole "do" "Rzym", kliknij "szukaj połączeń", itd...
Dziękuję
1) Przejdź do ACP > Style i szablony > Style > Styl "Default" > global.css i (np. za pomocą Ctrl + F) znajdź:

#content {
 ...
 background: #fff;
 ...
}

Zamień #fff na url(link_do_obrazka) np.:

background: url(https://mojadomena.pl/zdjecia/czolg.jpg)
Więcej na ten temat możesz znaleźć tutaj: https://www.w3schools.com/css/css_background.asp

2) Przejdź do ACP > Style i szablony > szablony > szablon default > nagłówek > header  i znajdź w nim coś takiego:

<div class="wrapper">
  <a href="{$zmienna}">
     <img src="{$inna_zmienna}" ... />
  </a>
  <ul class="menu top_links"> ... </ul>
</div>

i w miejscu gdzie jest <a href="{$zmienna}" > dodaj style="display: block; text-align: center"

 <a href="{$zmienna}" style="display: block; text-align: center">


możesz też zrobić to za pomocą klasy: 

<a href="{$zmienna}" class="nazwa_klasy">

ale wówczas musisz dopisać do global.css (patrz pkt. 1) coś takiego:

 .nazwa_klasy {
  display: block;
  text-align: center;
}
Pierwszy sposób wydaje się łatwiejszy, ale osobiście zalecam ten drugi. Mam nadzieję, że wszystko co napisałem jest zrozumiałe ;)  Wszystko pisałem z pamięci, więc nazwy lokalizacji mogą się delikatnie różnić
„Lecz biorę całą odpowiedzialność na siebie. Być może się pomyliłem. Ale przecież mylić się jest rzeczą ludzką.”
Dzięki.
Logo jest na środku. :-)
Ale sposób z tłem nie działa... Zrobione dokładnie jak napisałeś i nic.
Z #content, #logo (chyba tylko te id miały tło, jeśli nie to sprawdź poprzez zbadaj element, które klasy mają białe tło) usuń background.
Do body dodaj tło poprzez:
background-image: url("paper.gif");

Znacznie ułatwiłbyś nam pracę, gdybyś podał link do swojego forum.
Dzięki.
Forum pod adresem www.bsnj.j.pl
Zmień background: #fff; na jakiś inny wybrany kolor, img w #content
Wsparcie poza forum - odpłatne.



Użytkownicy przeglądający ten wątek:

2 gości