Nu sunteti conectat. Conectati-va sau inregistrati-va

Vezi subiectul anterior Vezi subiectul urmator In jos  Mesaj [Pagina 1 din 1]

1Tutorial Personalizare profil din mesaje la data de Joi Noi 08, 2012 4:58 pm

Soricelul

avatar
Administrator
Administrator
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:
Cod:
.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: http://webctest.forumgratuit.ro/t1-vizualizati-primul-subiect

Invision:
=> Foaie de stil CSS:
Cod:
.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: http://webctest2.forumgratuit.ro/t1-vizualizati-primul-subiect



Vezi profilul utilizatorului http://web-coding.online-talk.net

Vezi subiectul anterior Vezi subiectul urmator Sus  Mesaj [Pagina 1 din 1]

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum