Skocz do zawartości

Pytanie: Cięcie Layoutu


Silvanus

Rekomendowane odpowiedzi

Powitać. Od niedawna uczę się tworzyć layouty na podstawie tutoriali. Jednak w CSS mało siedzę (żeby nie powiedzieć w ogóle) i nie jestem zaznajomiony z technikami cięcia layoutów i przekształcania kodu. Efekt mojej dzisiejszej nauki:

 

dla zainteresowanych - tutorial

 

png.png

 

To, co wiem: wszystko tnę w ImageReady za pomocą Slice Tool, po czym w pliku html z tabelek zamieniam na divy.

 

I teraz na podstawie tego layoutu miałbym kilka pytań:

 

1.Jak sprawić, żeby tło było takie jak wyżej, przecież każdy ma inną rozdzielczość?

2.Tnę wszystko poza tłem, czy razem z nim?

3.Jeżeli mamy kontener i chcemy, żeby wydłużał się wraz z wpisywaniem tekstu, to jak wygląda kod, który zawiera tą grafikę, która będzie wydłużała ten kontener? Wiem, że wystarczy wyciąć 1 px poziomo z kontenera (i to jest ta grafika, która będzie się wydłużała), ale jak ją umiejscowić w kodzie?

 

Jeśli nie ten dział, to przepraszam.

Pozdrawiam.

Edytowane przez Silvanus
  • Like 1
Odnośnik do komentarza
Udostępnij na innych stronach

  • Odpowiedzi 3
  • Created
  • Ostatniej odpowiedzi

Top Posters In This Topic

Popular Days

Top Posters In This Topic

1. zrob tlo 2000x2000 i 99% ludzi zobaczy to ok, ewentualnie mozesz rozpuszcic do czarnego krawedzie.

 

pozniej robic

body { 
backgorund #000 url(background.png) no-repeat top center;
}

 

2. ja bym wycial tylko te polprzezroczyste ramki i zrobil powtarzalne elementy z przezroczystoscia w png (+ jakis fix do png w ie)

 

3.

#dupa {
width: 100px;
background: transparent url(background.png) repeat-y 0 0;
}

  • Confused 1
Odnośnik do komentarza
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się



×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Wykorzystujemy cookies. Przeczytaj więcej Polityka prywatności