Profil ca pe IBP (punbb)

Rezumarea primului mesaj :

Salut ! Cum pot face profilul ca in imagine ? Folosesc punbb.

Se vede c-am urat, nu se poate ca in imagine ?

Am incercat sa readuc design-ul actual la unul aproximativ cu cel din imagine. Culorile sunt puse aleatorii, deci, intr-un final, le puteti modifica dvs. dupa bunul plac.

Rezolvat?

Eu as vrea ca in imagine. Pe celalalt forum aveam identic dar nu mai gasesc tutorial acela dupa care m-am ghidat. Iar la acesta nu stiu ce si cum sa modific.

Eliminati codurile de mai sus si adaugati urmatoarele:

Cod:

.ipsBox {
  background: none 0px 0px repeat scroll rgb(49, 49, 49) !important;
  border: 1px solid #3E3E3E !important;
}
.ipsBox_container {
  background: none repeat scroll 0 0 rgb(29, 29, 29) !important;
  border: 1px solid #3E3E3E !important;
}
.ipsButton_secondary {
  display: inline-block !important;
  background: rgb(75, 74, 74) !important;
  box-shadow: rgba(5, 5, 5, 0.407843) 0px 7px 27px inset, rgba(0, 0, 0, 0.407843) 0px 1px 0px !important;
  border: 1px solid rgba(61, 61, 61, 0.760784) !important;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  border-radius: 3px !important;
  text-shadow: black 0px -1px 1px !important;
  color: rgb(255, 255, 255) !important;
  font-size: 12px;
}
.ipsVerticalTabbed_tabs > ul {
  border-left: 1px solid #4D4D4D !important;
  border-top: 1px solid #4D4D4D !important;
}
.ipsVerticalTabbed_tabs li a:hover {
  background: #3F3E3E !important;
  color: #808080 !important;
}
.general_box h3 {
  background: none repeat scroll 0 0 #535355 !important;
  color: #FFFFFF !important;
}
.general_box {
  background: none repeat scroll 0 0 #313030!important;
  color: white !important;
}
#profile_panes_wrap .reputation {
  background: #535355;
  border: 1px solid #565658;
  color: #FFFFFF;
  padding: 10px !important;
}

E ok acum?

E aproape perfect. Doar ca la profil sus, imi apare cu alb si as vrea sa apara normal. Si ''Edit Image'' sa nu mai fie peste avatar.

Adaugati pe langa codurile de mai sus si acest cod:

Cod:

.ipsVerticalTabbed_tabs li {
  background: none repeat scroll 0 0 #4C4C4D !important;
  border-bottom: 1px solid #686464!important;
  text-shadow: 0 -1px 1px #000 !important;
}
.ipsVerticalTabbed_tabs li.active a {
  background: none repeat scroll 0 0 #3F3E3E!important;
  font-weight: normal !important;
  border-right: 0 !important;
  color: gray !important;
  width: 135px !important;
}


Urmand apoi sa identificati in template-ul profile_view_body urmatoarea linie:

Cod:

<a title="Atualizar a foto atual" class="ipsType_smaller ipsPad" id="change_photo" style="display: none" href="javascript:void(0);" onclick="show_popup('photo_popup_popup')">Edit image</a>

Ulterior, adaugati la sfarsitul liniei:

Cod:

<br /><br /><br />

E bine doar ca la general imi apare tot cu alb si vreau sa se vada ca la celelalte (Topicuri si Posturi).

Ati adaugat ambele coduri CSS din mesajul meu anterior ?

Raykim a scris:Ati adaugat ambele coduri CSS din mesajul meu anterior ?

Desigur !

Din cate observ, acest cod nu a fost adaugat in Foaia de stil CSS:

Cod:

.ipsVerticalTabbed_tabs li.active a {
  background: none repeat scroll 0 0 #3F3E3E!important;
  font-weight: normal !important;
  border-right: 0 !important;
  color: gray !important;
  width: 135px !important;
}

Am rezolvat, am avut impresia ca l-am adaugat. Multumesc mult pentru ajutor ! Cred ca ti-am dat batai de cap...

Pentru putin.