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.
