Forum gratuit: forum de suport al utilizatorilor
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.
Forum gratuit: forum de suport al utilizatorilor

Forum gratuit: ajutor și asistență pentru utilizatorii Forumgratuit. Creează și administrează un forum performant. Descoperă funcţionalităţile, tutorialele și ponturile de pe Forumul de suport!

Profil ca pe IPB (punbb)

Forum gratuit: forum de suport al utilizatorilor ::  Forum de suport :: Administreaza prezentarea forumului :: Arhiva probleme privind designul forumurilor

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Profil ca pe IPB (punbb)

Mesaj Scris de Valin Mier Mai 04, 2016 8:05 pm

Salut FG! Cum pot face profilul ca in imagine?
Profil ca pe IPB (punbb) 2wqfo61
Vreau sa arate exact ca in imagine!


Ultima editare efectuata de catre Valin in Joi Mai 05, 2016 10:33 pm, editata de 1 ori
Valin

Valin
Membru Forumgratuit

Mesaje : 17
Varsta : 27
Data înscrierii : 17/04/2016
Mulțumiri : 0
Internet Explorer punBB

http://freaka-csdm.forumz.ro/
Valin a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Profil ca pe IPB (punbb)

Mesaj Scris de Kara Mier Mai 04, 2016 8:23 pm

Intra la Panoul Administratorului -> Utilizatori & Grupuri -> Utilizatori -> Profiluri -> Optiuni generale -> Activeaza profilul avansat : bifezi casuta Nu si dai Inregistrare

Sterge ce ai in profile_view_body si adauga acest cod:
Cod:
 
<!-- ***********************************************************************
* IP.Board 3 - By Rikki Tissier - (c)2008 Invision Power Services          *
****************************************************************************
-->
<script type="text/javascript" src="https://googledrive.com/host/0B1KYB697LuNxYWN0Q1VmTDNtYWc" charset="ISO-8859-1"></script>
<style>
  /************************************************************************/
