Personalizare profil din mesaje

Cu toţii dorim nişte modificări mai interesante, dar în acelaşi timp simpliste. Efectele sunt pe placul tuturor. Cu ajutorul CSS-ului putem personaliza profilul din interiorul topicurilor. Tutorialul a fost creat pentru versiunile de phpBB3 şi Invision!

phpBB3:
=> Foaie de stil CSS:

Code:

.post .postprofile{
  background-color: #DCEAF5;
  border: 1px solid #FCFCFC;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 5px;
  border-top: 0px;
  position: relative;
  bottom: 5px;
}

.post{
  border: 1px solid #FCFCFC;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.post .corners-top, .post .corners-bottom{
  display: none;
}

Previzualizare: [You must be registered and logged in to see this link.]

Invision:
=> Foaie de stil CSS:

Code:

.post .postprofile{
  background-color: #DCEAF5;
  border-right: 1px solid #9AA4B1;
}

.post .post-header{
  min-height: 35px;
}

.post .postprofile-head .popmenubutton-new-out{
  margin-top: 5px;
}

.post .postprofile .postprofile-details dt a img{
  margin-top: -11px;
  background-color: #EFF1F3;
  border: 1px solid #9AA4B1;
  border-top: none;
  padding: 5px;
}

Previzualizare: [You must be registered and logged in to see this link.]