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 - 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 : 1221
Varsta : 24
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 : 29
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 : 29
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 - 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 : 27
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

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