Forum portalu Fan-Strefa.pl

Dla webmastera => Kodowanie => Wątek zaczęty przez: Stysia w 17 Lipiec 2011, 15:59:11

Tytuł: Zaokrąglone ramki w slidebarze i notkach
Wiadomość wysłana przez: Stysia w 17 Lipiec 2011, 15:59:11

Hey,
chciałabym dowiedzieć się gdzie i jak moge zmienić wygląd ramek na www: z prostych, kwadratowych na zaokrąglone. Oraz żeby zamiast kolory wstawić obrazek w ramki fo slidebaru oraz do notek.

Będę wdzięczna!

Tytuł: Odp: Zaokrąglone ramki w slidebarze i notkach
Wiadomość wysłana przez: Kalleye w 17 Lipiec 2011, 16:19:55

W CSS

aby mieć zaokrąglone do odpowiednich kategorii musisz dodać:

Kod: [Zaznacz]

border-radius: wartość px;
-moz-border-radius: wartość px;
-webkit-border-radius: wartość px;
a tło:
 

Kod: [Zaznacz]

background-image: url(adresdoobrazka);

Tytuł: Odp: Zaokrąglone ramki w slidebarze i notkach
Wiadomość wysłana przez: Mojito w 30 Lipiec 2011, 18:03:38

Możesz też obrazkowo to zrobić, podzielić  obrazek na 2 części:
góra, środek (gdzie piszesz) i dół.
i w tabeli lub divie zrobić:))

Tytuł: Odp: Zaokrąglone ramki w slidebarze i notkach
Wiadomość wysłana przez: Blair w 31 Sierpień 2011, 16:04:33

No właśnie.
Ja zawszę robię całą ramkę w PS, potem tnę ją tak:

- Górę (tam gdzie jest nazwa ramki i zaokrąglone rogi);
- Środek (czyli tło);
- Koniec ramki.

To jest chyba najlepsze rozwiązanie i tak jak koleżanka wyżej powiedziała, kodować w divach albo tabelach :)