3 odpowiedzi w tym temacie

[avisto]

Jak w temacie wie ktoś może jak zrobić tak legendę ?

[MAGNET FRA]

Najlepiej zbadaj element tej strony co chcesz uzyskać taki efect potem skopiuj cały kod html . i global.css

[avisto]

Najlepiej zbadaj element tej strony co chcesz uzyskać taki efect potem skopiuj cały kod html . i global.css

Mógłbys mi jakiś jeden przykład zrobic to jest ta strona http://tajniagenci.pl/

[MAGNET FRA]

 

Najlepiej zbadaj element tej strony co chcesz uzyskać taki efect potem skopiuj cały kod html . i global.css

Mógłbys mi jakiś jeden przykład zrobic to jest ta strona http://tajniagenci.pl/

 

 

<center><div class="footerCol">

<h3>Administracja Forum:</h3>

<ul>

<li><a href="http://tajniagenci.p...filter=4"><spanstyle="background-image:url(http://przemo.org/phpBB2/forum/files/gwiazdkired_158.gif); color:#f60808;text-shadow:1px 1px 12px #f60808;"><i class="fa fa-spinner" aria-hidden="true"></i> Właściciel Sieci</span></a></li>

<li><a href="http://tajniagenci.p...filter=7"><spanstyle="background-image:url(http://przemo.org/phpBB2/forum/files/gwiazdkibordo_134.gif); color:#b90606;text-shadow:1px 1px 5px #120e0e;"><i class="fa fa-star" aria-hidden="true"></i> Administrator Forum</span></a></li>

<li><a href="http://tajniagenci.p...ilter=29"><spanstyle="background-image:url(http://przemo.org/phpBB2/forum/files/gwiazdkibordo_134.gif); color:#b90606;text-shadow:1px 1px 5px #120e0e;"><i class="fa fa-star" aria-hidden="true"></i> Administrator Serwerów</span></a></li>

<li><a href="http://tajniagenci.p...ilter=39"><spanstyle="background-image:url(http://przemo.org/phpBB2/forum/files/gwiazdkiorange_140.gif); color:#ff6c00;text-shadow:1px 1px 5px #ff6c00;"><i class="fa fa-star-half-o" aria-hidden="true"></i> Junior Administrator</span></a></li>

<li><a href="http://tajniagenci.p...filter=8"><spanstyle="color:#006600; text-shadow: 0 0 1.12em #006600; padding-left:1px;"><i class="fa fa-cogs" aria-hidden="true"></i> Global Moderator</span></a></li>

</ul>

</div>

 

<div class="footerCol">

<h3>Administracja TS3:</h3>

<ul>

<li><a href="http://tajniagenci.p...ilter=34"><spanstyle="text-shadow: 1px 1px 7px #0066FF; color: #0066FF; font-weight: bold;"><i class="fa fa-star-o" aria-hidden="true"></i> Właściciel TS3</span></a></li>

<li><a href="http://tajniagenci.p...ilter=38"><spanstyle="color:#0a2a59;text-shadow:1px 1px 1px #ffffff;"><i class="fa fa-star-o" aria-hidden="true"></i>&nbsp; Head Admin TS3</span></a></li>

<li><a href="http://tajniagenci.p...ilter=36"><spanstyle="text-shadow: 1px 1px 5px #ff8a00; color: #ff8a00; font-weight: bold;"><i class="fa fa-headphones" aria-hidden="true"></i> Server Admin TS3</span></a></li>

<li><a href="http://tajniagenci.p...ilter=37"><spanstyle="text-shadow: 1px 1px 5px #a0510a; color: #a0510a; font-weight: bold;"><i class="fa fa-headphones" aria-hidden="true"></i> Junior Admin TS3</span></a></li>

<li><a href="http://tajniagenci.p...ilter=32"><spanstyle="font-weight: bold; color: #26C426;"><i class="fa fa-microphone" aria-hidden="true"></i> Moderator TS3</span></a></li>

<li><a href="http://tajniagenci.p...ilter=32"><spanstyle="font-weight: bold; color: #6699cc;"><i class="fa fa-microphone" aria-hidden="true"></i> Helper TS3</span></a></li>

</ul>

</div>

 

<div class="footerCol">

<h3>Forumowe:</h3>

<ul>

