Keresés az erőforrások között

Privát üzenetek jelzése, mint a uCoz ügyfélszolgálati fórumán

uCoz fórumon ha privát üzenetünk érkezett, láthattunk egy kis mail ikont, mellette az olvasatlan üzenetek számával. Láthattuk azt a fekete-piros áttűnést is, amikor van olvasatlan üzenetünk. Ott JavaScripttel oldották meg, de mi CSS-el fogjuk megoldani, tehát egy sokkal egyszerűbb és modernebb módon!
bigblog2015-08-14 02:17:30 364

Demo

uCoz fórumon ha privát üzenetünk érkezett, láthattunk egy kis mail ikont, mellette az olvasatlan üzenetek számával. Láthattuk azt a fekete-piros áttűnést is, amikor van olvasatlan üzenetünk. Ott JavaScripttel oldották meg, de mi CSS-el fogjuk megoldani, tehát egy sokkal egyszerűbb és modernebb módon!

1. Vezérlőpult >> Külalak vezérlése >> Stílusok táblázata (CSS) >> A sablon végére beilleszted a következő kódot:

Kód
@keyframes pirossz{0%{color:#000;}25%{color:#a52a2a;}50%{color:red;}75%{color:#a52a2a;}100%{color:#000;}}@-webkit-keyframes pirossz{0%{color:#000;}25%{color:#a52a2a;}50%{color:red;}75%{color:#a52a2a;}100%{color:#000;}}.pmekdiv{animation:pirossz 2s;-webkit-animation:pirossz 2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}


2. Ahol a PM-ekhez vezető linket látni szeretnéd, illeszd be az alábbi kódot:

Kód
<?if($UNREAD_PM$)?><a href="/index/14" target="_blank"><span class="pmekdiv"><b>PM ($UNREAD_PM$ olvasatlan)</b></span></a><?else?><a href="/index/14" target="_blank"><b>PM (0)</b></a><?endif?>

Hozzászólások (0)

A hozzászólási lehetőség ideiglenesen kikapcsolva