jak zrobic powiekszanie sie tekstu po najechanie na niego

wersja skryptu MyBB:1.6.11
adres forum:ps-truck.cba.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
jak zrobic tak jak jest na www.ppt.xaa.pl aby po najechaniu na text np "forum" on sie powiekszyl? i jak zrobic tlo taki kwadrat tak jest te na tym linku przezroczysty ;P

do CSS:

.klasa {
font-size: 13px;
color: #393939;
}
.klasa:hover{
font-size: 22px;
color: #393939;
} 


Oczywiście wartości możesz sobie zmienić. Teraz tekst. Tam gdzie chcesz, by wyświetlał się użyj np:

<div class="klasa">Tekst</div> 


odnośnie przeźroczystości to do klasy (w której to coś się znajduje) dodać

opacity: 0.5; 


Oczywiście 0.5 możesz sobie zmienić.
albo

background: rgba(0, 0, 0, 0.5); 


co do przezroczystocsci chodzi mi o kwadrat taki jak na ppt.xaa.pl

---

i jeszcze jak ustawic tlo tak jak na tamtym portalu?

---

dodalem tak jak ma byc i sie nie powieksza dodalem przekierowywanie w tym divie i nie dziala

1. Przeźroczystość: https://webboard.pl/thread-45824.html - weź sobie kody;
2. Powiększanie. W którym miejscu masz to ustawione? Nie widzę u Ciebie nic, co byłoby powiększane. A ten sposób działa, bo przed chwilą sprawdziłem dla upewnienia.

www.ps-truck.cba.pl/sklep.php tam to dodalem

Ten plik sklep.php jest w ogóle połączony z MyBB?
Pokaż kody szablonu i pliku.

Ewentualnie możesz jeszcze dodać coś takiego do Twojego pliku/szablonu:

<style>
.klasa {
font-size: 13px;
color: #393939;
}
.klasa:hover{
font-size: 22px;
color: #393939;
} </style> 


tak jest polaczony tylko ze usunalem elementy bo chce zrobic tylko na zasadzie tla i tabeli na srodku

http://jsfiddle.net/d8d4y/

takie kody znalazlem na ppt.xaa.pl

#menu1 {
background: rgba(0, 0, 0, 0.702);
color: #000000;
float: left;
font-size: 60px;
font-weight: 700;
height: 590px;
margin-left: 5px;
margin-top: 5px;
padding: 260px 0px;
text-align: center;
text-shadow: -1px 0px #0080FF, 0px 1px #0080FF, 1px 0px #0080FF, 0px -1px #0080FF;
width: 492px;
}

#menu2 {
background: rgba(0, 0, 0, 0.702);
color: #000000;
float: right;
font-size: 60px;
font-weight: 700;
height: 590px;
margin-right: 5px;
margin-top: 5px;
padding: 260px 0px;
text-align: center;
text-shadow: -1px 0px #0080FF, 0px 1px #0080FF, 1px 0px #0080FF, 0px -1px #0080FF;
width: 492px;
}

jak ich uzyc aby dzialalo?

---

do global.css juz dodalem

Musisz podać dokładnie gdzie chcesz to walnąć. Daj stronę i które miejsce.

<div id="menu1">zawartosc</div> 


<div id="menu2">zawartosc</div> 


dziala ale te kwadraty to prostokaty za dlugie sa

Jeszcze do CSS dodaj:

#menu {
overflow: hidden;
clear: both;
width: 1000px;
height: 600px;
margin: 180px auto;
padding: 0;
text-align: center;
background: rgba(16, 78, 139, 0.5);
} 


i
<div id="menu1">zawartosc</div>

<div id="menu2">zawartosc</div>
weź w diva menu, czyli:

<div id="menu"><div id="menu1">zawartosc</div> 

<div id="menu2">zawartosc</div> </div> 


no i git jeszcze zostal fakt powiekszania tekstu po najechaniu na niego i oddzielne tlo na podstronie pomoze ktos? ;P

1. Link do strony (demo).
2. Kody pliku i szablonu/ów podaj tutaj... .