Navigare rapidă

Ultimele subiecte
» Prezentare CHR
Scris de Zeus Vin 20 Oct - 22:13
» CHR portofoliu
Scris de CHR Dum 8 Oct - 23:09
» Tema noua pe Extrem Tutorials
Scris de CHR Dum 8 Oct - 22:55
» Cum iti creezi propriul joc online
Scris de officialzaru Joi 5 Oct - 20:26
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