Skocz do zawartości
"Idzie nowe..." - o zmianach i nie tylko ×
Przeniesienie zakupów z IPS Marketplace / Moving bought items from IPS Marketplace ×
Hosting webh.pl - 20%

Nowy wygląd postu

Gość lolmol100

Przez Gość lolmol100
w Tutoriale i porady

 Udostępnij

Rekomendowane odpowiedzi

Gość lolmol100

Gość lolmol100

Opublikowano
Opublikowano

Witajcie moi drodzy.

Napisałem nowy poradnik jak uzyskać najlepszy wygląd postu :)

PClYoGt.png

 

userinfopane:

<div class="test_userinfo" itemscope="" itemtype="http://schema.org/Person">
<div itemscope itemtype="http://schema.org/Person" class='user_details'>
	<span class="hide" itemprop="name">
    {$author['members_display_name']}
  </span>
<div class="test_userinfo_bg" style='<if test="hasBodyCustomization:|:$author['customization']['bg_color'] OR $author['customization']['_bgUrl']">
  <if test="hasBackgroundColor:|:$author['customization']['bg_color']">
background-color: #{$author['customization']['bg_color']} !important;
  </if>
  <if test="hasBackgroundImage:|:$author['customization']['_bgUrl']">
    background-image: url("{$author['customization']['_bgUrl']}?nc={$author['pp_profile_update']}") !important;
margin-bottom: -60px !important;
    <if test="backgroundIsFixed:|:! $author['customization']['bg_tile']">
      background-color: #FFFFFF !important;
background-position: 50% 50%;
background-repeat: no-repeat;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
background-size: 100% 100% !important;
height: 110px;
width: 197px;
margin-left: 0px !important;
margin: -9px -9px 0 -9px;
    <else />
      background-position: 0px 0px;
      background-attachment: fixed;
      background-repeat: repeat;
    </if>
  </if>
</if>
'></div>
  <div class="test_userinfo_b1">
    <if test="avatar:|:$author['member_id']">
      <if test="canSeeProfiles:|:$this->memberData['g_is_supmod'] OR ( $this->memberData['g_mem_info'] && ! IPSMember::isInactive( $author ) )">
        <if test="hasVariable:|:$this->settings['member_topic_avatar_max']">
          <img itemprop="image" src='{$author['pp_main_photo']}' class='ipsUserPhoto ipsUserPhoto_variable' />
        <else />
          <img itemprop="image" src='{$author['pp_thumb_photo']}' class='ipsUserPhoto ipsUserPhoto_large' />
        </if>
      </if>
    </if>
  </div>
  
<div class="test_userinfo_b3">
<if test="pmlink:|$author['member_id'] != $this->memberData['member_id']) AND $this->memberData['g_use_pm'] AND $this->memberData['members_disable_pm'] == 0 AND IPSLib::moduleIsEnabled( 'messaging', 'members' ) AND $author['members_disable_pm'] == 0">
<a class='pm_button ipsButton_secondary ipsType_smaller' id='pm_xxx_{$author['member_id']}' href='{parse url="app=members&module=messaging&section=send&do=form&fromMemberID={$member['member_id']}" base="public"}' title='{$this->lang->words['pm_this_member']}' class='ipsButton_secondary'><img src='{style_images_url}/emailbg_open.png' alt='' /></a>
						</if>
<if test="noFriendYourself:|:$this->memberData['member_id'] AND $this->memberData['member_id'] != $author['member_id'] && $this->settings['friends_enabled'] AND $this->memberData['g_can_add_friends']">
								<if test="isFriend:|:IPSMember::checkFriendStatus( $author['member_id'] )">
									<a class='pm_button ipsButton_secondary ipsType_smaller' href='{parse url="app=members&section=friends&module=profile&do=remove&member_id={$author['member_id']}&secure_key={$this->member->form_hash}" base="public"}' title='{$this->lang->words['remove_friend']}'><img src='{style_images_url}/profile_userbg_delete.png' alt='{$this->lang->words['remove_friend']}' /></a>
								<else />
									<a class='pm_button ipsButton_secondary ipsType_smaller' href='{parse url="app=members&section=friends&module=profile&do=add&member_id={$author['member_id']}&secure_key={$this->member->form_hash}" base="public"}' title='{$this->lang->words['add_friend']}'><img src='{style_images_url}/profile_userbg_add.png' alt='{$this->lang->words['add_friend']}' /></a>
								</if>
						</if>
<if test="$author['field_3']">
  <a href="{$author['field_3']}" target="_blank" class="ipsButton_secondary ipsType_smaller"><img src="{style_images_url}/profile_websitebg.png" style="width:20px;"></a>
<else />
<a style="opacity:0.2" target="_blank" class="ipsButton_secondary ipsType_smaller"><img style="width:20px;" src="{style_images_url}/profile_websitebg.png"></a>
</if>
<if test="$author['field_10']">
  <a href=skype:{$author['field_10']}?call target="_blank" class="ipsButton_secondary ipsType_smaller"><img style="width:20px;" src="{style_images_url}/profile_skypebg.png"></a>