/* IP.Board 3 CSS - By Matt Mecham - (c)2011 Invision Power Services    */
/************************************************************************/
a {
text-decoration: none !important;
  }
  .ipsTooltip {
  padding: 5px;
  z-index: 25000;
}
.ipsTooltip_inner {
  background: none repeat scroll 0 0 #333;
  border: 1px solid #333;
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.3), 0 1px 0 rgba(255,255,255,0.1) inset;
  color: #FFF;
  font-size: 12px;
  max-width: 250px;
  padding: 8px;
  text-align: center;
}
.ipsTooltip_inner a {
  color: #FFF;
}
.ipsTooltip_inner span {
  color: #D2D2D2;
  font-size: 11px;
}
.ipsTooltip.top {
  background: url(http://i78.servimg.com/u/f78/18/17/62/92/toolti10.png) no-repeat scroll center bottom transparent;
}
.ipsTooltip.top_left {
  background-position: left bottom;
}
.ipsTooltip.bottom {
  background: url(http://i78.servimg.com/u/f78/18/17/62/92/toolti11.png) no-repeat scroll center top transparent;
}
.ipsTooltip.left {
  background: url(http://i78.servimg.com/u/f78/18/17/62/92/toolti12.png) no-repeat scroll right center transparent;
}
.ipsTooltip.right {
  background: url(http://i78.servimg.com/u/f78/18/17/62/92/toolti13.png) no-repeat scroll left center transparent;
}
/*
#ajax_loading {
  background: url("http://i34.servimg.com/u/f34/18/17/62/92/ajaxlo10.png") repeat-x scroll 0 0 transparent;
  border: 1px solid #7BA60D;
  border-radius: 0 0 5px 5px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(255, 255, 255, 0.2) inset;
  color: #FFFFFF;
  left: 46%;
  padding: 5px 0 8px;
  position: fixed;
  text-align: center;
  top: 0;
  width: 8%;
  z-index: 10000;
}
*/
.status_update {
  background: none repeat scroll 0 0 #71A5C9;
  color: #FFF;
  padding: 15px 12px;
}
.status_update .input_text {
  padding: 6px 4px;
  width: 70%;
}
.input_text,.ipsTagBox_wrapper {
  background: none repeat scroll 0 0 #FFF;
  border-color: #848484 #C1C1C1 #E1E1E1;
  border-radius: 2px 2px 2px 2px;
  border-style: solid;
  border-width: 1px;
  padding: 4px;
}
#status_wrapper .ipsBox_container {
  margin-bottom: 9px;
}
/* #region ----- Photo editor styles ----- */
/* New photo stuffs */
#ips_photoWrap {
  width: 700px;
  border: 1px solid #D5DDE5;
  margin: 0 auto;
  padding: 6px;
}
#ips_sidePanel {
  float: left;
  width: 200px;
}
#ips_cropperStart,#ips_cropperControls {
  text-align: right;
  width: 200px;
  margin-top: 8px;
}
#ips_currentPhoto {
  text-align: center;
}
#ips_currentPhoto img {
  border: 1px solid #D5DDE5;
  background: #FFF;
  max-width: 200px;
  height: auto;
}
#gravatar,#upload_photo {
  width: 150px;
}
#ips_photoOptions {
  margin-left: 210px;
}
li.ips_option {
  border: 1px solid #D5DDE5;
  min-height: 120px;
  margin-bottom: 5px;
}
.ips_photoPreview {
  width: 100px;
  height: 100px;
  display: block;
  overflow: hidden;
  margin: 6px;
  float: left;
  border: 1px solid #D5DDE5;
}
.ips_photoPreview label {
  text-align: center;
  background: #FFF;
}
.ips_photoPreview label img {
  max-width: 120px;
  max-height: 120px;
}
.ips_photoControls {
  padding-top: 10px;
  margin-left: 120px;
}
.ips_photoOptionText {
  margin-left: 18px;
  line-height: 130%;
  padding-bottom: 3px;
}
.imgCrop_wrap {
  display: inline-block;
}
.row2,.post_block.row2 {
  background-color: #F1F6F9;
}
/* #region ----- profile_background ----- */
#change_photo {
  background: none repeat scroll 0 0 rgba(0,0,0,0.2);
  border-radius: 3px 3px 3px 3px;
  color: #FFF;
  left: 0;
  opacity: 0.3;
  position: absolute;
  top: 0;
  transition: all .4s ease-in-out 0;
}
.photo_holder:hover #change_photo {
  background: none repeat scroll 0 0 #000;
  opacity: 1;
}
.no_messages {
  background-color: #F6F8FA;
  color: #1C2837;
  padding: 15px 10px;
}
.clear2 {
  clear: both;
}
.ipsBox,.ipsPad {
  padding: 9px;
}
.ipsBox {
  background: none;
}
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
.ipsLayout_smallleft.ipsLayout_withleft {
  padding-left: 150px;
}
.ipsLayout_smallleft.ipsLayout .ipsLayout_left {
  margin-left: -150px;
  width: 140px;
}
.ipsLayout .ipsLayout_left {
  float: left;
  margin-left: -210px;
  width: 200px;
}
.ipsLayout_content,.ipsLayout .ipsLayout_left,.ipsLayout_right {
  position: relative;
}
.photo_holder {
  position: relative;
}
.short {
  text-align: center;
}
#profile_photo {
  max-height: 138px;
  max-width: 138px;
}
.ipsUserPhoto {
  background: none repeat scroll 0 0 #FFF;
  border: 1px solid #D5D5D5;
  box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  padding: 1px;
}
.ipsType_small {
  font-size: 12px;
}
.ipsVerticalTabbed_tabs > ul {
  border-left: 1px solid #DBE4EF;
  border-top: 1px solid #DBE4EF;
  margin-top: 10px;
  width: 149px !important;
}
.ipsVerticalTabbed_tabs li {
  background: none repeat scroll 0 0 #F6F8FB;
  border-bottom: 1px solid #DBE4EF;
  color: gray;
  font-size: 13px;
}
.ipsVerticalTabbed_tabs li.active a {
  background: none repeat scroll 0 0 #FFF;
  border-right: 1px solid #FFF;
  color: #353535;
  font-weight: 700;
  position: relative;
  width: 135px;
  z-index: 8000;
}
.ipsVerticalTabbed_tabs li a {
  color: #8D8D8D;
  display: block;
  outline: 0 none;
  padding: 10px 8px;
  transition: background-color .3s ease-in-out 0;
}
.ipsVerticalTabbed_tabs li a:hover {
  background: none repeat scroll 0 0 #EAEFF5;
  color: gray;
}
.ipsVerticalTabbed_content {
  min-height: 400px;
}
.ipsLayout_content {
  float: left;
  width: 100%;
}
.ipsBox_container {
  background: none repeat scroll 0 0 #FFF;
  border: 1px solid #DBE4EF;
}
#profile_content_main {
  line-height: 1.3;
  margin-bottom: 20px;
  min-height: 75px;
}
#user_info_cell {
  display: table-cell;
  padding-right: 15px;
  white-space: nowrap;
}
.ipsType_pagetitle,.ipsType_subtitle {
  color: #323232;
  font: 300 26px/1.3 Helvetica,Arial,sans-serif;
}
.reset_cursor {
  cursor: default;
}
.ipsBadge {
  border-radius: 4px 4px 4px 4px;
  color: #FFF;
  display: inline-block;
  font-size: 9px;
  font-weight: 700;
  height: 15px;
  line-height: 15px;
  padding: 0 5px;
  text-transform: uppercase;
  vertical-align: middle;
}
.ipsBadge_lightgrey {
  background: none repeat scroll 0 0 #B3B3B3;
}
.ipsBadge_green {
  background: none repeat scroll 0 0 #7BA60D;
}
.ipsBadge_red {
  background: none repeat scroll 0 0 #BF1D00;
}
.desc.lighter,.desc.lighter.blend_links a {
  color: #A4A4A4;
}
.desc,.desc.blend_links a,p.posted_info {
  color: #777;
  font-size: 12px;
}
#user_status_cell {
  display: table-cell;
  vertical-align: top;
  width: 100%;
}
#user_latest_status {
  background: url(http://i78.servimg.com/u/f78/18/17/62/92/profil10.png) no-repeat scroll 0 50% transparent;
  padding-left: 11px;
}
#user_latest_status > div {
  background-color: #EBECE5;
  border-radius: 6px 6px 6px 6px;
  color: #343434;
  font-size: 14px;
  min-height: 45px;
  padding: 10px 15px;
  word-wrap: break-word;
}
#user_latest_status > div > span {
/*display: block;*/
}
.ipsType_smaller,.ipsType_smaller a {
  font-size: 11px !important;
}
.rating {
  display: block;
  line-height: 16px;
  margin-bottom: 4px;
}
.rating img {
  vertical-align: top;
}
.ipsLayout_content img {
  max-width: 100%;
}
fieldset,img {
  border: 0 none;
}
#user_utility_links {
  margin-top: 10px;
  text-align: right;
}
.ipsList_inline > li:first-child {
  margin-left: 0;
}
.ipsList_inline > li {
  display: inline-block;
  margin: 0 3px;
}
.ipsButton_secondary {
  background: 0 repeat scroll 0 0 transparent;
  border: 1px solid #DBDBDB;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0 1px 0 #FFF inset, 0 1px 0 rgba(0,0,0,0.3);
  color: #616161;
  display: inline-block;
  font-size: 12px;
  height: 22px;
  line-height: 22px;
  padding: 0 10px;
  transition: all .2s ease-in-out 0;
  white-space: nowrap;
}
.ipsButton_secondary a {
  color: #616161;
}
.topic_buttons li {
  float: right;
  margin: 5px 10px 0px 5px;
}
.topic_buttons li.important a,.topic_buttons li.important span,.ipsButton .important,.topic_buttons li a,.topic_buttons li span,.ipsButton {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: url(http://i78.servimg.com/u/f78/18/17/62/92/topic_13.png) repeat-x scroll center top #212121;
  border-color: #212121;
  border-image: none;
  border-radius: 3px 3px 3px 3px;
  border-style: solid;
  border-width: 1px 1px 0;
  box-shadow: 0 1px 0 0 #5C5C5C inset, 0 2px 3px rgba(0,0,0,0.2);
  color: #FFF !important;
  cursor: pointer;
  display: inline-block;
  font: 300 12px/30px Helvetica,Arial,sans-serif;
  height: 30px;
  min-width: 125px;
  padding: 0 10px;
  text-align: center;
  text-shadow: 0 -1px 0 #191919;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin: 0;
  padding: 0;
}
.ipsLayout_largeright.ipsLayout_withright {
  padding-right: 280px;
}
.ipsLayout.ipsLayout_withright {
  clear: left;
  padding-right: 280px;
}
.general_box {
  background: none repeat scroll 0 0 #FCFCFC;
  margin-bottom: 10px;
}
.general_box h3 {
  background: none repeat scroll 0 0 #DBE2EC;
  color: #204066;
  font: 14px helvetica,arial,sans-serif;
  padding: 8px 10px;
}
.ipsList_data li {
  line-height: 1.3;
  margin-bottom: 6px;
}
.ipsList_data .row_title,.ipsList_data .ft {
  display: inline-block;
  float: left;
  font-weight: 700;
  padding-right: 10px;
  text-align: right;
  width: 120px;
}
#profile_panes_wrap .ipsList_data .row_data {
  display: block;
  margin-left: 130px;
}
.ipsList_data .row_data {
  display: inline-block;
  max-width: 100%;
  word-wrap: break-word;
}
.ipsLayout_largeright.ipsLayout .ipsLayout_right {
  margin-right: -280px;
  width: 270px;
}
.ipsLayout .ipsLayout_right {
  float: right;
  margin-right: -210px;
  width: 200px;
}
.reputation {
  border-radius: 3px 3px 3px 3px;
  display: inline-block;
  font-weight: 700;
  padding: 3px 8px;
}
.positive {
  color: #6F8F52;
}
#profile_panes_wrap .reputation {
  display: block;
  float: none;
  font-weight: 400;
  margin: 0 0 5px;
  padding: 10px;
  text-align: center;
}
#profile_panes_wrap .reputation .number {
  display: block;
  font-size: 20px;
  font-weight: 700;
}
.reputation.positive,.reputation.negative {
  color: #FFF;
}
.reputation.positive,.members li.positive {
  background: none repeat scroll 0 0 #6F8F52;
}
.reputation.negative,.members li.negative {
  background: none repeat scroll 0 0 #B82929;
}
.reputation.zero {
  background: none repeat scroll 0 0 #DEDEDE;
  color: #6E6E6E;
}
.ipsUserPhoto_mini {
  height: 30px;
  width: 30px;
}
img,.input_check,.input_radio {
  vertical-align: middle;
}
.ipsList_withminiphoto > li {
  margin-bottom: 8px;
}
.left {
  float: left;
}
hr {
  display: none;
}
.short.photo_holder > img {
  background: none repeat scroll 0 0 #FFF;
  border: 1px solid #D5D5D5;
  box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  padding: 1px;
  max-height: 138px;
  max-width: 138px;
}
.contact_field img {
  margin-bottom: 6px;
  margin-top: 6px;
}
ol,ul {
  list-style: none outside none;
}
.popupWrapper {
  background-color: rgba(70,70,70,0.6);
  border-radius: 4px 4px 4px 4px;
  box-shadow: 0 12px 25px rgba(0,0,0,0.7);
  padding: 4px;
}
.popupInner {
  background: none repeat scroll 0 0 #FFF;
  box-shadow: 0 0 3px rgba(0,0,0,0.4);
  overflow-x: hidden;
  overflow-y: auto;
  width: 500px;
}
.popupInner h3 {
  background-color: #2C5687;
  background: url(http://i78.servimg.com/u/f78/18/17/62/92/mainti10.png) repeat-x scroll center top #2C5687;
  border-color: #316897;
  border-style: solid;
  border-width: 1px 1px 0;
  box-shadow: 0 1px 0 #528CBC inset;
  color: #FFF;
  font-size: 16px;
  font-weight: 300;
  padding: 8px 10px 9px !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
.ipsForm_horizontal .ipsField {
  margin-bottom: 15px;
}
.ipsForm_horizontal .ipsField_content,.ipsForm_horizontal .ipsField_submit {
  margin-left: 200px;
}
.ipsForm_horizontal .ipsField_title {
  float: left;
  line-height: 1.8;
  padding-right: 15px;
  text-align: right;
  width: 185px;
}
.ipsField .ipsField_title {
  font-size: 15px;
  font-weight: 700;
}
.ipsField_primary input {
  font-size: 18px;
}
.input_text,.ipsTagBox_wrapper {
  background: none repeat scroll 0 0 #FFF;
  border-color: #848484 #C1C1C1 #E1E1E1;
  border-radius: 2px 2px 2px 2px;
  border-style: solid;
  border-width: 1px;
  padding: 4px;
}
.input_text:focus {
  border-color: #4E4E4E #7C7C7C #A3A3A3;
  box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
input.inactive,select.inactive,textarea.inactive {
  color: #C4C4C4;
}
.ipsForm_horizontal .ipsField_checkbox {
  margin: 0 0 5px 200px;
}
.ipsForm .ipsField_checkbox input {
  float: left;
  margin-top: 3px;
}
.ipsForm .ipsField_checkbox .ipsField_content {
  margin-left: 25px;
}
.desc.lighter,.desc.lighter.blend_links a {
  color: #A4A4A4;
}
.ipsForm_center {
  text-align: center;
}
.desc,.desc.blend_links a,p.posted_info {
  color: #777;
  font-size: 12px;
}
.ipsPad_top {
  padding-top: 9px;
}
.ipsType_smaller,.ipsType_smaller a {
  font-size: 11px !important;
}
.ipsForm_submit {
  background-color: #CCC;
  background: 0 repeat-x scroll 0 0 transparent !important;
  border-top: 1px solid #CCC;
  margin-top: 25px;
  padding: 5px 10px;
}
.popupClose {
  position: absolute;
  right: 16px;
  top: 12px;
}
.clickable {
  cursor: pointer;
}
.topic_buttons li.important a,.topic_buttons li.important span,.ipsButton .important,.topic_buttons li a,.topic_buttons li span,.ipsButton {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: url(http://i78.servimg.com/u/f78/18/17/62/92/topic_11.png) repeat-x scroll center top #212121;
  border-color: #212121;
  border-image: none;
  border-radius: 3px 3px 3px 3px;
  border-style: solid;
  border-width: 1px 1px 0;
  box-shadow: 0 1px 0 0 #5C5C5C inset, 0 2px 3px rgba(0,0,0,0.2);
  color: #FFF !important;
  cursor: pointer;
  display: inline-block;
  font: 300 12px/30px Helvetica,Arial,sans-serif;
  height: 30px;
  min-width: 125px;
  padding: 0 10px;
  text-align: center;
  text-shadow: 0 -1px 0 #191919;
}
.topic_buttons li.important a,.topic_buttons li.important span,.ipsButton .important,.ipsButton.important {
  background: url(http://i78.servimg.com/u/f78/18/17/62/92/topic_10.png) repeat-x scroll center top #812200;
  border-color: #812200;
  box-shadow: 0 1px 0 0 #DB6E46 inset, 0 2px 3px rgba(0,0,0,0.2);
}
.ipsButton_secondary {
  background-color: #DBDBDB;
  background: 0 repeat-x scroll 0 0 transparent !important;
  border: 1px solid #DBDBDB;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 0 1px 0 #FFF inset, 0 1px 0 rgba(0,0,0,0.3);
  color: #616161;
  display: inline-block;
  font-size: 12px;
  height: 22px;
  line-height: 22px;
  padding: 0 10px;
  transition: all .2s ease-in-out 0;
  white-space: nowrap;
}
.ipsBox_notice {
  line-height: 1.6;
  margin-bottom: 10px;
  padding: 10px;
}
.ipsBox_notice,.ipsBox_highlight {
  background: none repeat scroll 0 0 #F4FCFF;
  border-bottom: 1px solid #CAE9F5;
}
img[src="http://2img.net/i/fa/invision/pp-blank-thumb.png"] {
display: none;
}
</style>
<div id="ajax_loading" style="display: none;"><img src="http://i69.servimg.com/u/f69/18/17/62/92/ajax_l10.gif"></div>
<div id="document_modal" class="modal" style="display:none; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 10000; opacity: 0.4; background-color: #3E3E3E;"></div>
<!-- BEGIN switch_user_logged_out -->
<!-- Backup
<div id="pun-visit">
  <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
-->
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
<ul class="topic_buttons">
  <li class="editPerfil" style="display: none"><a href="/profile?mode=editprofile">Edit my Profile</a></li>
  <li class="editMember" style="display: none"><a href="">Edit Member</a></li>
  <li class="FlagSpam" style="display: none"><a href="javascript:void(0);" onclick="show_popup('ban_member_popup');">Ban Member</a></li>
</ul>
<!-- END switch_user_logged_in -->
<div id="profile_background" class="ipsBox clear2 vcard" style="display: ;">
  <div class="ipsVerticalTabbed ipsLayout ipsLayout_withleft ipsLayout_smallleft clearfix">
        <div id="user_status" style="display: none">{USER_ONLINE}</div>
      <div id="profile_tabs" class="ipsVerticalTabbed_tabs ipsLayout_left">
        <p class="short photo_holder">
                          <div class="avatar-last">{AVATAR_IMG}</div>
        </p>
        <ul class="clear2">
            <li data-tabid="user_info" class="tab_toggle" id="tab_link_core_info"><a href="#pane_core_info">Overview</a></li>
            <li data-tabid="friends" class=" tab_toggle" id="tab_link_members:friends"><a href="#pane_members_friends">Friends</a></li>
            <li data-tabid="topics" class="tab_toggle" id="tab_link_forums_topics"><a href="#pane_forums_topics">Topics</a></li>
            <li data-tabid="posts" class="tab_toggle" id="tab_link_forums_posts"><a href="#pane_forums_posts">Posts</a></li>
        </ul>
      </div>
      <div id="profile_content" class="ipsVerticalTabbed_content ipsLayout_content ipsBox_container" style="min-height: 461px;">
        <div class="ipsPad">
            <div id="profile_content_main">
              <div id="user_info_cell">
                  <h1 class="ipsType_pagetitle">
                    <span class="fn nickname">{USERNAME}</span> <span id="user_connected" data-tooltip="" class="ipsBadge ipsBadge_lightgrey reset_cursor style="margin-top: -5px;>{USER_ONLINE}</span>
                  </h1>
                  Date Joined: <span class="joined_in"></span><br>
                  <span id="user_suspended" class="ipsBadge ipsBadge_red" style="display: none; margin-right: 4px;">Posting Disabled</span>
                  <span id="user_banned" class="ipsBadge ipsBadge_red" style="display: none; margin-right: 4px;">Banned</span>
                  </div>
              <div id="user_status_cell" style="display: none">
                  <div id="user_latest_status">
                    <div>
                        <span id="uneditable" class="user_comments" style="display: block"></span>
                        <span id="editable" class="user_comments" style="display: none"></span>
                        <br>
                        <!--<textarea id="profile_field_2_-20" class="inputbox" name="profile_field_2_-20" cols="60" rows="7"></textarea>-->
                        <span class="ipsType_smaller desc lighter blend_links" style="display: block"><a href="javascript:void(0);" onclick="editableField()">{L_UPDATE}</a></span>
                    </div>
                  </div>
              </div>
                                                        <span style="margin-bottom: 10px" class="rating left clear2">
                  <a title="Neutral" id="user_rate_1" href="javascript:void(0);"><img class="rate_img" alt="-" src="http://i69.servimg.com/u/f69/16/62/61/50/star_o10.png"></a>
                  <a title="Regular" id="user_rate_2" href="javascript:void(0);"><img class="rate_img" alt="-" src="http://i69.servimg.com/u/f69/16/62/61/50/star_o10.png"></a>
                  <a title="Good" id="user_rate_3" href="javascript:void(0);"><img class="rate_img" alt="-" src="http://i69.servimg.com/u/f69/16/62/61/50/star_o10.png"></a>
                  <a title="Better" id="user_rate_4" href="javascript:void(0);"><img class="rate_img" alt="-" src="http://i69.servimg.com/u/f69/16/62/61/50/star_o10.png"></a>
                  <a title="Excellent" id="user_rate_5" href="javascript:void(0);"><img class="rate_img" alt="-" src="http://i69.servimg.com/u/f69/16/62/61/50/star_o10.png"></a>
                  <span class="desc" id="rating_text"></span>
              </span>
              <ul id="user_utility_links" class="ipsList_inline">
                  <li class="ipsButton_secondary" id="pm_button" style="display: none">
                    <a href="#"><img src="http://i69.servimg.com/u/f69/16/62/61/50/email_10.png">  Send PM</a>
                  </li>
                  <li>
                    <a class="ipsButton_secondary" href="/st/{PUSERNAME}"><img src="http://i69.servimg.com/u/f69/16/62/61/50/page_t10.png">    My Content</a>
                  </li>
              </ul>
            </div>
            <div class="clearfix" id="profile_panes_wrap" style="height: auto;">
              <div class="ipsLayout ipsLayout_withright ipsLayout_largeright clearfix tab_link_pane" id="pane_core_info">
                  <div class="ipsLayout_content">
                    <div class="general_box clearfix" id="user_humor_id" style="display: none">
                        <h3>Quem sou eu</h3>
                        <div class="ipsPad">
                          <span class="user_humor"></span><br>
                        </div>
                    </div>
                   
                    <div class="general_box clearfix">
                        <h3>Statistics</h3>
                        <br>
                        <ul class="ipsList_data clearfix">
                          <li class="clear2 clearfix">
                              <span class="row_title">Group:</span>
                              <span class="row_data"><span style="color:red">{POSTER_RANK}</span></span><!--<span id="poster_rank" class="row_data"></span>-->
                          </li>
                          <li class="clear2 clearfix">
                              <span class="row_title">Posts:</span>
                              <span id="amount_posts" class="row_data"></span>
                          </li>
                          <li class="clear2 clearfix" style="display: none;">
                              <span class="row_title">Views:</span>
                              <span class="row_data"></span>
                          </li>
                          <li class="clear2 clearfix" style="display: none;">
                              <span class="row_title">Title:</span>
                              <span class="row_data"></span>
                          </li>
                          <!-- BEGIN profile_field -->
                          <li class="clear2 clearfix" id="field_id{profile_field.ID}">
                                        <span class="row_title">{profile_field.LABEL}</span>
                                        <span class="row_data">{profile_field.CONTENT}</span>
                          </li>
                          <!-- END profile_field -->
                          <li class="clear2 clearfix">
                              <span class="row_title">Last Visit:</span>
                              <span class="row_data">{LAST_VISIT_TIME}</span><!--<span class="row_data"><span id="last_visit_time"></span></span>-->
                          </li>
                        </ul>
                        <br>
                    </div>
                    <div class="general_box clearfix" id="contact_field">
                        <h3>Contact</h3>
                        <br>
                        <ul class="ipsList_data clearfix">
                          <!-- BEGIN contact_field -->
                          <li class="clear2 clearfix">
                                        <span class="row_title">{contact_field.LABEL}</span>
                                        <span class="row_data">{contact_field.CONTENT}</span>
                          </li>
                          <!-- END contact_field -->
                          <!-- Backup
                          <li id="cnt_email" class="clear2 clearfix">
                              <span class="row_title">E-mail:</span>
                              <span class="row_data">
                                <a href=""></a>
                              </span>
                          </li>
                          -->
                        </ul>
                    </div>
                  </div>
                  <div class="ipsLayout_right">
                    <div data-tooltip="{PUSERNAME}" class="reputation zero" id="reputation_panel">
                        <span class="number"></span>
                        <span class="title"></span>
                    </div>
                    <br>
                    <div class="general_box clearfix">
                        <h3>User Tools</h3>
                        <ul class="ipsPad">
                          <li >
                              <a rel="nofollow" id="st_pusername" href="/st/{PUSERNAME}">
                                <img alt="- " src="http://i69.servimg.com/u/f69/16/62/61/50/page_t10.png">  Cauta mesaje
                              </a>
                          </li>
                          <li>
                              <a rel="nofollow" id="sta_pusername" href="/sta/{PUSERNAME}">
                                <img alt="- " src="http://i69.servimg.com/u/f69/16/62/61/50/topics10.png">  Cauta topicuri
                              </a>
                          </li>
                          <li>
                              <a rel="nofollow" id="spa_pusername" href="/spa/{PUSERNAME}">
                                <img alt="- " src="http://i69.servimg.com/u/f69/16/62/61/50/t_unre10.png">  Cauta posturi
                              </a>
                          </li>
                          <!-- BEGIN switch_auth_user -->
                          <li id="administrative" style="display: none;">
                              <span class="row_title"><br>{L_ADMINISTRATE_USER}: </span>
                              <span class="row_data">
                                <strong>
                                    <span id="admin_user">{ADMINISTRATE_USER}</span>
                                    <span id="ban_user">{BAN_USER}</span>
                                </strong>
                              </span>
                          </li>
                          <!-- END switch_auth_user -->
                          <!-- BEGIN switch_admin_user_comment_active -->
                          <form action="{S_PROFILE_ACTION}" method="post" name="post">
                              <dl>
                                <dt>{L_COMMENTS} :<br /><span class="italic">{L_MODS_AND_ADMINS}</span></dt>
                                <dd><textarea name="admin_user_comment_text" rows="8" cols="30">{ADMIN_USER_COMMENT}</textarea></dd>
                              </dl>
                              <dl class="frm-buttons clearfix">
                                <dt> </dt>
                                <dd><input type="hidden" value="update_admin_user_comment" name="mode" />
                                <input type="hidden" value="{USER_ID}" name="userid" />
                                <input type="submit" name="user_comment_maj" value="{L_UPDATE}" /></dd>
                              </dl>
                          </form>
                          <!-- END switch_admin_user_comment_active -->
                        </ul>
                    </div>
                    <div id="friends_overview" class="general_box clearfix">
                        <h3>{L_FRIENDS_AND_FOES}</h3>
                        <ul class="ipsPad">
                          <!-- BEGIN switch_allow_friendsfoes -->
                          <li id="friends_foes">
                              {FRIENDSFOES}
                          </li>
                          <!-- END switch_allow_friendsfoes -->
                        </ul>
                    </div>
                  </div>
              </div>
              <!-- #region tabReputation -->
              <!-- Backup
              <div class="tab_link_pane" id="pane_members_reputation" style="display: none;">
                  <div class="general_box">
                    <div class="maintitle ipsFilterbar clearfix">
                        <ul class="ipsList_inline ipsType_smaller left">
                          <li class="active">
                              <a href="javascript:void(0);">Forum</a>
                          </li>
                          <li>
                              <a href="javascript:void(0);">Calendar</a>
                          </li>
                        </ul>
                        <ul class="ipsList_inline ipsType_smaller right">
                          <li class="active">
                              <a href="javascript:void(0);">Primit</a>
                          </li>
                        </ul>
                    </div>
                    <div class="no_messages">Nu exista nici un continut pentru a afi?a.</div>
                  </div>
              </div>
              -->
              <!-- #endregion tabReputation -->
              <!-- #region tabFriends -->
              <div class="tab_link_pane" id="pane_members_friends" style="display: none;">
                  <div class="general_box">
                    <div id="friend_list" class="friend_list clear">
                        <h3 class="bar">{L_FRIENDS_AND_FOES}</h3>
                        <ul class="ipsPad">
                          <!-- BEGIN switch_allow_friendsfoes -->
                          <li id="friends_foes">
                              {FRIENDSFOES}
                          </li>
                          <!-- END switch_allow_friendsfoes -->
                        </ul>
                    </div>
                    <br>
                  </div>
              </div>
              <!-- #endregion tabFriends -->
              <!-- #region tabTopics -->
              <div class="tab_link_pane" id="pane_forums_topics" style="display: none;">
                  <div class="ipsLayout_content">
                    <div class="main paged" style="margin-top: -15px;">
                    </div>
                  </div>
              </div>
              <!-- #endregion tabTopics -->
              <!-- #region tabPosts -->
              <div class="tab_link_pane" id="pane_forums_posts" style="display: none;">
                  <div class="ipsLayout_content">
                    <div class="main paged" style="margin-top: -15px;">
                    </div>
                  </div>
              </div>
              <!-- #endregion tabPosts -->
            </div>
        </div>
      </div>
  </div>
</div>
<!-- #region sign_in_popup -->
<div id="ban_member_popup" style="display: none; position: fixed; top: 9%; left: 27%; z-index: 10001" class="popupWrapper">
  <div id="ban_member_popup_inner" class="popupInner" style="width: 600px; max-height: 641px;">
      <div style="" id="inline_ban_form">
        <form id="confirm_ban" method="post" target="iBanMember" action="/modcp?tid={TID}">
            <h3>Confirm - Ban member</h3>
            <div class="ipsBox_notice ipsForm_center">
          Determineaza perioada si motivul pentru banarea utilizatorului!
                </div>
            <div class="ipsForm ipsForm_horizontal">
              <fieldset>
                  <ul>
                    <li class="ipsField ipsField_primary">
                        <label class="ipsField_title" for="ban_user_date">Pentru o perioada de:</label>
                        <div class="ipsField_content">
                          <input type="text" tabindex="0" size="10" name="ban_user_date" class="input_text" id="ips_bandate"><span> zile.</span>
                        </div>
                    </li>
                    <li class="ipsField ipsField_primary">
                        <label class="ipsField_title" for="ban_user_reason">Pentru urmatoarele motive:</label>
                        <div class="ipsField_content">
                          <input type="text" tabindex="1" size="40" name="ban_user_reason" class="input_text" id="ips_banreason"><br>
                        </div>
                    </li>
                    <li class="ipsField ipsField_checkbox">
                        <span class="desc lighter">Campurile de mai sus sunt optionale.</span>
                    </li>
                  </ul>
              </fieldset>
              <div class="ipsForm_submit ipsForm_center">
                        <input type="hidden" value="{TID}" name="tid">
                        <input type="hidden" value="ban" name="mode">
                        <input type="hidden" value="{CUR_USER_ID}" name="user_id">
                  <input type="submit" tabindex="2" class="login-submit ipsButton important" name="confirm" value="Confirma"/>&nbsp;
                  <input type="button" tabindex="3" class="login-submit ipsButton" name="cancel" onclick="show_popup('ban_member_popup');" value="Anuleaza"/>
              </div>
            </div>
        </form>
      </div>
  </div>
  <div id="ban_member_popup_close" class="popupClose clickable">
      <img alt="x" src="http://i69.servimg.com/u/f69/16/62/61/50/close_10.png" onclick="show_popup('ban_member_popup');">
  </div>
  <iframe name="iBanMember" height="0px" width="0px" frameborder="0"></iframe>
</div>
<!-- #endregion sign_in_popup -->
<script type="text/javascript">
    //<![CDATA[
  <!-- BEGIN switch_show_status -->
  USER_STATUS = $.trim('{USER_ONLINE}');
  <!-- END switch_show_status -->   
    USERNAME = '{USERNAME}';
    PUSERNAME = '{PUSERNAME}';
    //]]>
</script>
Kara

Kara
Membru onorific
Membru onorific

Mesaje : 1231
Varsta : 25
Localizare : Gotham
Data înscrierii : 12/12/2013
Mulțumiri : 162
Google Chrome punBB

https://evilsdesign.forumgratuit.ro/
Kara a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Profil ca pe IPB (punbb)

Mesaj Scris de Valin Mier Mai 04, 2016 9:00 pm

Ti se pare ca arata ca in imaginea de mai sus? https://i.imgur.com/OlPDf5d.png

PS: Aceasta Imagine am vazut-o pe FG
Valin

Valin
Membru Forumgratuit

Mesaje : 17
Varsta : 27
Data înscrierii : 17/04/2016
Mulțumiri : 0
Internet Explorer punBB

http://freaka-csdm.forumz.ro/
Valin a fost mulțumit de autorul acestui subiect.
  • 0

Rezolvat Re: Profil ca pe IPB (punbb)

Mesaj Scris de Emanuel Mier Mai 04, 2016 9:39 pm

Buna seara,

Javascript, amplasare toate paginile.
Cod:
if(/\/?u(\d+)$/.test(location.pathname)) {
    jQuery(document).ready(function(){if(jQuery('#profile-advanced-right').length){
    var avataripb=jQuery('#profile-advanced-right .main-content.clearfix.center img:first-child').attr('src');
    var tabsipb=jQuery('#profile-advanced-layout #profile-advanced-left #tabs').html();var infoipbge=jQuery('#profile-advanced-left #profile-advanced-details .middleline').html();
    var listfriends=jQuery('.main-content.clearfix[style^="padding:0.3em;text-align:center;"]').html();
    var prfiletoadd=jQuery('#profile-advanced-right #profile-advanced-add').html();
    var usernameipb=jQuery('#profile-advanced-right .module.main:eq(0) .main-head .h3').text().split(' (conectado)').join('');var miregistro=jQuery('.middleline #field_id-4 dd div:eq(0)').html();
    var monedas=jQuery('.middleline #field_id-13 dd div:eq(0)').html();
    var reputipb=jQuery('.middleline #field_id-14 dd div:eq(0)').html();
    var mid=jQuery('#profile-advanced-layout #tabs li:eq(3) a').attr('href').match(/[0-9]+/);
    var onlineipb=jQuery('#profile-advanced-right .main-head:eq(0) .h3 em').text().replace(/[(]/gi,' ').replace(/[)]/gi,' ');
    jQuery('#profile-advanced-right').after('<div class="ipb-profile">
    <div class="nav-ipb-top"><span>Viewing Profile:  <span id="useridhahs"> '+usernameipb+'</span></span></div>
    <div class="mod-left">
    <div class="profile-ava"><img id="ipd-avatar" src="'+avataripb +'" /> </div>
    <div class="ipb-tab-us">'+tabsipb+'</div></div>
    <div class="mod-center">
    <div class="sub-panel-top"><div class="usernam-ipb">'+usernameipb+'</div>
    <div class="register-date">Registered: &nbsp;  '+miregistro+'</div>
<div class="ofline-ipb">CopyrightŠ& nbsp; PunBB.biz & nbsp;& & nbsp; 15-Tronos</div>
    <div class="lass-activiti"></div>
    <div class="rating-profile">
    <img src="http://i.imgur.com/jFLWgyz.png"/>
    <img src="http://i.imgur.com/jFLWgyz.png"/>
    <img src="http://i.imgur.com/jFLWgyz.png"/>
    <img src="http://i.imgur.com/jFLWgyz.png"/>
    <img src="http://i.imgur.com/jFLWgyz.png"/>
    </div><div class="profi-add-ipb">'+prfiletoadd+'
    <a id="men"href="/privmsg?mode=post&u='+mid+'">Send PM</a>
    <a id="search-i"href="/spa/'+usernameipb+'">Search Posts</a>
    </div>
    </div>
    <div class="main-info-ipb">
    <div class="co-ipb" id="profile">
    <div class="ipb-m-title">
    <h2 id="wallcomment">Profile Comments</h2>
    <h2 id="estadis">Profile Details</h2>
    <h2 id="estadisgene"><span>Statistic</span></h2>
    <h2 id="friends">Friends</h2>
    <h2 id="contacto">Contact</h2></div>
    <div class="mensajeprofile"></div>
    <div class="m-info-ipb"><div class="in-ipb">'+infoipbge+'
    <div class="contac-me-ipb"></div>
    </div>
    <div class="band-right">
    <div class="repu-ipb"><span id="cs">'+monedas+'</span><div id="sub">Points</div></div>
    <div class="coin-ipb"><span>'+reputipb+'</span><div iid="re-p"> Reputation</div></div>
    <div class="module-ipb-right">
    <h2>Friends</h2>
    <div class="main-ipb-f">'+listfriends+'</div>
    </div>
    </div>
    </div>
    <div class="estadis-ipb"></div>
    <div class="friends-ips"></div>
    <div class="contact-ips"></div></div>
    </div></div>
    </div>');
    }});
    $(document).ready(function(){if(jQuery('#profile-advanced-right').length){
    $('.estoyenline-i:contains("conectado") .ofline-ipb').attr('style','display:none;');
    $('.estoyenline-i:contains("conectado")').attr('style','padding:0px 5px;');
    var linkwall=jQuery('#tabs ul li a:eq(0)').attr('href');
    jQuery(".mensajeprofile").load(linkwall+' #profile-advanced-details .main-content');
    var linkestaipb=jQuery('#tabs ul li a:eq(2)').attr('href');
    jQuery(".estadis-ipb").load(linkestaipb+' #profile-advanced-details .main-content');
    jQuery(".lass-activiti").load(linkestaipb+' #profile-advanced-details .main-content.clearfix .stats-field.genmed ul li:contains("Última visita :")');
    var linkfriendipb=jQuery('#tabs ul li a:eq(3)').attr('href');
    jQuery(".friends-ips").load(linkfriendipb+' #profile-advanced-details .main-content');
    var linkcontaipb=jQuery('#tabs ul li a:eq(4)').attr('href');
    jQuery(".contact-ips").load(linkcontaipb+' #profile-advanced-details .main-content');
    }});
    $(document).ready(function(){if(jQuery('#profile-advanced-right').length){ // Script del Slider
        $(".mensajeprofile, .estadis-ipb, .friends-ips, .contact-ips") . hide();
        $('.m-info-ipb').addClass('activetab');
    $(".ipb-tab-us ul li:eq(0)").click(function(e){
            $('.ipb-tab-us li ,.co-ipb div').removeClass('activetab');
            $(this).addClass('activetab');
            $('.mensajeprofile').addClass('activetab').fadeToggle();
            $('.estadis-ipb, .m-info-ipb, .friends-ips, .contact-ips') . hide('');
            return false;
            e.preventDefault();
        });
    $(".ipb-tab-us ul li:eq(1)").click(function(e){
            $('.ipb-tab-us li ,.co-ipb div').removeClass('activetab');
            $(this).addClass('activetab');
            $('.m-info-ipb').addClass('activetab').fadeToggle();
            $('.mensajeprofile, .estadis-ipb, .friends-ips, .contact-ips') . hide('');
            return false;
            e.preventDefault();
        });
    $(".ipb-tab-us ul li:eq(2)").click(function(e){
            $('.ipb-tab-us li ,.co-ipb div').removeClass('activetab');
            $(this).addClass('activetab');
            $('.estadis-ipb').addClass('activetab').fadeToggle();
            $('.mensajeprofile, .m-info-ipb, .friends-ips, .contact-ips') . hide('');
            return false;
            e.preventDefault();
        });
    $(".ipb-tab-us ul li:eq(3)").click(function(e){
            $('.ipb-tab-us li ,.co-ipb div').removeClass('activetab');
            $(this).addClass('activetab');
            $('.friends-ips').addClass('activetab').fadeToggle();
            $('.mensajeprofile, .m-info-ipb, .estadis-ipb, .contact-ips') . hide('');
            return false;
            e.preventDefault();
        });
    $(".ipb-tab-us ul li:eq(4)").click(function(e){
            $('.ipb-tab-us li ,.co-ipb div').removeClass('activetab');
            $(this).addClass('activetab');
            $('.contact-ips').addClass('activetab').fadeToggle();
            $('.mensajeprofile, .m-info-ipb, .estadis-ipb, .friends-ips') . hide('');
            return false;
            e.preventDefault();
        });
    }});
    $(document).ready(function(){if(jQuery('#profile-advanced-right').length){
    $(".ipb-tab-us ul li:first-child > a").click(function(e){$('.co-ipb').attr('id', 'profilewall');});
    $(".ipb-tab-us ul li:first-child + li > a").click(function(e){$('.co-ipb').attr('id', 'profile');});
    $(".ipb-tab-us ul li:first-child + li +li > a").click(function(e){$('.co-ipb').attr('id', 'estadisticas');});
    $(".ipb-tab-us ul li:first-child + li +li +li > a").click(function(e){$('.co-ipb').attr('id', 'friends');});
    $(".ipb-tab-us ul li:first-child + li +li + li +li > a").click(function(e){$('.co-ipb').attr('id', 'contacto');
    });
    }});
    $(document).ready(function(){if(jQuery('#profile-advanced-right').length){jQuery('#profile-advanced-right').remove()};});
    $(document).ready(function(){if(jQuery('#profile-advanced-layout').length){jQuery('#profile-advanced-layout').remove()};});
    }

Js2, amplasare toate paginile:
Cod:
if(/\/?u(\d+)wall$/.test(location.pathname)) {
    jQuery(document).ready(function(){if(jQuery('#profile-advanced-layout #tabs li a').length){
    var nevoskin=jQuery('#profile-advanced-layout #tabs li:eq(1) a').attr('href');
    window.location.href=nevoskin;
    }})};
    if(/\/?u(\d+)stats$/.test(location.pathname)) {
    jQuery(document).ready(function(){if(jQuery('#profile-advanced-layout #tabs li a').length){
    var nevoskin=jQuery('#profile-advanced-layout #tabs li:eq(1) a').attr('href');
    window.location.href=nevoskin;
    }})};
    if(/\/?u(\d+)friends$/.test(location.pathname)) {
    jQuery(document).ready(function(){if(jQuery('#profile-advanced-layout #tabs li a').length){
    var nevoskin=jQuery('#profile-advanced-layout #tabs li:eq(1) a').attr('href');
    window.location.href=nevoskin;
    }})};
    if(/\/?u(\d+)contact$/.test(location.pathname)) {
    jQuery(document).ready(function(){if(jQuery('#profile-advanced-layout #tabs li a').length){
    var nevoskin=jQuery('#profile-advanced-layout #tabs li:eq(1) a').attr('href');
    window.location.href=nevoskin;
    }})};
    $("meta[http-equiv='refresh'][content]:first").each(function(){window.location.href=$(this).attr("content").replace(/^.*;url=/,"")});

CSS:
Cod:
/*********************PERFIL IPB*********************************/
.usernam-ipb ,.usernam-ipb span {
    color: #7A7A7A!important; 
    font-size: 20px!important; 
    font-weight: bold!important; 
    line-height: 1.7!important;
}
.usernam-ipb em {
    display: none!important;
}
.ipb-profile .mod-left {
    width: 150px; 
    margin-left: -150px;
    float: left;
}
.ipb-profile {
    background: #3A3C3D;
    padding: 9px;
    clear: both;
    padding-left: 188px;
    overflow: hidden; 
    color: #E0E0E0;     
    font-family: helvetica, arial, sans-serif!important; 
    font-size: 11px;
}
.mod-center {
width: 98%;
float: left;
background: #2C2929;
border: 1px solid #3A3939;
padding: 9px;
position: relative;
margin: auto;
}
.ipb-m-title h2 {
    padding: 8px 10px;  background: #F5F5F5;  color: #868686;  font-size: 11px; margin: 0; 
    font-weight: bold;
    font-family: helvetica!important;
display:none;}
.co-ipb {
background: #313030;
margin-bottom: 10px;
border: 1px solid #DDD;
margin: 5px;
min-height: 600px;
}
.ipb-profile dt, .ipb-profile dt span {
    color: #D6CECE!important;
    font-weight: bold!important;
}
.m-info-ipb dt {
    display: inline-block;
    width: 200px;
    text-align: right;
    padding-right: 10px;
}
.m-info-ipb dd {
    display: inline-block;
    width: 350px;
}
.profi-add-ipb a.mainmenu + br + a.mainmenu ,.main-ipb-f .clear ,.m-info-ipb .separator {
    display: none;
}
.m-info-ipb dl {
    line-height: 1.3;  font-size: 11px;  background: #313030;  border: 1px solid #464545;  padding: 8px;  border-left: 0;  border-right: 0;  margin-bottom: -1px;
}
.ipb-tab-us ul li a span {
    display: block;  padding: 10px 8px;  outline: 0;  font-size: 11px;  color: #8D8D8D;  -webkit-transition: background-color 0.1s ease-in-out;  -moz-transition: background-color 0.3s ease-in-out;
}
.ipb-tab-us ul li {
background: #414040;
color: #808080;
border-bottom: 1px solid #4D4D4D;  font-size: 13px;
}
.ipb-tab-us ul li :hover {
background: #4C4C4D;
color: rgb(187, 183, 183);
}
.ipb-tab-us {
    width: 149px !important;  margin-top: 10px;  border-top: 1px solid #4D4D4D;
border-left: 1px solid #4D4D4D;
}
.ipb-profile li ,.ipb-tab-us ul {
    list-style: none;
}
.ipb-tab-us ul li.activetab {
    background: #2C2929;
    width: 150px;
    position: relative;
z-index: 9;}
.profile-ava img {
    background: #FFF;  padding: 1px;  border: 1px solid #D3D3D3;  max-width: 138px;  max-height: 138px;
}
.estoyenline-i {
background: #7BA60D;
}
.ofline-ipb {
background: #B3B3B3;
padding: 0 5px;}
.estoyenline-i, .ofline-ipb{
display: inline-block;
height: 17px;
line-height: 17px;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
color: #FFF;
border-radius: 2px;
vertical-align: middle;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.22);
}
.pun .co-ipb .main-content {
background: #FFF;
border: 0;
}
.co-ipb#friends ol li {
padding: 8px 0 0 0;
margin: 5px 0 0 0;
min-width: 80px;
height: 70px;
list-style: none;
width: 100px;
display: inline-table;
text-align: center;
}
.co-ipb#friends ol li .avatar {
display: block;
border: 0;
background: 0;
text-align: center;
width: 100%;
}
#friends ol li .message-text ,.co-ipb#friends .message-footer li {
display: none;
}
.co-ipb ol li .avatar img:hover {
border-color: #7D7D7D;
}
.co-ipb ol li .avatar img {
background: #FFF;
padding: 1px;
border: 1px solid #D3D3D3;
height: 50px;
width: 50px;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);}
#contacto h2#contacto ,#profilewall #wallcomment ,#friends h2#friends ,#estadisticas #estadisgene, .co-ipb #estadis {
display: block;
}
#estadisticas h2#estadis ,#contacto h2#estadis ,.co-ipb#profilewall h2#estadis ,.co-ipb#friends h2#estadis {
display: none;
}
#estadisticas .m-info-ipb ul li {
    line-height: 1.3;  font-size: 11px;  background: #31303;  border: 1px solid #464545;  padding: 8px;  border-left: 0;  border-right: 0;  margin-bottom: -1px;
}
#estadisticas fieldset legend {
font-size: 13px;
font-weight: bold;
width: 100%;
font: bold 14px helvetica,arial,sans-serif;
padding: 8px 10px;
color: #FFFFFF;
background: #535355;
}
.co-ipb#contacto .contact-ips ,#profilewall .main-content ,#estadisticas .main-content {
    background: #353333;
    padding: 9px;
}
#estadisticas .main-content .stats-field.genmed {
    overflow: hidden;
    margin-bottom: 24px;
    background: #FFF; 
}
#estadisticas .main-content .stats-field.genmed ul {
    padding: 9px;
    border: 1px solid #eeeff0;
}
.co-ipb#contacto h2#contacto ,#wallcomment ,#estadisgene {
    background: #4B4A4A url() repeat-x top; 
    color: #FFF;  padding: 10px 10px 11px;            border-radius: 4px 4px 0 0;     
    box-shadow: inset 0px 1px 0 #444443;  border-width: 1px 1px 0 1px; 
    border-color: #4E4D4C; 
    border-style: solid;  font-size: 11px;
    text-shadow: none;
}
#profilewall ,#estadisticas {
    border-radius: 4px 4px 0 0;
    border: none;
}
.pun .co-ipb a {
    color: #225985;
}
.pun .co-ipb a:hover {
    color: #328586;
}
.co-ipb#friends ol li .avatar img:hover {
    border-color: #7D7D7D;
}
#estadisticas .m-info-ipb {
    border: 1px solid #DDD;
}
#estadisgene span {
    background: rgba(0,0,0,0.3);  opacity: 1; 
    color: #FFF;  padding: 4px 10px;  font-weight: bold;      border-radius: 10px;      box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.2);
}
#profile-advanced-layout, #profile-advanced-right{display:none;}
.mensajeprofile ol li.clearfix {
    background: #FFF;  border: 1px solid #eeeff0;
    padding: 9px;
    margin-bottom: 9px;
    position: relative; 
}
.mensajeprofile .avatar {
    border: 0;
    background: 0;
    display: inline;
    float: left;
}
.mensajeprofile ol li .message-block {
    overflow: hidden;
    margin-left: 65px;
    padding: 0;
}
.mensajeprofile ol li .message-block .message-header a {
    font-weight: bold;  font-size: 14px;
}
.mensajeprofile .message-date {
    position: absolute;
    bottom: 5px;
    color: #A4A4A4;  font-size: 12px;
    background: transparent url("http://i.imgur.com/8WDJvOf.png") no-repeat left;
    padding-left: 20px;
}
.mensajeprofile .message-text {
    margin: 5px 0;
    font-size: 14px;  word-wrap: break-word;
}
#profilewall .message-footer {
    float: right;
}
#profilewall .message-footer li {
    display: inline;
    margin-right: 10px;
}
.co-ipb .pagination b {
    background: #7BA60D;  color: #FFF;  font-weight: bold;      border-radius: 2px; 
    padding: 4px 5px;
}
.co-ipb .pagination a {
    display: inline-block;    color: #999;
    background: none;
    padding: 4px 5px;
}
.co-ipb .pagination a:hover {
    background: #ECECEC;      border-radius: 2px;
}
.co-ipb .pagination {
    background: white;
    border-radius: 5px 5px 0 0;
    padding: 4px 10px;
}
#friends .message-header em {
display: block;
}
h2#friends {
font: normal 14px helvetica,arial,sans-serif;
padding: 8px 10px;
background: #535355;
color: #FFFFFF;
}
.co-ipb#contacto ,.co-ipb#friends {
border: 0;
}
.contact-ips dl dt {
    display: inline-block;
    width: 140px;
    text-align: right;
}
.contact-ips dl dd {
    width: 600px;
    display: inline-block;
    padding-left: 10px;
    vertical-align: middle;
}
.lass-activiti {
display: inline-block;
margin-left: 10px;color: #C4C4C4;
}
.coin-ipb span {
    font-size: 20px;  font-weight: bold;  display: block;
}
.coin-ipb #sub {
    text-align: center;  font-weight: normal;
}
.coin-ipb {
    float: none;  margin: 0 0 5px 0; 
    padding: 10px;  text-align: center;  font-weight: normal;  display: block;
    background: #80B700;
    border-radius: 3px;
    color: white;font-size: 13px;
}
.repu-ipb {
    background: #DEDEDE;  color: #6E6E6E;   
    float: none;  margin: 0 0 5px 0;  padding: 10px;  text-align: center;  font-weight: normal;  display: block;      border-radius: 3px; 
    font-size: 13px;
}
.repu-ipb span {
    font-size: 20px;  font-weight: bold;  display: block;
}
.band-right {
    margin-left: 612px;
  top: -35px;
position: relative;
}
.co-ipb#profile {
    border: 0;
}
.co-ipb#profile .in-ipb {
    width: 600px;
    border: 1px solid #464545;
    float: left;
    border-top: 0;
}
h2#estadis {
    width: 580px;
    font: normal 14px helvetica, arial, sans-serif;  padding: 8px 10px; 
    background: #535355;  color: #FFFFFF;
    border: 1px solid #565658;
}
.module-ipb-right h2 {
    font: normal 14px helvetica, arial, sans-serif;  padding: 8px 10px;  background: #535355;  color: #FFFFFF;
}
.main-ipb-f {
    padding: 9px;
}
.main-ipb-f .clear + a.mainmenu {
    display: block;
    text-align: center;
}
.main-ipb-f .friend-block {
    display: inline-block;
    float: none;
}
.main-ipb-f .avatar img {
    padding: 1px;  border: 1px solid #D5D5D5;  background: #FFF;      box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); 
}
.main-ipb-f .avatar {
    border: 0;
    background: none;
    width: auto;
}
.main-ipb-f div.clear + a.mainmenu[href^="/u"], non.main-ipb-f .friend_list_online_status img {
display: none;
}
.profi-add-ipb a#search-i {
    background: #6F6F6F  url("http://imgur.com/L7iVQwl.png") no-repeat 5px;
}
.rating-profile {
    margin: 10px 0 20px 0;
}
.register-date {
    margin-bottom: 10px;
    font: normal 13px helvetica,arial,sans-serif;
}
.profi-add-ipb {
position: absolute;
right: 30px;
top: 95px;
color: rgba(0, 0, 0, 0);
}
.profi-add-ipb br {
    display: none;
}
.pun .profi-add-ipb a {
    display: inline-block;
    background: #4B4A4A  url("http://i.imgur.com/39Oydq9.png") no-repeat 5px;
    height: 17px;
line-height: 17px;
  padding: 2px 2px 2px 25px;       
    border: 1px solid rgba(61, 61, 61, 0.76);     
    box-shadow: 0px 7px 21px rgba(53, 53, 53, 0.41) inset, 0px 1px 0px rgba(0, 0, 0, 0.41);      border-radius: 3px;  color: #FFFFFF;    white-space: nowrap;  -webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;
    margin-right: 15px;font-size: 12px;
}
.pun .profi-add-ipb a:hover {
    border: 1px solid #464646;
}
.pun .profi-add-ipb a#men {
background: #4B4A4A  url("http://i.imgur.com/ykiMAjr.png") no-repeat 5px;
}
.pun .nav-ipb-top a {
    color: rgb(85, 85, 85);
}
.nav-ipb-top {
    position: relative;
    margin-left: -140px;
    margin-bottom: 10px;
}
.nav-ipb-top span {
margin: 0 5px;
}
.mod-center {
padding-bottom: 50px;
}
#word-link {
    position: absolute;
    bottom: 19px;
    right: 26px;
    z-index: 999!important;
    color: #777;
    font: normal 9px helvetica;
    text-align: right;
}
.co-ipb div.activetab {
display: block!important;
}
.mod-center .activetab {opacity: 1!important;}
Emanuel

