Vizualizate topic in 2 feluri

Vezi subiectul anterior Vezi subiectul urmator In jos

avatar
Deliric
Admin
Mesaje : 142
Reputatie : 187
Vezi profilul utilizatorului http://board.techno-zone.net

MesajDeliric la data de Joi Apr 23, 2015 1:54 pm

Imagine Demo:


Nume: Vizualizare topic in doua moduri
Autor: (necunoscut)
Functionalitate: -
Detalii: puteti seta cum doriti sa vizualizati topicul.
Instalare: Pentru a instala acest cod trebuie sa intrati in: ' Panou de administrare => Module => HTML & JAVASCRIPT => Gestiunea codurilor JavaScript ' creeam un nou cod js si adaugam codul de mai jos.

Cod javascript:


Cu urmataorele configurati:
Titlu: Vizualizare topic in doua moduri
Amplasare: Topicuri

Urmatorul lucru este sa intram in ' Panou de administrare => Afisare => Culori => Foaie de stil css ' si adaugam urmatorul cod:

Cod css:
Cod:
        /*viewTopic*/
        .topicViewIcons {
        overflow: hidden;
        position: relative;
        padding-bottom: 1px;
        margin: -3px 10px -5px 0;
        float: left;
        }
        .topicViewIcons a {
        cursor: pointer;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        float: left;
        width: 22px;
        height: 22px;
        text-decoration: none;
        text-align: center;
        outline: none;
        margin-right: 5px;
        opacity: 0.6;
        }
        .topicViewIcons a:hover {
          background:url("http://i72.servimg.com/u/f72/18/07/42/17/trans110.png") repeat;
          background:rgba(0,0,0,0.1);
          opacity:0.8
        }
        .topicViewIcons #topicViewRegular.active img {
        background-position: 0 -16px;
        }
        .topicViewIcons a.active {
        background: url("http://i72.servimg.com/u/f72/18/07/42/17/trans510.png") repeat;
        background: rgba(0,0,0,0.5);
        -webkit-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.3) 0px 1px 0px;
        -moz-box-shadow: inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.3) 0px 1px 0px;
        box-shadow: inset rgba(0,0,0,0.6) 0px 1px 3px, rgba(255,255,255,0.3) 0px 1px 0px;
        opacity: 1;
        }
        .topicViewIcons #topicViewRegular img {
        background-position: 0 0;
        }
        .topicViewIcons img {
        opacity: 1!important;
        vertical-align: top;
        margin-top: 4px;
        width: 16px;
        height: 16px;
        background: url("http://i72.servimg.com/u/f72/18/07/42/17/topicv10.png") no-repeat;
        }
        .topicViewIcons #topicViewBasic.active img {
        background-position: -16px -16px;
        }



Succes !

Pentru a vedea codurile ascunse raspunde la acest subiect cu 1 mesaj !
avatar
Bogdan.PSGR
Moderator

Mesaje : 10
Reputatie : 6
Vezi profilul utilizatorului http://psgr.forumclan.com/

MesajBogdan.PSGR la data de Vin Iul 03, 2015 8:47 am

Foarte frumos tutorialul
avatar
Alex14
Membru

Mesaje : 6
Reputatie : 2
Vezi profilul utilizatorului http://crazytutorials.rpdforum.com

MesajAlex14 la data de Lun Aug 31, 2015 11:43 pm

sa vedem codul
avatar
BadWolf
Membru

Mesaje : 8
Reputatie : 7
Vezi profilul utilizatorului http://forum.newgoo.net/

MesajBadWolf la data de Vin Ian 15, 2016 9:24 pm

Misto
Continut sponsorizat

MesajContinut sponsorizat

Vezi subiectul anterior Vezi subiectul urmator Sus

Trebuie sa fii inregistrat pentru a posta

Trebuie sa fii conectat pentru a posta.

Creare cont

Join our community by creating a new account. It's easy!


Inregistrare

Conectare

Already have an account? No problem, log in here.


Conectare

 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum