Skocz do zawartości

[Dodatki] Panel postaci do profilu!


RSL

Rekomendowane odpowiedzi

Cześć.

Jakiś czas temu zacząłem pracować nad panelem postaci do profilu (z racji tego, że w zakładce tej na forum nie da się pokazać swoich postaci). Wydaje mi się, że ukończyłem go (nie ma błędów). Postanowiłem wam go udostępnić, ale nie tak, że go wam tu rzucę - będę wykonywał to na zlecenie.
 

Daqsdms.png

(prezentacja ogólna)

 

Do wyboru jest kilka elementów;

- nick postaci: dkI2mcx.png

- status (lub dowolny tekst): 7Kd1het.png

- skin: MzrfDrx.png

- opis: gGNbNrr.png

- prze????roczystość: 5FfdxSj.png ?�?? AB222cN.png

- podświetlenie napisu: l8HS5qO.png


 

ID skina z http://wiki.sa-mp.com/wiki/Skins:All
Podświetlenie napisu (w HEX) http://pl.wikipedia.org/wiki/Kolory_w_Internecie (np. #000000)

 

TŁO I WYGLĄD RAMKI ZALE????Ą OD STYLU ipsbutton_secondary (buttonach takich jakDodaj znajomego",Moja zawartość").

JEŚLI CHCESZ DWIE LUB WIĘCEJ POSTACI, DOPISZ ICH NICK, ID SKINA, STATUS, OPIS oraz PRZE????ROCZYSTOŚĆ.

JEŚLI MASZ INNĄ DODATKOWĄ RAMKĘ general_box clearfix ZAZNACZ JAKĄ MAJĄ MIEĆ KOLEJNOŚĆ.

 

Działa tylko dla grup:

bullet_star.pngSponsor

Moderator Globalny

Administrator

Zarząd





_KOD BEZ PRZEZROCZYSTOŚCI_


 
<style type="text/css">

.rslpostac {
height: auto;
line-height: 12px !important;
margin-bottom: 10px !important;
min-width: 100px;
padding: 5px;
text-align: center;
width: auto;
}
 
/*(c) RSL, 2013 - Nie usuwać, jest to warunek korzystania z kodu!*/
 
.rslpostac:hover {
color: KOLOR PODŚWIETLENIA;
}
 
.rslnick {
font-size: 9px;
font-weight: bold;
}
 
.rslstatus {
font-size: 9px;
}
 
</style>

<div class='general_box clearfix'>
<!--*(c) RSL, 2013 - Nie usuwać, jest to warunek korzystania z kodu!*--!>
<acronym title='Panel Postaci by RSL' class='bbc'> <!--*Nie usuwać, nie edytować tej linijki.*--!>
<h3 class='bar'>SA:MP</h3>
</acronym>
<center>
<br>
<il class='ipsButton_secondary rslpostac'/>
<div data-tooltip='OPIS POSTACI'>
<img src='SKIN POSTACI'>
</div>
<span class='rslnick'>NICK POSTACI</span>
<br>
<span class='rslstatus'>STATUS</span>
</il>
</center>
<br>
</div>

Linijki:



<acronym title='Panel Postaci by RSL' class='bbc'> <!--*Nie usuwać, nie edytować tej linijki.*--!>

proszę nie usuwać ani nie modyfikować, jest to warunek korzystania z kodu!





_KOD Z PRZEZROCZYSTOŚCIĄ_



<style type="text/css">

.rslpostac {
height: auto;
line-height: 12px !important;
margin-bottom: 10px !important;
min-width: 100px;
padding: 5px;
text-align: center;
width: auto;
}
 
/*(c) RSL, 2013 - Nie usuwać, jest to warunek korzystania z kodu!*/
 
.rslpostac:hover {
color: KOLOR PODŚWIETLENIA;
}
 
.rslnick {
font-size: 9px;
font-weight: bold;
}
 
.rslstatus {
font-size: 9px;
}

</style>

<div class='general_box clearfix'>
<!--*(c) RSL, 2013 - Nie usuwać, jest to warunek korzystania z kodu!*--!>
<acronym title='Panel Postaci by RSL' class='bbc'> <!--*Nie usuwać, nie edytować tej linijki.*--!>
<h3 class='bar'>SA:MP</h3>
</acronym>
<center>
<br>
<span class='zmiana'>
<il class='ipsButton_secondary rslpostac zmianajeden'/>
<div data-tooltip='OPIS POSTACI'>
<img src='SKIN POSTACI'>
</div>
<span class='rslnick'>NICK POSTACI</span>
<br>
<span class='rslstatus'>STATUS</span>
</il>
</span>
</center>
<br>
</div>

Linijki:



<acronym title='Panel Postaci by RSL' class='bbc'> <!--*Nie usuwać, nie edytować tej linijki.*--!>

proszę nie usuwać ani nie modyfikować, jest to warunek korzystania z kodu!



 

======== @Akaexus ======== @Akaexus ======== @Akaexus ========


Witam. Przeglądając wasze profile często widzę Panel Postaci autorstwa RSL. Niestety często jest on zbugowany w taki oto sposób:
 

uvyjCus.png

 

Panel postaci tak się buguje, ponieważ korzysta z stylu przycisku .ipsButton_secondary [Przycisk Zawartość, Ustawienia tła profilu itd]. Gdyby nie korzystał z tego stylu, to nie mógłby się dostosować do każdego proflu. Recepta na takie coś jest bardzo prosta. Wystarczy klasie .ipsButton_secondary usunąć wraz z wartością atrybut height (o ile istnieje) i zastąpić go height: auto;. Jeśli problem występuje wtedy, kiedy najedziemy myszką, to musimy powtórzyć czynność dla klasy .ipsButton_secondary:hover
Jeśli problem nadal występuje, to należy dodać !important za auto;

Gotowiec dla leni:

.ipsButton_secondary {
    height: auto !important;
}
.ipsButton_secondary:hover {
    height: auto !important;
}

Pozdrawiam

  • Like 3
Odnośnik do komentarza
  • 2 miesiące temu...
Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.
  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...