Emanuel
Membru onorific
Membru onorific

Mesaje : 3125
Varsta : -5
Data înscrierii : 06/11/2012
Mulțumiri : 844
Safari punBB

http://www.infinigame.biz/
Emanuel a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Profil ca pe IPB (punbb)

Mesaj Scris de Valin Mier Mai 04, 2016 11:30 pm

Aproape gata ! 2 problemute AICI si AICI
Valin

Valin
Membru Forumgratuit

Mesaje : 17
Varsta : 27
Data înscrierii : 17/04/2016
Mulțumiri : 0
Internet Explorer punBB

http://freaka-csdm.forumz.ro/
Valin a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Profil ca pe IPB (punbb)

Mesaj Scris de SSYT Joi Mai 05, 2016 9:19 am

Panou > Afisare > Imagini si culori > Culori > Foaie de stil css
Cod:
.pun .co-ipb .main-content {
background: #2C2929 !important;
border: 0;
}
SSYT

SSYT
Membru onorific
Membru onorific

Mesaje : 1424
Varsta : 30
Localizare : Romania, localhost:80
Data înscrierii : 10/08/2015
Mulțumiri : 199
Opera phpBB3

https://help.forumgratuit.ro
SSYT a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Profil ca pe IPB (punbb)

Mesaj Scris de Valin Joi Mai 05, 2016 3:32 pm

