Webboard

Webboard > Wsparcie MyBB > Style, szablony i grafika > jak zrobic powiekszanie sie tekstu po najechanie na niego
Pełna wersja: jak zrobic powiekszanie sie tekstu po najechanie na niego
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Stron: 1 2

Proo

18.12.2013, 21:34
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

Snake_

18.12.2013, 22:27
do CSS:
Kod PHP:
.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:
Kod PHP:
<div class="klasa">Tekst</div> 

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

Kod PHP:
opacity: 0.5; 
Oczywiście 0.5 możesz sobie zmienić.
albo
Kod PHP:
background: rgba(0, 0, 0, 0.5); 

Proo

19.12.2013, 15:38
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

Snake_

19.12.2013, 16:02
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.

Proo

19.12.2013, 16:05
www.ps-truck.cba.pl/sklep.php tam to dodalem

Snake_

19.12.2013, 16:11
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:
Kod PHP:
<style>
.klasa {
font-size: 13px;
color: #393939;
}
.klasa:hover{
font-size: 22px;
color: #393939;
} </style> 

Proo

19.12.2013, 17:47
tak jest polaczony tylko ze usunalem elementy bo chce zrobic tylko na zasadzie tla i tabeli na srodku

Zenk

19.12.2013, 20:17
http://jsfiddle.net/d8d4y/

Proo

20.12.2013, 11:33
takie kody znalazlem na ppt.xaa.pl
Kod:
#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

Zenk

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

Snake_

20.12.2013, 16:02
Kod PHP:
<div id="menu1">zawartosc</div> 
Kod PHP:
<div id="menu2">zawartosc</div> 

Proo

20.12.2013, 16:26
dziala ale te kwadraty to prostokaty za dlugie sa :D:D

Snake_

20.12.2013, 16:33
Jeszcze do CSS dodaj:
Kod PHP:
#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:
Kod PHP:
<div id="menu"><div id="menu1">zawartosc</div> 

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

Proo

20.12.2013, 16:43
no i git :D jeszcze zostal fakt powiekszania tekstu po najechaniu na niego i oddzielne tlo na podstronie ;) pomoze ktos? ;P

Snake_

20.12.2013, 16:45
1. Link do strony (demo).
2. Kody pliku i szablonu/ów podaj tutaj... .
Stron: 1 2
Webboard > Wsparcie MyBB > Style, szablony i grafika > jak zrobic powiekszanie sie tekstu po najechanie na niego