Jak zrobic ruchome thead?

Szukam  Założony przez  Vxen.

wersja skryptu MyBB:1.8.x
adres forum: http://gameworld-rpg.pl/index.php
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Jak zrobic ruchome thead? Takie cos jak tu http://serwertruck.eu/index.php

[TUTAJ OPIS PROBLEMU + SCREENY - wykasuj tę linijkę!!!]
dyrektywa :hover z powiększoną pozycją x tła i dodanie opóźnienia animacji w css.
Ty w pierwszej koleności musiałbyś inaczej wypozycjonować tło swojego thead, bo z wyśrodkowanym będzie raczej problem by przesunąć, chyba że by to zrobić przy użyciu jQuery.
:: Akcja DZIĘKUJĘ ZA POMOC ::
Pomocy udzielam jedynie na forum. Wszystkie rzeczy wykraczające poza tą dziedzinę wykonuję odpłatnie.
A po Polsku? Nie wiem co ty piszesz...xd. Napisz krok po kroku...
Ech... Podaj zawartość swojej klasy .thead z global.css
:: Akcja DZIĘKUJĘ ZA POMOC ::
Pomocy udzielam jedynie na forum. Wszystkie rzeczy wykraczające poza tą dziedzinę wykonuję odpłatnie.
.thead {
    
padding20px;
    
background#151515 url(images/revolution/thead.png) center;
    
-moz-background-clippadding;
    -
webkit-background-clippadding-box;
    
background-clippadding-box;
    
colorrgba(2552552550.82);
      
font-familySource Sans Pro;
    
font-size14px;
    
font-stylenormal;
}

.
thead a:link {
    
colorrgba(2552552550.82);
    
text-decorationnone;
}

.
thead a:visited {
    
colorrgba(2552552550.82);
    
text-decorationnone;
}

.
thead a:hover,
.
thead a:active {
    
colorrgba(2552552550.82);
    
text-decorationnone;
      -
webkit-transitionall 0.5s ease;
    -
moz-transitionall 0.5s ease;
    -
ms-transitionall 0.5s ease;
    -
o-transitionall 0.5s ease;
    
transitionall 0.5s ease;

.thead {
    
padding20px;
    
background#151515 url(images/revolution/thead.png);
    
background-position0px 0px;
    
background-clippadding-box;
    
colorrgba(2552552550.82);
    
font-familySource Sans Pro;
    
font-size14px;
    
font-stylenormal;
    
animation-duration0.5s;
}

.
thead:hover{
    
background-position30px 0px;


Spróbuj tego
:: Akcja DZIĘKUJĘ ZA POMOC ::
Pomocy udzielam jedynie na forum. Wszystkie rzeczy wykraczające poza tą dziedzinę wykonuję odpłatnie.
Jest prawie ok, tylko skacze one a ma powoli lecieć.
Mój błąd, zamiast animation-duration: 0.5s; daj transition: background-position 0.5s; w klasie .thead
:: Akcja DZIĘKUJĘ ZA POMOC ::
Pomocy udzielam jedynie na forum. Wszystkie rzeczy wykraczające poza tą dziedzinę wykonuję odpłatnie.
No oo mam i nawet działa. A jak zrobić to http://grafifor.pl/?
W pierwszej kolejności musiałbyś mieć półprzezroczysty obrazek png z takimi bąbelkami czy czymśtam.
Potem to już analogicznie zmieniać jego pozycję jak w przypadku wyżej, plus dodać także zmianę koloru tła.
:: Akcja DZIĘKUJĘ ZA POMOC ::
Pomocy udzielam jedynie na forum. Wszystkie rzeczy wykraczające poza tą dziedzinę wykonuję odpłatnie.
http://www.w3schools.com/css/default.asp



Użytkownicy przeglądający ten wątek:

1 gości