Skocz do zawartości
Pecetowicz Forum komputerowe

Inny wygląd belki w Steam Group i Top wspierających


Przejdź do rozwiązania Rozwiązane przez Tomik,

Rekomendowane odpowiedzi

Witam. Po wgraniu pluginu Steam Group i Top wspierających, belka (cellpic) wygląda inaczej niż inne. Jest po prostu standardowa (domyślna).

Posiadany szablon: NightSkill od Szablonet

image.png

Odnośnik do odpowiedzi
Udostępnij na innych stronach
  • Ekspert
  • Rozwiązanie

Musisz edytować klasę .thead w global.css.

Znajdź (linia 365):

.thead {
	background: #0066a2 url(../../../images/thead.png) top left repeat-x;
	color: #ffffff;
	border-bottom: 1px solid #263c30;
	padding: 8px;
}

Zamień na:

.thead {
	background: url(http://interplays.com.pl/images/nightskill/bg_widget.png) top left repeat-x;
	color: #ffffff;
	border-bottom: 1px solid #263c30;
	padding: 8px;
}

Na stronie głównej kliknij CTRL + F5

Efekt końcowy:

demo.png.49a13a5e8c1979c034434ba5e17b2d61.png

Odnośnik do odpowiedzi
Udostępnij na innych stronach

Dobra usiadłem sobie chwilkę i udostępniam wam moją przerobioną wersję kodu

Wygląd image.png.ded3cb871beb5fa7373c15b75ed11c23.png

Kod, który wklejamy do szablony > Twój szablon > strona główna > index

	<table border="0" cellspacing="0" cellpadding="5" class="tborder">
        <thead>
            <tr>
                <td class="thead">
                    <i class="fa fa-money" style="margin-right: 10px;"></i> TOP Wspierających
                </td>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td class="trow1"><center>
					<center>
    <img src="http://interplays.pl/uploads/avatars/avatar_11.png?dateline=1613832457" alt="" style="float: left;margin-right: 5px;margin-top:-6px;border-radius: 50%;    box-shadow: 0px 0px 15px rgb(82, 0, 140);" width="32" height="32">
<span style="float: left;margin-right; padding: 5px 12px; border-radius: 3px; font-weight: 500; defaultGroup zasl; color:#D2AA1B;"><strong><i class="fa fa-user" aria-hidden="true">Richard</strong></i></span>
						<span style="float: right;margin-right"; class="prefiks prefiks_belka">109,40 zł</span>
    <center>
    
  </br>
<br>
 
    <br>
					<center>
    <img src="http://interplays.pl/uploads/avatars/avatar_23.gif?dateline=1613217543" alt="" style="float: left;margin-right: 5px;margin-top:-6px;border-radius: 50%;    box-shadow: 0px 0px 15px rgb(82, 0, 140);" width="32" height="32">
<span style="float: left;margin-right; padding: 5px 12px; border-radius: 3px; font-weight: 500; defaultGroup zasl; color:#116315;"><strong>B0mbel</strong></span> 
    <span style="float: right;margin-right"; class="prefiks prefiks_belka">40 zł</span>
    <center>
    
  <br>
<br>
 
    <br>
					
					<center>
    <img src="https://interplays.pl/uploads/avatars/avatar_51.jpg?dateline=1613421744" alt="" style="float: left;margin-right: 5px;margin-top:-6px;border-radius: 50%;    box-shadow: 0px 0px 15px rgb(82, 0, 140);" width="32" height="32">
<span style="float: left;margin-right; padding: 5px 12px; border-radius: 3px; font-weight: 500; defaultGroup zasl; defaultGroup user"><strong>KNOCK Bi*ch</strong></span> 
   <span style="float: right;margin-right"; class="prefiks prefiks_belka">25 zł</span>
    <center>
		
    
 
<br>
 
    <br>
  <br>
    

    
<center>
         <img src="https://interplays.pl/uploads/avatars/avatar_16.png?dateline=1613857575" alt="" style="float: left;margin-right: 5px;margin-top:-6px;border-radius: 50%;    box-shadow: 0px 0px 15px rgb(82, 0, 140);" width="32" height="32">
<span style="float: left;margin-right; padding: 5px 12px; border-radius: 3px; font-weight: 500; defaultGroup zasl; color:purple;"><strong>ReTkO</strong></span></li>
    <span style="float: right;margin-right"; class="prefiks prefiks_belka">10 zł</span>
    <center>
        
    
  <br>
<br>
    <br>
		<center>
         <img src="https://interplays.pl/uploads/avatars/avatar_37.png?dateline=1613418247" alt="" style="float: left;margin-right: 5px;margin-top:-6px;border-radius: 50%;    box-shadow: 0px 0px 15px rgb(82, 0, 140);" width="32" height="32">
<span style="float: left;margin-right; padding: 5px 12px; border-radius: 3px; font-weight: 500; defaultGroup zasl; color:#002D6E;"><strong>Samuel L. Goku</strong></span></li>
    <span style="float: right;margin-right"; class="prefiks prefiks_belka">10 zł</span>
    <center>
        
    
  <br>
<br> 
    <br>
		
		
		Chcesz zostać <span style="color:#D2AA1B;"><b>Wspierającym</b></span>?<br> Napisz temat
<a href="http://interplays.pl/forumdisplay.php?fid=18"><span style="color:red;font-weight:bold;">Tutaj</span></a>
            </tr>
        </tbody>
    </table>

 

Dodajemy kod .css do naszego stylu , czyli style > twój styl > nowy arkusz > ustalamynazwę, ale pamiętajcie o dodaniu .css na końcu i wklejamy ten kodzik: 

.prefiks {
 color: #fff;
font-weight: 500;
padding: 5px 12px;
 border-radius: 3px;
position: relative;
 margin-left: auto;
}
 

.prefiks_belka {
background: #d73f5a;
}

 

Edytowane przez atx34
Odnośnik do odpowiedzi
Udostępnij na innych stronach

Problem wciąż nierozwiązany? Dodaj swoją odpowiedź

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto. Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
×
×
  • Dodaj nową pozycję...