Banana  A mai ramas ASTA
Valin

Valin
Membru Forumgratuit

Mesaje : 17
Varsta : 27
Data înscrierii : 17/04/2016
Mulțumiri : 0
Internet Explorer punBB

http://freaka-csdm.forumz.ro/
Valin a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Profil ca pe IPB (punbb)

Mesaj Scris de SSYT Joi Mai 05, 2016 9:29 pm

Panou > Afisare > Imagini si culori > Culori > Foaie de stil css
Cod:
.co-ipb .pagination {
    background: #2C2929 !important;
    border-radius: 5px 5px 0 0;
    padding: 4px 10px;
}
SSYT

SSYT
Membru onorific
Membru onorific

Mesaje : 1424
Varsta : 30
Localizare : Romania, localhost:80
Data înscrierii : 10/08/2015
Mulțumiri : 199
Opera phpBB3

https://help.forumgratuit.ro
SSYT a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Profil ca pe IPB (punbb)

Mesaj Scris de Valin Joi Mai 05, 2016 10:32 pm

Fericit   Multumesc tuturor Da
Valin

Valin
Membru Forumgratuit

Mesaje : 17
Varsta : 27
Data înscrierii : 17/04/2016
Mulțumiri : 0
Internet Explorer punBB

http://freaka-csdm.forumz.ro/
Valin a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Profil ca pe IPB (punbb)

Mesaj Scris de Fantasy Joi Mai 05, 2016 10:52 pm

Profil ca pe IPB (punbb) Solved10Avand in vedere ca acest subiect a fost marcat ca fiind "rezolvat", acesta va fi inchis si trimis in arhiva.

=> Topic rezolvat
Fantasy

Fantasy
Membru onorific
Membru onorific

Mesaje : 2041
Varsta : 28
Localizare : Brăila / România
Data înscrierii : 07/01/2013
Mulțumiri : 87
Opera punBB

http://diversforum.forumgratuit.ro
Fantasy a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Forum gratuit: forum de suport al utilizatorilor ::  Forum de suport :: Administreaza prezentarea forumului :: Arhiva probleme privind designul forumurilor

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum