Zmiana wyglądu pól profilowych przy poście

[ProCeder95]

Jak otrzymać taki wygląd pól profilowych przy poście ?

Przedstawiam Wam poradnik

 

 

Otwieramy PA > Wygląd i Style > Nasz Styl > Szablony > Główne Szablony > userInfoPane

Zaznaczamy cały kod , który znajduje się w Waszym skinie i zastępujemy go tym kodem 

<div itemscope itemtype="http://schema.org/Person" class='user_details'>
	<span class='hide' itemprop="name">{$author['members_display_name']}</span>
	<ul class='basic_info'><if test="membertitle:|:$author['member_title']">
		<li>
			<span class="ft"></span> <span class="fc">{$author['member_title']}</span>
		</li>
		</if>
		<if test="avatar:|:$author['member_id']">
			<li class='avatar'>
				<if test="canSeeProfiles:|:$this->memberData['g_is_supmod'] OR ( $this->memberData['g_mem_info'] && ! IPSMember::isInactive( $author ) )">
				<a itemprop="url" href="{parse url="showuser={$author['member_id']}" template="showuser" seotitle="{$author['members_seo_name']}" base="public"}" title="{$this->lang->words['view_profile']}: {$author['members_display_name']}" class='ipsUserPhotoLink'>
				</if>
				<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 test="canSeeProfiles2:|:$this->memberData['g_is_supmod'] OR ( $this->memberData['g_mem_info'] && ! IPSMember::isInactive( $author ) )">
				</a>
				</if>
			</li>
		<else />
			<li class='avatar'>
				<img itemprop="image" src='{$author['pp_thumb_photo']}' class='ipsUserPhoto ipsUserPhoto_large' />
			</li>
		</if>
		
			</li>
		</if>
	</ul>
	
	<if test="authorcfields:|:$author['custom_fields'] != """>
		<ul class='user_fields'>
		<if test="authorwarn:|:$author['show_warn']">
			<li>
				<if test="hasWarningId:|:$options['wl_id']">
					<img src='{$this->settings['img_url']}/warn.png' class='clickable' onclick='warningPopup( this, {$options['wl_id']} )' title='{$this->lang->words['warnings_issued']}' />
				</if>
				<a class='desc lighter blend_links' href='{parse url="app=members&module=profile&section=warnings&member={$author['member_id']}&from_app={$this->request['app']}&from_id1={$contentid}&from_id2={$options['id2']}" base="public"}' id='warn_link_{$contentid}_{$author['member_id']}' title='{$this->lang->words['warn_view_history']}'>{parse expression="sprintf( $this->lang->words['warn_status'], $author['warn_level'] )"}</a>
			</li>
		</if>
		
		<li>
			<span class="ft">Grupa:</span> <span class="fc">{$author['_group_formatted']}</span>
		</li>
                <if test="postCount:|:$author['member_id']">
                <li>
			<span class="ft">Postów:</span> <span class="fc">{parse expression="$this->registry->getClass('class_localization')->formatNumber( intval( $author['posts'] ) )"}</span>
		</li>
                <li>
			<span class="ft">Reputacja:</span> <span class="fc">{parse expression="$this->lang->formatNumber( intval( $author['pp_reputation_points'] ) )"}</span>
                </li>
                </if>
                <li>
			<span class="ft">Rejestracja:</span> <span class="fc">{parse date="$author['joined']" format="DATE"}</span>
		</li>
			<foreach loop="customFieldsOuter:$author['custom_fields'] as $group => $data">
				<foreach loop="customFields:$author['custom_fields'][ $group ] as $field">
					<if test="$field != ''">
						<li>
							{$field}
						</li>
					</if>
				</foreach>
			</foreach>
		</ul>
	</if>
	
</div>

Następnie

Otwieramy PA > Wygląd i Style > Nasz Styl > CSS > ipb_styles.css

Na samym dole ipb_styles.css wklejamy ten kod :

/************************************************************************/
/* Zmiana wygladu pól profilowych */

.author_info {
	width: 185px;
	float: left;
	font-size: 12px;
	text-align: center;
	padding: 10px 0px 0px 0px;
	line-height: 150%;
}
	
	.author_info .group_title {
		font-weight: bold;
		color: #202020;
		margin-top: 5px;
	}
	
	.author_info .member_title { margin-bottom: 5px; }
	.author_info .group_icon { margin-bottom: 3px; }

	.author_info li.avatar, .author_info li.group_icon, .author_info li.title {
		text-align: center;
		text-shadow: 0 1px 0 #FFFFFF;
	}

	.author_info ul.user_fields li {
		clear: both;
		/*font-size: 0.9em;*/
		padding-bottom: 2px;
		overflow: hidden;
		border-bottom: 1px dashed #454545;
	}
	
	.author_info ul.user_fields {
		
		clear: both;
	}
	
	.author_info ul.user_fields li span.ft,
	.author_info ul.user_fields li span.fc {
		color: #818181;
		display: block;
		float: left;
		text-align: left;
	}
	
	.author_info ul.user_fields li span.ft {
		width: 38%;
		text-align: right;
		/*font-weight: bold;*/
		padding: 0 0 0 4px;
	}
	
	.author_info ul.user_fields li span.fc {
		padding: 0 8px 0 4px;
		max-width: 50%; 
		word-wrap: break-word;
	}


/* Zmiana wygladu pól profilowych */
	

Autor : Klimat ( ProCeder95 , Ja )

[stiven]

JAK wyśrodkować Grupe NP: właściciel GDY usunie Się na Na Początku czyli Grupa:\

Edytowane 2 Listopada 2014 przez stiven

[DawPi]

JAK wyśrodkować Grupe NP: właściciel GDY usunie Się na Na Początku czyli Grupa:\

Ciebie nie męczy takie pisanie?

 

O co chodzi? Ale powoli i dokładnie.

[Jurij]

Tłumaczę z Gimbońskiego na Polski:

 

Autorowi tego zacnego posta chodzi o to, aby usunąć opis pola:

Grupa:

I wyśrodkować tytuł grupy:

Technik

[pawel7121]

JAK wyśrodkować Grupe NP: właściciel GDY usunie Się na Na Początku czyli Grupa:\

 

Usuń

<span class="ft">Grupa:</span>

a to

<span class="fc">{$author['_group_formatted']}</span>

zamień na

<span style="text-align:center" class="fc">{$author['_group_formatted']}</span>

ps. Jurij, dzięki za tłumaczenie.

Edytowane 2 Listopada 2014 przez pawel7121

[stiven]

Sorry że tak to nie zrozumiale napisałem ale nie wiedziałem jak to sprecyzować. I dzięki za pomoc.

 

Ale jest taki problem że tego nie mam na środku tylko po lewej stronie 

Edytowane 2 Listopada 2014 przez stiven

[Gość bicek]

Trochę to nie ładnie wygląda

 

 

http://scr.hu/4j6u/e7imi

[ProCeder95]

Trochę to nie ładnie wygląda

 

 

http://scr.hu/4j6u/e7imi

To już nie jest wina poradnika Zapewne masz coś źle ustawione na forum