How to fix those things? (Probably css)

[Jeiko]

Hello again

I start working on a forum and i will need some help.

 

1st i want to change the feedback on topic view now feedbacks look like this:

 

and i want to make it look like this:

 

and the second thing is i need to change 2 things on the index page.

1st this:

 

and 2nd this one:

 

i want to add pictures and remove those dark colors.

 

Sorry for posting all this things in one topic i just made it to avoid spam.

Thanks in advance

[Lock Down]

Ok look at it now. You have one of those fancy skins is why it didn't work. Hope that is what you wanted.

[Jeiko]

so can someone help me on this?

UP!

Still looking for help

[Lock Down]

Show us your userinfopane template.

[Jeiko]

here is the userinfopane code

<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="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>
<if test="rankimage:|:$author['member_rank_img']">
			<li class='group_icon'>
			<if test="rankimageimage:|:$author['member_rank_img_i'] == 'img'">
				<img src='{$author['member_rank_img']}' alt='' />
			<else />
				{$author['member_rank_img']}
			</if>
			</li>
		</if>
<if test="membertitle:|:$author['member_title']">
			<ul class="ribbon"> 
                <li class="ribbon1">
                    <div class="Rleft"></div>
                    <div class="Rright"></div>{$author['member_title']}</li>

       
    </ul>
		</if>
		<ul class="ribbon"> 
                <li class="ribbon2">
                    <div class="Rleft"></div>
                    <div class="Rright"></div>
			{$author['_group_formatted']}
		</li>
    </ul>	
<div class="extraUserInfo">	
		<if test="postCount:|:$author['member_id']">

		<dl class="pairsJustified">
		<dt>Posts:</dt>	
                <dd>{parse expression="$this->registry->getClass('class_localization')->formatNumber( intval( $author['posts'] ) )"}</dd> 
		</dl>
		</if>
 <dl class="pairsJustified">
                <dl class="pairsJustified">
                <dt>Joined:</dt>
                <if test="authorJoined:|:$author['joined']"><dd>{parse date="$author['joined']" format="joined"}</dd></if>
                </dl>

                <dl class="pairsJustified">
                <dt>Reputation:</dt> 
                <dd>{parse expression="$this->lang->formatNumber( intval( $author['pp_reputation_points'] ) )"}</dd>
                </dl>
	<if test="authorcfields:|:$author['custom_fields'] != """>
			<foreach loop="customFieldsOuter:$author['custom_fields'] as $group => $data">
				<foreach loop="customFields:$author['custom_fields'][ $group ] as $field">
					<if test="$field != ''">
		<dl class="pairsJustified">
							{$field}
		</dl>
					</if>
				</foreach>
			</foreach>
	</if>
		<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&amp;module=profile&amp;section=warnings&amp;member={$author['member_id']}&amp;from_app={$this->request['app']}&amp;from_id1={$contentid}&amp;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>
</div>
	</ul>
</div>

but the feedback code is on a file named userPanelFeedback and it has this code inside

<li>
	<ul class="ipsType_small fbkProfStat uP">
		<li>
			<span class="value <if test="$member['feedb_percent'] > 99">positive<else /><if test="$member['feedb_percent'] < 0 ">neutral<else /><if test="$member['feedb_percent'] < 40 ">negative</if></if></if>"><if test="$member['feedb_percent']<0">N/A<else />{$member['feedb_percent']}%</if></span>
			<a href='{$member['fbLink']}'>{$this->lang->words['totalpercent']}</a>
		</li>
		<li>
			<span class="value positive" data-tooltip="{$this->lang->words['totalpos']}">{$member['feedb_pos']}</span>
			<span class="value" data-tooltip="{$this->lang->words['totalneut']}">{$member['feedb_neu']}</span>
			<span class="value negative" data-tooltip="{$this->lang->words['totalneg']}">{$member['feedb_neg']}</span>
		</li>
	</ul>
</li>

[Derosier]

What exactly do you want done for your second request, as I don't actually understand.

[Jeiko]

What exactly do you want done for your second request, as I don't actually understand.

i want to add my background for example to change it on an image like this

or change the color for example..

i don't want to be so empty the whole bg and this up from menu

[Derosier]

i want to add my background for example to change it on an image like this

or change the color for example..

i don't want to be so empty the whole bg and this up from menu

 

 

So you want your logo, to be on the header of your site?

[Jeiko]

So you want your logo, to be on the header of your site?

the logo is already on the header i just want to put a background image back from logo and up from navigation menu

[Lock Down]

Ok  haven't tested since I don't use it but try this

<li>
	<ul class="ipsType_small fbkProfStat uP">
		<li>
		<div class="ipsBadge" style="background:#282828;"><a href='{$member['fbLink']}'>User's Feedbacks</a></div>
		</li>
		<li>
			<span class="value <if test="$member['feedb_percent'] > 99">positive<else /><if test="$member['feedb_percent'] < 0 ">neutral<else /><if test="$member['feedb_percent'] < 40 ">negative</if></if></if>"><if test="$member['feedb_percent']<0">N/A<else />{$member['feedb_percent']}%</if></span>
			<span class="value positive" data-tooltip="{$this->lang->words['totalpos']}">{$member['feedb_pos']}</span>
			<span class="value" data-tooltip="{$this->lang->words['totalneut']}">{$member['feedb_neu']}</span>
			<span class="value negative" data-tooltip="{$this->lang->words['totalneg']}">{$member['feedb_neg']}</span>
		</li>
	</ul>
</li>

On the other I am not sure about your skin but in the globaltemplate look for

			<!-- ::: BRANDING STRIP: Logo and search box ::: -->
			<div id='branding'>
				<div class='main_width'>

to add a background picture behind the logo you can change the main-width and add background url like this

<div id='branding'> style="background-image: url({$this->settings['img_url']}/test-background.gif); height: 100%; width: 100%; ">

Change the width and pic name to match your skin.  Or you can add it in the css for branding. (ipb_styles.css)

[Jeiko]

about the first one changed only the how it looks but it's still up there

but i don't get it on my other forum with the same codes and applications looks ok check

my forum now

 

and my old forum

 

about the 2nd thing didn't worked i put the code and i just see the code on the header

[Lock Down]

Then it must be in the topic view or code because I did not see it in the userinfopane.

[Jeiko]

Then it must be in the topic view or code because I did not see it in the userinfopane.

i use the same skin too..

anyway you know maybe where i can look for this?maybe i can take it from my old forum to the new one

[Lock Down]

I don't have it in my skin. Is it a hook?

[Jeiko]

it's application, this one ->

and i download it once and used the same application on the both forums

[Lock Down]

Ok here you go.

In admin panel 

Applications & Modules  >  Manage Hooks

Click the pencil on the right side of this hook Feedback Information [TopicView]  v1.4.1  .

 

Now click the files tab. In file #1 change the hook id by clicking the drop down to authorcfileds .

 

Change the position of template hook by clicking the drop down to (post.endif) After if statement ends 

 

Now click save hook at bottom of screen.

 

 

ON the second one show me the exact code you changed it to.