ref szity, taki myk

[Cherche]

Już kiedyś o tym gadałam z Fel ale jakoś w końcu to nie doszło do skutku :d Mianowicie wykombinowałam na prywatnym forum takie coś, pole profilu które działa całkiem przyzwoicie. User wklepuje sobie linka do full body/ref sheeta postaci, i wtedy pod jego avatarem pojawia się napis "ref sheet" lub cokolwiek innego co bardziej by pasowało, i po najechaniu kursorem tego oto cuda na środek ekranu wyjeżdża nam elegancki obrazek, który nie rozciąga forum, nie ma żadnego wpływu na widok tematu czy innych bajerów, po prostu go nie ma a nagle jak trzeba to jest :D
Prościej będzie jeśli zademonstruję: http://www.siostwotympole.aaf.pl/skojarz...5.htm#1349 (trzeba się zalogować, login test, hasło 123456789, można sobie też w edycji profilu tego konta wypróbować jak ten ref działa, można napisać posta w powyższym temacie ;3)

Ofkors obrazki zawsze się ładują i są gotowe temu coby nie zżerać zbyt dużo transferu ludziom, wymóg jest by te obrazki były w formacie JPG, miały określone wymiary (u mnie jest wys 630 szer 900 co daje całkiem niezłe pole do popisu). Na urządzeniach mobilnych ten bajer nie działa temu obrazki nie będą się ładowały w tle dzięki dodatkowemu kawałkowi kodu (chyba że mobilne ustawienia jakie już zostały wprowadzone obejmą też wysuwane ref sheety, co jak mniemam właśnie się stanie).

No to chyba tyle.

[Vasanti Vei]

Dla mnie bomba, daj mi kod do tego cuda, to wrzucę choćby dziś. ;P To dobre rozwiązanie, zwłaszcza dla osób, które niekoniecznie chcą mieć obrazek z postacią w podpisie albo nie pasuje im on do avatara.

Tylko jedno pytanie: dlaczego jpg? Chodzi o wagę pliku?

[Talvedu'ul]

Tak, chodzi o to żeby ograniczyć wagę pliku ;3 i tak takie png to nie jest zbyt wiele, no ale jednak jest różnica. Lekka strata na jakości jest tego warta wg mnie, zwłaszcza że pełny obrazek zapewne można podziwiać też na dA albo w tfurczości ;3

ok uwaga nadchodzi

Kod:

/*bajer do profilowych szitów nad którym siedziałam 7 godzin ale warto było, dzie mój nobelon NIE DOTYKAĆ NIC BO SIE ZJEIBE*/

#slideout {
  display: block
  position: static;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;

}
#slideout_inner {
  position: fixed;
  top: 5px;
  left: -950px;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
    padding:10px;
    background-color: rgba(0, 0, 0, 0.71)!important;
}
#slideout:hover {
  display: block;
  left: 0px;
}
#slideout:hover #slideout_inner {
  left: 500;
}

/*koniec profilowego szitu*/

nazwa pola profilu musi mieć -#

prefix:

Kod:

<table align="right" width="66"><tr><td><div id="slideout"><img src="http://orig03.deviantart.net/691d/f/2015/307/c/7/ref_by_z__e__t-d9fekzn.png" /><div id="slideout_inner"><img src="au_value"/></div></div></div></td></tr></table><a href="

suffix:

Kod:

</a>

i gotowe.

[Sören]

Uuuuuu, to jest świetne, strasznie mi się podobają takie wysuwane refy :D

[Venety]

Wrzuciłam na próbę do siebie, zedytowałam też delikatnie kod, aby pasował stylem do forum. Mam nadzieję, że się nie obrazisz. ^^

Fel się pyta, czy to ograniczenie jpg jest konieczne, aby wszystko sprawnie działało i forum się nie wykrzaczyło. A od siebie dodam, że jestem za tym, aby w mobilnych rzeczywiście to wyłączyć, nikomu to niepotrzebne do szczęścia na komórkach.

Jeśli się nie obrazisz i pozwolisz, to prawdopodobnie zmienimy też ten obrazek z napisem REF SHEET, ta czcionka i kolor średnio pasują do foruma. Ujdzie, ale no lepiej dopasować. xD Ale to na dniach, bo nad tym trzeba się trochę pobawić.

[Vasanti Vei]

Na moim telefonie nie wygląda to źle, no ale rozumiem, transfer. ;p

[Cherche]

Jasne, w sumie to zapomniałam dodać że trzeba będzie zmienić kolor obramowania i ten nieszczęsny napis ;P

I nie, wszystko działa z png czy gifami tak samo, po prostu tak rzuciłam tym wymogiem żeby zaraz nie było że ograniczenia na podpisy są a tu można szaleć z 10 megabajtowymi pngami ;P
Co do wyłączenia na mobilnych, kod którym się posługuję prawdopodobnie jest jednym z lamerskich sposobów na to, nie wiem czy tylko blokuje wyświetlanie obrazków czy blokuje ich ładowanie, ale łap |D nie będzie też widać tego REF SHEET, więc nie będzie niepotrzebnego i niedziałającego guzika ;d

Kod:

/*mobilne ref sheet off*/
@media screen and (max-width: 1050px)

{

#slideout {display: none; !important; }
}


@media screen and (min-width: 1051px) and (max-width: 1700px)  
{  
#slideout{display: flex; !important;
z-index:5;}
}


@media screen and (min-device-width: 1701px) and (max-device-width: 5000px)  

{  

#slideout {display: none; !important;
z-index:5;}

}

edyt: jestem frajerem i nie wiem jakiej metody użyto do wyłączenia obrazków w podpisie na mobilnych, pewnie jest lepsza niż mój kod. Może te refy dałoby się pod nią podpiąć też. No ale jes rozwiązanie tymczasowe :3

[Machafuko]

Powiem Ci, że sprytne to to. Jako nadworny informatyk aprobuje, masz w nagrodę misia:

[Venety]

Nadworny informatyk, a robotę ze wstawianiem tego odwalam ja. Coś tu nie tak, panie informatyk. ;P

Weszło w życie, dziękujemy pięknie i jak znajdę chwilę wolnego, to dostaniesz mały bonusik za tego refa. :3

[Machafuko]

^Potraktuj to jako szkolenie, teraz jesteś o krok bliżej do zostania wybitnym specjalistą od arkuszy kaskadowych, jestem z Ciebie dumny <3 Trzymaj tak dalej!

[Talvedu'ul]

ojej, czuję się doceniona, cóż za przedziwne uczucie ;P

edit, właśnie weszłam w listę użytkowników i sortowałam wg ref sheetów, całkiem fajnie to wygląda bo tak można przyjrzeć się każdej postaci bez wchodzenia w każdy profil osobno :3 znaczy, fajnie będzie jak więcej osób doda sheet