Skocz do zawartości
  • 👋 Witaj na MPCForum!

    Przeglądasz forum jako gość, co oznacza, że wiele świetnych funkcji jest jeszcze przed Tobą! 😎

    • Pełny dostęp do działów i ukrytych treści
    • Możliwość pisania i odpowiadania w tematach
    • System prywatnych wiadomości
    • Zbieranie reputacji i rozwijanie swojego profilu
    • Członkostwo w jednej z największych społeczności graczy

    👉 Dołączenie zajmie Ci mniej niż minutę – a zyskasz znacznie więcej!

    Zarejestruj się teraz

[PYTANIE]Poszukuję pomocy z tłem do strony.


Rekomendowane odpowiedzi

Opublikowano

Witam. Potrzebuję pomocy z dodaniem tła(Obrazka) do strony internetowej. Próbowałem, szukałem w internecie i mimo że robiłem tak samo nic się nie dzieje. Zaczynam się dopiero uczyć HTML więc prosiłbym o dokładne wytłumaczenie a nie coś w stylu:

<body background-picture:"tlo.png">

(Nie mówię że ten kod jest dobry :) )

Prosiłbym także o wytłumaczenie jak przesunąć to tło.

 

Opublikowano

<body style="background-image:url('images/tlo.png');">

 

lub w head dopisujesz:

<style>

body {

background-image:url('images/tlo.png');

}

</style>

 

 

Wytłumaczenie:

Posługujemy się 'językiem' css, czyli kaskadowymi arkuszami stylów.

 

 

Przesunąć tło można za pomocą background-position: <gora>px <lewo>px;

Opublikowano

<body style="background-image:url('images/tlo.png');">

 

lub w head dopisujesz:

<style>

body {

background-image:url('images/tlo.png');

}

</style>

 

 

Wytłumaczenie:

Posługujemy się 'językiem' css, czyli kaskadowymi arkuszami stylów.

 

 

Przesunąć tło można za pomocą background-position: <gora>px <lewo>px;

 

(Sorry za to wyżej pomyliłem przyciski... :unsure: )

 

A jakbyś mógł jeszcze wytłumaczyć jak dodać do tego kodu na tło położenie?

 

Opublikowano

tak;

 

 

<style>
body {
background-image:url('images/tlo.png');
background-position: <gora>px <lewo>px;
}
</style>

Opublikowano

Tylko jest problem :mellow: Ja zastosowałem tą pierwszą wersję bo ta druga jakoś mi nie działa...

<body style="background-color:#6699FF;margin: 50px 50px 35px 160px;background:Tło.gif;background-image:url('tlo.png')">

 

I tak to wygląda. Więc jak mam dopisać pozycję do tego? I jeszcze gdzie mam dopisać żeby obrazek był 1 tylko a nie na całą stronę?

 

Opublikowano

żeby obrazek się nie powtarzał:

background-repeat: no-repeat;

 

a pozycję np.: background-position: top left;

Opublikowano

A gdy chcę dodać kilka obrazków w tle? Mój kod wygląda teraz tak:

<body style="background-color:#6699FF;margin: 50px 50px 35px 160px;background:Tło.gif;background-image:url('tlo.png');background-position: top 50px left 50px;background-repeat: no-repeat;">

[Edit] Nie wiem jak :)

 

Opublikowano

wklej kod i dopiero dodaj w code bo strasznie trudno się czyta

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

×
×
  • Dodaj nową pozycję...