Jak zaokrąglić belkę menu

wersja skryptu MyBB: 1.6.7
adres forum: http://fabryka-skilla.xaa.pl/#
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
Witam, na samej gorze tego forum zauwazycie ze jest pasek z zakladkami Strona Glowna/ Rejestracja/ AmxBans...
Tutaj moje pytanie, dalo rade by zmienic ten pasek, na taki jaki podam w linku? znaczy zamiast takiego "Kwadratowego" bylby jakis lekko zaokraglony, zeby nie psul tej wizualizacji? Prosze o pomoc, i serdecznie dziekuje z gory.

Kod w ktorym moze byc do tego dostep..

#menu a {
background: black url(../../../images/reflex/seperator.gif) bottom right no-repeat;
color: #ccc;
display: block;
float: left;
margin: 0;
padding: 8px 12px;
text-decoration: none;
}

#menu {
font-family: Tahoma;
font-size: 15px;
background: black;
float: left;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}

Daniel Praźmo napisał 27.04.2012, 21:20:
Tytuł topicu trochę dziwny. Pozwoliłem więc sobie go zmienić

IMO jest dobrze, ale jak Ci zależy na zaokrągleniu, to dodaj atrybuty border-radius do klas (#menu a odpowiedzialne jest za wyświetlanie samych przycisków, a #menu za całą belkę).

Tu masz generator: http://border-radius.com/

Dzieki Nidrax za pomoc, jestes bardzo pomocny mimo, ze wczesniej pisalem niezrozumiale posty, probowales pomuc A wytlumacz mi jak mam uzyc tego programu?

W każym z rogów masz wartość numeryczną (domyślnie 0), zmieniając te wartości zauważysz, jak rogi bloku się zaokrąglają. Baw się, póki nie uzyskasz zadowalającego Cię efektu. Po wszystkim skopiuj wygenerowany kod i wklej do klasy css w twoim stylu.

A dalo by sie zrobic tak, by u gory tego paska byla jakas jasna linia, odznaczajaca logo od paska? Cos jak jest tutaj cs-prosiaczek.pl

---

-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;

Dodalem to w ten sposob i nic sie nie zmienilo


-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
font-family: Tahoma;
font-size: 15px;
background: black;
float: left;
list-style: none;
margin: 0;
padding: 0;
width: 100%;

Daniel Praźmo napisał 27.04.2012, 21:41:

Pamiętaj o zasadzie 1 wątek = 1 problem (to odnośnie tego pytania o linię).

Dodaj do #menu:

border-style: none;
border-top-style: solid;
border-width: 1px;
border-color: #ddd; 


ok, a dalo by rade to zaokraglic teraz?

Spróbuj dać całą tę listę w diva i nadaj mu zaokrąglenie. Powinieneś to mieć w szablonach nagłówka w twoim stylu.

<a name="top" id="top"></a>

<div id="headersection">
<div class="header">
<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" border="0" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
<div class="banner">
</div>
</div>
<ul id="menu" ="center">
<font size="2"<li><a href="/" title="Strona Glowna"><b>Strona glowna</b></a></li></font>
<font size="2"<li><a href="http://fabryka-skilla.xaa.pl/member.php?action=register" title="Rejestracja"><b><blink>Rejestracja</blink></b></a></li></font>
<font size="2"<li><a href="http://fabryka-skilla.xaa.pl/Web/ban_list.php" title="AmxBans"><b><font color="red">AmxBans</font></b></a></li></font>
<font size="2"<li><a href="http://fabryka-skilla.xaa.pl/memberlist.php" title="Uzytkownicy"><b>Uzytkownicy</b></a></li></font>
<font size="2"<li><a href="http://fabryka-skilla.xaa.pl/reklama/reklama.html" title="Nasze Serwery"><b>Nasze serwery!</b></a></li></font>
</ul>
</div>
</div>
<div id="container">

To jest moj header, co mam zrobic?

Umieszczaj kody źródłowe w tagu code lub php. Ułatwia to czytanie.

<ul id="menu" ="center">
<font size="2"<li><a href="/" title="Strona Glowna"><b>Strona glowna</b></a></li></font>
<font size="2"<li><a href="http://fabryka-skilla.xaa.pl/member.php?action=register" title="Rejestracja"><b><blink>Rejestracja</blink></b></a></li></font>
<font size="2"<li><a href="http://fabryka-skilla.xaa.pl/Web/ban_list.php" title="AmxBans"><b><font color="red">AmxBans</font></b></a></li></font>
<font size="2"<li><a href="http://fabryka-skilla.xaa.pl/memberlist.php" title="Uzytkownicy"><b>Uzytkownicy</b></a></li></font>
<font size="2"<li><a href="http://fabryka-skilla.xaa.pl/reklama/reklama.html" title="Nasze Serwery"><b>Nasze serwery!</b></a></li></font>
</ul> 


Zamień na:

<div class="zaokr"><ul id="menu">
<font size="2"<li><a href="/" title="Strona Glowna"><b>Strona glowna</b></a></li></font>
<font size="2"<li><a href="http://fabryka-skilla.xaa.pl/member.php?action=register" title="Rejestracja"><b><blink>Rejestracja</blink></b></a></li></font>
<font size="2"<li><a href="http://fabryka-skilla.xaa.pl/Web/ban_list.php" title="AmxBans"><b><font color="red">AmxBans</font></b></a></li></font>
<font size="2"<li><a href="http://fabryka-skilla.xaa.pl/memberlist.php" title="Uzytkownicy"><b>Uzytkownicy</b></a></li></font>
<font size="2"<li><a href="http://fabryka-skilla.xaa.pl/reklama/reklama.html" title="Nasze Serwery"><b>Nasze serwery!</b></a></li></font>
</ul></div> 


I dodaj do global.css:

.zaokr {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
} 


Może w ten sposób go łyknie.

hmm...
Nic sie nie zmienilo

To ja nie mam pomysłu, jak jeszcze tu pokombinować. Poczekaj, może ktoś bardziej obeznany w stylowaniu szablonów się wypowie w tej sprawie.