Navigare rapidă

Ultimele subiecte
» Ying-Yang Tutorial
Scris de Lucifer Mar 24 Apr - 11:34
» Avatar forumotion toolbar
Scris de Lucifer Mar 24 Apr - 11:33
» Salutare
Scris de Lucifer Mar 24 Apr - 11:32
» Avatar User in Online List
Scris de Emanueltutorials Vin 9 Feb - 21:18
Cuvinte-cheie

edit  

Aspect nou al profilului in interiorul topicului


Salutare,
M-am gandit sa fac un nou aspect pentru versiunea Invision la profilul din interiorul topicului.

Mergem in PA ~> Afisare ~> Imagini si culori ~> Culori ~> Foaie de stil CSS si adaugam:
Cod:
.postprofile img {
border: 1px solid #DDD;
background-color: #EFEFEF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 5px;
margin-top: 5px;
}
.chenar{
border: 1px solid #DDD;
background-color: #EFEFEF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 5px;
margin-top: -25px;
}
.rang {
border: 1px solid #DDD;
background-color: #EFEFEF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 5px;
text-align: center;
}
.postprofile img {
margin-left: 10px; }
.postprofile-details a span {
border: 1px solid #DDD;
background-color: #EFEFEF;
padding-top: 0px;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 1px;
margin-left: 20px;
}
Apoi apasam Valideaza.

Accesam PA ~> Module ~> HTML & JAVASCRIPT ~> Gestiunea codurilor JavaScript.
Si creati un nou cod JavaScript:
Titlu * :  Aspect topicuri
Amplasare : Topicuri
Cod JavaScript * :
Cod:
$(function(){
$('.postprofile dl dd:has("span[style]")').addClass('chenar');
$('.postprofile dl dd:has("a.profile-icon")').addClass('chenar');
});
Nu uita sa apesi valideaza

Si adaugati fiecare rang intre
Cod:
<div class="rang"> si </div>

In plus ca acest aspect sa functioneze trebuie sa faceti si un grup pentru membri care sa dati si o culoare, astfel nu va functiona.

Si ai reusit!   


Tutorial scris de Mitza

Copyright Extrem-Tutorials.com - Nici o parte a acestui tutorial nu poate fi reprodusa fara acordul autorului.

Comentariile utilizatorilor

Fii primul care comenteaza acest articol