Cum pot ascunde informatiile din profil si apoi sa fac asa profilul ?

Buna seara, as vrea un cod ca sa ma ajutati sa scot acele informatii de la profil si sa fac in acest fel dupaia dupa ce le scot sa fac asa la nume si la imaginile de la profil :

Multumesc !

Salutare.

Adăugaţi în Gestiunea codurilor JavaScript:

Cod:

$(function(){
$('.postprofile dl dd:has("span[style]")').css('display','none');
});

Si poti sa imi dai un cod pentru a face ca si acolo in imagine ?

Lucian nu ai putea sa imi faci un cod sa fie cam ca si in imagine adica sa fie borderul doar la nume dupa sa fie spatiu si sa nu mai apara inca 3 randuri cu border si dupa sa faci un border la acele imagini.

Asa arata acum:

Adaugă în P.A » Afisare » Imagini si culori » Culori » Foaie de stil CSS, codul următor:

Cod:

p.right a { display: none;}

.post {
padding-bottom: 10px;}

.supportdrops-info {
position: absolute;
visibility:hidden;}
 
.supportdrops-last {
padding-top: 35px;
visibility:visible;}

.supportdrops-nume {
width: 180px;
padding: 4px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #ddd;
background: #fff;
display: block;
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
margin-top: 10px;
position: relative;
text-align: center;
text-decoration: none;}

.supportdrops-contact {
text-align: center !important;
margin-top: 0px;
-webkit-border-radius: 3px;
padding: 2px;
width: 182px !important;
left: 1px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #ddd;
background: #fff;}

.supportdrops-profile {
display: none;
margin-left: 8px !important;
width: 187px !important;
text-align: center !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #ddd;
background: #fff;}

.supportdrops-profile img, .supportdrops-contact img {
width: 22px;
height: 20px;}


Acum, mergi în P.A » Module » Gestionarea codurilor javascript, şi creezi un nou cod:
Titlu: Profil
Amplasare: Toate paginile
Cod:

Cod:

$(function(){
 var a=$('.postprofile').get();
  for(i=0;i<a.length;i++) {
    var b=a[i].getElementsByTagName('dt')[0].getElementsByTagName('a')[1];
    var unm=$(b).text(); var uid=b.href.substring(b.href.indexOf('/u')+2);
    $(a[i]).append('<div class="supportdrops-profile"><a href="/u' + uid + 'profile"><img src="http://cdn4.iconfinder.com/data/icons/comfi-telecom-icons/my-profile.png" /></a></div>');
    $(".postprofile dl dd:last-child").addClass("supportdrops-contact");
    $(".postprofile dl dd").addClass("supportdrops-info");
    $(".postprofile dl dd:last-child").addClass("supportdrops-last");}
});

$(function(){if(
$('.post')[0]){$('.post dt a span').addClass('supportdrops-nume')}});

Dacă vrei să-ţi apară şi o imagine ca aceasta:
vei şterge din .supportdrops-profile { această variabilă: display: none; .

Acum a disparut acel chenar de la rank de la codul lui L! de sus.

Eu am făcut codul pe care-l cereai, din imagine, nu am lucrat cu coduri în plus pentru a evita BUG-urile ce apare în urma interacţiunii cu alte coduri..

Pai eu aveam din imaginea de mai sus acel chenar unde scria Administrator cum il pot pune inapoi ?

Încearcă:

Cod:

.supportdrops-info .rang {
visibility: visible !important;
display: block !important;
position: relative !important;}

Multumesc. Rezolvat.

Cu plăcere