Szybkie linki.

Pfwersja skryptu MyBB: 1.8
adres forum: forum.clubparty.pl
na czym polega problem (screen, opis, komunikaty):

Jak zrobic takie szybkie linki?

---

Tylko ze ja nic nie usuwalem ze stopki a jak dodaje <a href="http://hmybboard.pl/">Tłumaczenie MyBB | PL © 2015</a> to nic sie nie dzieje, prosze o pomoc

Ardex napisał 01.03.2016, 16:42:
Przywróć do stopki informacje o tłumaczeniu MyBBoard.

Kasujesz link - nie licz na wsparcie

Zbadaj element powinno załatwić sprawe.

Robilem i wkleilem takie same lecz nie wyszlo identyczne, jest bez tego tla. mozesz zobaczyc na moim forum ;p

ok, masz span z klasą, ale w arkuszu css klasy nie ma

Mozesz mi wytlumaczyc dokladnie jak mam to zrobic? ;p

Do CSS dodaj:

#link {
    background: #4c524c none repeat scroll 0 0;
    color: #fff;
    font-size: 11px;
    height: 35px;
    line-height: 35px;
    list-style: outside none none;
    margin-top: 3px;
    opacity: 1;
    outline: medium none;
    padding: 0 12px;
    text-decoration: none;
    transition-duration: 0.6s;
}
#link:hover {
    background: #086fa6 none repeat scroll 0 0;
} 


Kolory zmień sobie, aby tobie pasowały.

Później dodajesz to tak:

<div id="link"><a href="link"><span style="text-align: center;">STRONA GŁÓWNA</span></a></div>

Po co wydluzac link skoro to samo mozna dodac do css

#link {
    background: #4c524c none repeat scroll 0 0;
    color: #fff;
    font-size: 11px;
    height: 35px;
    line-height: 35px;
    list-style: outside none none;
    margin-top: 3px;
    opacity: 1;
    outline: medium none;
    padding: 0 12px;
    text-decoration: none;
    text-algin: center;
    transition-duration: 0.6s;
}
#link:hover {
    background: #086fa6 none repeat scroll 0 0;
} 


i uzyskac efekt koncowy taki

<div id="link"><a href="link">STRONA GŁÓWNA</a></div> 


Po co wydluzac link skoro to samo mozna dodac do css

#link {
    background: #4c524c none repeat scroll 0 0;
    color: #fff;
    font-size: 11px;
    height: 35px;
    line-height: 35px;
    list-style: outside none none;
    margin-top: 3px;
    opacity: 1;
    outline: medium none;
    padding: 0 12px;
    text-decoration: none;
    text-algin: center;
    transition-duration: 0.6s;
}
#link:hover {
    background: #086fa6 none repeat scroll 0 0;
} 


i uzyskac efekt koncowy taki

<div id="link"><a href="link">STRONA GŁÓWNA</a></div> 


Fakt.