 Ramka powtarzalna wokół strony jak to jest zrobione |
  |
| Ramka powtarzalna wokół strony jak to jest zrobione |
 3.11.2011, 14:59:27
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 260 Pomógł: 14 Dołączył: 8.09.2011 Ostrzeżenie: (0%) 
 |
http://euw.leagueoflegends.com/board/
Jak to jest zrobione? Chodzi mi o ten pergamin będący kontenerem dla zawartosci strony. Jak to jest zrobione ze ta ramka zawsze idealnie się zazębia, a jednocześnie dostosowuje się do długości zawartosci strony? Probuje cos takiego zrobic za pomocą border-image jednak bezskutecznie. Pod repeat sie nie zazębia, pod stretch tworzy tylko jeden plik tła zamiast kilku zeby wypełnic, a pod round spłaszcza mi tą ramkę. -------------------- "The first 90 percent of the code accounts for the first 90 percent of the development time. The remaining 10 percent of the code accounts for the other 90 percent of the development time."
Tom Cargill, Bell Labs |
 |
 
|
|
3.11.2011, 15:05:24
Post
#2
|
|
 Grupa: Zarejestrowani Postów: 1 527 Pomógł: 438 Dołączył: 28.06.2011 Skąd: Warszawa Ostrzeżenie: (0%)
|
Zazębianie to nie problem. Na przykładzie dołu strony - ucinasz dół tak powiedzmy 100-150px wysokości, potem jakieś 30-50px od góry robisz gradient z alphy (przezroczystości) uzyskasz w ten sposób takie delikatne nałożenie nie wyczuwalne za mocno dla oka
 Tu masz ich plik: Zobacz A co do powtarzalności to jest jakiś kawałek o stałej wysokości którego dół pasuje do góry (tzw. tile) i tyle
-------------------- If you're good at something, never do it for free.
Potrzebujesz skryptu JS lub PHP - szukasz kogoś kto przetestuje twoją aplikację pod względem bezpieczeństwa? Szybko i solidnie? Napisz ;) Mój blog - Jak zwiększyć wydajność front-endu - O buforowaniu wyjścia w PHP słów kilka... |
|
|
|
|
3.11.2011, 21:07:23
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 260 Pomógł: 14 Dołączył: 8.09.2011 Ostrzeżenie: (0%)
|
Tak, faktycznie, teraz zauważyłem
 Nigdy nie wpadłbym na to że to przezroczystość. Myslałem że korzystaja z jakiegos tricku pozwalajacego im ustawiac wielkosc diva tylko na wielokrotnosc rozmiaru obrazka. Dzieki.
-------------------- "The first 90 percent of the code accounts for the first 90 percent of the development time. The remaining 10 percent of the code accounts for the other 90 percent of the development time."
Tom Cargill, Bell Labs |
|
|
|
|
|
Wersja Lo-Fi | Aktualny czas: 14.08.2025 - 08:01 |