<li><a href="http://tajniagenci.p...ilter=20"><spanstyle="color:#059E29; text-shadow: 0 0 1.12em #059E29; padding-left:1px;"><i class="fa fa-cog" aria-hidden="true"></i> Moderator</span></a></li>

<li><a href="http://tajniagenci.p...ilter=35"><spanstyle="color:black; text-shadow: 0 0 1.12em red; padding-left:1px;"><i class="fa fa-gavel" aria-hidden="true"></i> Zarządca BlackListed</span></a></li>

<li><a href="http://tajniagenci.p...ilter=10"><spanstyle="color:black; text-shadow: 0 0 1.12em white; padding-left:1px;"><i class="fa fa-ban" aria-hidden="true"></i> BlackListed</span></a></li>

<li><a href="http://tajniagenci.p...ilter=23"><spanstyle="color:#90a0f1; text-shadow: 0 0 1.12em #90a0f1; padding-left:1px;"><i class="fa fa-paint-brush" aria-hidden="true"></i> Grafik</span></a></li>

<li><a href="http://tajniagenci.p...ilter=27"><spanstyle="color:#008080; padding-left:1px;"><i class="fa fa-pencil" aria-hidden="true"></i> Redaktor</span></a></li>

<li><a href="http://tajniagenci.p...ilter=26"><spanstyle="color:#99FF99; text-shadow: 0 0 1.12em #99FF99; padding-left:1px;"><i class="fa fa-check" aria-hidden="true"></i> Reklamator</span></a></li>

<li></li>

</ul>

</div>

 

<div class="footerCol">

<h3>Serwerowe:</h3>

<ul>

<li><a href="http://tajniagenci.p...ilter=14"><spanstyle="color:#65429a; padding-left:1px;"><i class="fa fa-graduation-cap" aria-hidden="true"></i> Właściciel Serwera</span></a></li>

<li><a href="http://tajniagenci.p...ilter=15"><spanstyle="color:#84429a; padding-left:1px;"><i class="fa fa-wrench" aria-hidden="true"></i> Opiekun Serwera</span></a></li>

<li><span style="font-weight: bold; color: #1074d2;" onclick="JavaScript:DoSTH('cs16');"><i class="fa fa-gamepad" aria-hidden="true"></i> Admin CS 1.6</span></li>

<li><span style="font-weight: bold; color: #276b93;" onclick="JavaScript:DoSTH('csgo');"><i class="fa fa-gamepad" aria-hidden="true"></i> Admin CS:GO</span></li>

<li></li>

<li></li>

<li></li>

</ul>

</div>

 

<div class="footerCol">

<h3>Specjalne:</h3>

<ul>

<li><a href="http://tajniagenci.p...ilter=13"><spanstyle="text-shadow: 0px 0px 10px #FFCC33; color: #FFCC33; background: url(http://tajniagenci.pl/img/tabela/donat.gif)"><i class="fa fa-usd" aria-hidden="true"></i> Sponsor</span></a></li>

<li><a href="http://tajniagenci.p...ilter=17"><spanstyle="color:yellow; text-shadow: 0px 0px 5px yellow; background: url(http://www.serwerycs.com/rozne/Rangi/rankfounder.gif);"><i class="fa fa-star-o fa-spin" aria-hidden="true"></i> VIP</span></a></li>

<li><a href="http://tajniagenci.p...ilter=12"><spanstyle="color:#49f9f9; padding-left:1px;"><i class="fa fa-diamond" aria-hidden="true"></i> Zasłużony</span></a></li>

<li></li>

</ul>

</div>

 

<div class="footerCol">

<h3>Zwykłe:</h3>

<ul>

<li><a href="http://tajniagenci.p...ilter=11"><spanstyle="color:#f21554; padding-left:1px;"><i class="fa fa-female" aria-hidden="true"></i> Kobieta</span></a></li>

<li><a href="http://tajniagenci.p...filter=3"><spanstyle="color:grey; padding-left:1px;"><i class="fa fa-male" aria-hidden="true"></i> Użytkownik</span></a></li>

<li></li>

</ul>

</div></center>

 

.statistics {

1. margin: 20px 0 0 0;
2. padding: 8px;
3. line-height: 1.3;
4. overflow: hidden;
5. border: 1px solid #393939;

}