Vizualizate topic in 2 feluri
Pagina 1 din 1 • Distribuiţi
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:
Succes !
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 ! |
- Continut sponsorizat
Crează un cont pentru a creat un subiect.
Trebuie să fii membru pentru a lăsa un răspuns.
Crează un cont
Alăturați-vă comunității noastre prin crearea unui cont nou. Este ușor!
Creați un cont nou
Pagina 1 din 1
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum
|
|