Skocz do zawartości

Zaokrąglenie listy i dodanie odstępu oraz lewy border


Mvrosking
 Udostępnij

Rekomendowane odpowiedzi

2 minuty temu, account delete napisał:

zaokrąglenie listy:

 

odstępy między sobą.

 

Zaokrąglone rogi to ja wiem jak zrobić, tylko do jakiej klasy to wstawić -.-, bo dodając do trow1 albo trow2 to wszystkie kolumny zaokrągla, a ja chce cały.

Co do odstępu między sobą nie chce borderu, tylko chce dać margin, ale dodając nic nie zmienia...

Odnośnik do komentarza
Udostępnij na innych stronach

  • Ekspert

Zaokrąglenie \/

.tborder tbody tr:last-child td:first-child {
 border-bottom-left-radius: 15px;
}
.tborder tbody tr:last-child td:last-child {
 border-bottom-right-radius:15px; 
}

Odstęp \/ (Nie zrobisz tego na zasadzie marginu bo się nie da)

.trow1 {
  background: #1a222d;
  padding: 1.025em 1.275em 0.875em 1.175em;
  border-bottom: solid 10px #1a222d;
}
.trow2 {
  background: #1a222d;
  padding: 1.025em 1.275em 0.875em 1.175em;
  border-top: solid 10px #1a222d;
}

Border z lewej strony \/ 

1. wchodzisz do forum_depth2_forum i w diva o klasie "border" dajesz całą zawartość <td></td>

Przykładowo z jakiegoś tam szablonu 

<div class="border"><strong class="theme_title"><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}<div class="smalltext">{$forum['description']}{$modlist}{$subforums}</div></div>

I css:

.border {
  border-left: solid 5px #ff6236;
  padding-left: 10px; 
}
Odnośnik do komentarza
Udostępnij na innych stronach

Problem wciąż nierozwiązany? Dodaj swoją odpowiedź

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ę
 Udostępnij

×