<else />
<a  style="opacity:0.2" target="_blank" class="ipsButton_secondary ipsType_smaller"><img style="width:20px;" src="{style_images_url}/profile_skypebg.png"></a>
</if>
<if test="$author['field_17']">
<a href="{$author['field_17']}" target="_blank" class="ipsButton_secondary ipsType_smaller"><img style="width:20px;" src="{style_images_url}/profile_vk.png"></a>
<else />
<a style="opacity:0.2" target="_blank" class="ipsButton_secondary ipsType_smaller"><img style="width:20px;" src="{style_images_url}/profile_vk.png"></a>
</if>
<if>
  </div>

  <div id="sholder">
    <div id="scolumn" class="sfirst">
        <p id="snumber">{parse expression="$this->registry->getClass('class_localization')->formatNumber( intval( $author['posts'] ) )"} </p><li class="post_count desc lighter" style="display:none">
</li><p></p>
        <p id="sdesc">POSTÓW </p>
    </div>
    <div id="scolumn" class="ssecond">
        <p id="snumber">{parse expression="$this->registry->getClass('class_localization')->formatNumber( intval( $author['points'] ) )"}</p>
        <p id="sdesc">PUNKTÓW</p>
    </div>
     <div id="scolumn" class="sthird">
        <p id="snumber">{parse expression="$this->lang->formatNumber( intval( $author['pp_reputation_points'] ) )"}</p>
        <p id="sdesc">REPUTACJI</p>
    </div>

</div>
<if test="authorcfields:|:$author['custom_fields'] != """></if>
</div>
</div>

Dodajemy nowe css: o nazwa.css

#sholder {
background: none repeat scroll 0% 0% #1d2124;
width: 159px;
height: 62px;
border-top: 1px solid #383838;
margin-top: 10px;
padding: 0 8px;
border-bottom: 1px solid #333;
font-family: Tahoma,sans-serif;
}

#scolumn {
width: 53px;
text-align: center;
height: 100%;
float: left;
color: #9bb6b9;
}

#snumber {
padding-top: 27px;
font-size: 12px;
}

#sdesc {
font-size: 8px;
margin-top: -5px;
}

#scolumn:hover {
color: #777;
}

.sthird:hover {
background: url({style_images_url}/repu.png) no-repeat 50% 20%;
}

.ssecond {
background: url({style_images_url}/points.png) no-repeat 50% 20%;
}
.ssecond:hover  {
background: url({style_images_url}/points.png) no-repeat 50% 20%;
}

.sthird:hover {
background: url({style_images_url}/repu.png) no-repeat 50% 20%;
}

.sthird {
background: url({style_images_url}/repu.png) no-repeat 50% 20%;
}

.sfirst {
background: url({style_images_url}/posts.png) no-repeat 50% 20%;
}

.sfirst:hover  {
background: url({style_images_url}/posts.png) no-repeat 50% 20%;
}
 
.test_userinfo_b3
.ipsButton_secondary {
padding: 0 5px
 }
.pm_button img{
width: 20px;
}
.test_userinfo {
background: #1d2124;
margin:3px 0 0 3px;
border-radius: 2px;
box-shadow: 0px 2px 4px 0px #000;
 }
 
.test_userinfo_b1 {text-align: center;margin-top:-40px}
 
.test_userinfo_b1 img {
height: 80px;
border-radius: 800px;
box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.2);
border: 2px
solid  #1d2124;
}
 
.test_userinfo_b2 {padding-top: 10px}
 
.test_userinfo_b2
span {color: #7da9ca; font-size:18px}
 
.test_userinfo_b3 {padding-top: 5px}
 
.test_userinfo_b3
span {color: #7da9ca; font-size:11px}
 
.test_userinfo_b4 {
background: #1d2124;
overflow: hidden;
padding: 7px;
margin-top: 5px
 }
 
.test_userinfo_b4_1 {width: 50%}
 
.test_userinfo_b4_m {color: #7da9ca;}
 
/************************************************************************/
/* USER REPUTATION CODED BY YOW MIKE */ 
.reputation-bg {
background: #415C71;
border: 1px solid #415C71;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px
}
 
.reputation-bar {
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
font: 12px/23px "Segoe UI",Arial,Tahoma,sans-serif;
color: #fff;
height: 21px;
margin: 1px;
text-align: center;
}
 
.reputation-bar.gray { background:#BDC3C7; }
.reputation-bar.red { background:#C0392B; }
.reputation-bar.blue { background:#3498DB; }
.reputation-bar.green { background:#2ECC71; }
.reputation-bar.gold { background:#F1C40F; }
.reputation-bar .width10 { width: 10% }
.reputation-bar. width20 { width: 20% }
.reputation-bar. width30 { width: 30% }
.reputation-bar. width40 { width: 40% }
.reputation-bar. width50 { width: 50% }
.reputation-bar. width60 { width: 60% }
.reputation-bar. width70 { width: 70% }
.reputation-bar. width80 { width: 80% }
.reputation-bar. width90 { width: 90% }

Zamieniamy:

 

/* AUTHOR INFO (& RELATED) STYLES */


.author_info {
width: 200px; float: left; font-size: 12px; text-align: center; margin: 3px 3px 0 0; padding: 0 0px 6px 0px;
}
.post_body {
margin-left: 200px !important;
padding-left: 10px;
padding-top: 10px; 
}

 

  • 4 tygodnie później...

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
 Udostępnij
Tematy

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę.