Author Topic: Free Profile Options by csibusz (Read 5220 times)

csibusz · « **on:** April 02, 2014, 03:35:32 AM »

Tutorial :

step 1 :

skins_site\def\static\result_user.html

<div class="result_user">
	<a class="link_bare" href="{tplvars.baseurl}/profile.php?uid={profile.fk_user_id}" title="{profile._user}"><img class="user_photo thumb1" src="{tplvars.photourl}/t1/{profile._photo}" alt="{profile._user}" /></a>
	<a class="content-link member_link" href="{tplvars.baseurl}/profile.php?uid={profile.fk_user_id}" title="{profile._user} profile">{profile._user}</a>, {profile.f1}
	<p class="info"><span>{profile.f2_label}</span>: {profile.f2}</p>
	<p class="info"><span>{profile.f3_label}</span>: {profile.f3}</p>
	<p class="info"><span>{profile.f4_label}</span>: {profile.f4}</p>
	<p class="info"><span>Last online</span>: {inject.last_online}</p>
	<div class="clear"></div>
</div>

change

Code: [Select]

<div class="userek">
<div class="result_user">
	<a class="link_bare" href="{tplvars.baseurl}/profile.php?uid={profile.fk_user_id}" title="{profile._user}"><img class="user_photo thumb1" src="{tplvars.photourl}/t1/{profile._photo}" alt="{profile._user}" /></a>
	<a class="content-link member_link" href="{tplvars.baseurl}/profile.php?uid={profile.fk_user_id}" title="{profile._user} profile">{profile._user}</a>, {profile.f1}
	 <hr>
	   <div class="profile-option">
	   <a class="uzi" href="{tplvars.relative_url}message_send.php?to_id={profile.fk_user_id}" title="Send message {profile._user}"></a>
	   </div>
	   <div class="profile-option">
       <a class="flort" href="{tplvars.relative_url}flirt_send.php?to_id={profile.fk_user_id}&amp;return={output.return}" title="Send a flirt {profile._user}"></a>
	   </div>
	   <div class="profile-option">
       <a class="frind" href="{tplvars.relative_url}processors/net_adduser.php?uid={profile.fk_user_id}&amp;net_id=1&amp;return={output.return}" title="Add to friends {profile._user}"></a>
	   </div>
	   <div class="profile-option">
       <a id="link_block" class="blokkol" href="{tplvars.relative_url}processors/net_adduser.php?uid={profile.fk_user_id}&amp;net_id=2&amp;return={output.return}" title="Block {profile._user}"></a>
	   </div>
	   
	   
	<p class="info"><span>{profile.f2_label}</span>: {profile.f2}</p>
	<p class="info"><span>{profile.f3_label}</span>: {profile.f3}</p>
	<p class="info"><span>{profile.f4_label}</span>: {profile.f4}</p>
	<p class="info"><span>Last online</span>: {inject.last_online}</p>
	<div class="clear"></div>
</div>
</div>

step 2

skin_site\def\style\layout.css

add code

Code: [Select]

.profile-option {
float: left;
width: 25%;


}
.uzi {
background: url('../images/letter-closed.png') no-repeat top left;
padding-left: 17px;
}
.flort {
background: url('../images/love-5.png') no-repeat top left;
padding-left: 17px;
}
.frind {
background: url('../images/love-3.png') no-repeat top left;
padding-left: 17px;
}
.blokkol {
background: url('../images/blocked.png') no-repeat top left;
padding-left: 17px;
}
.userek{
border: 1px solid #dfdfdf;
border-radius: 3px;
}

step 3

download images :

skins_site\def\images\

acei7una · « **Reply #1 on:** August 01, 2014, 10:01:27 AM »

I did carefully every step but it does not works for me. I'm using 1.23 etano version. What could it be? nothing changes.

Regards.

maverick · « **Reply #2 on:** August 01, 2014, 04:51:09 PM »

Any time that that you edit the "result_user.html" file you must regenerate the skin in the Admin in order for the changes to take effect.

Admin >> Site Setup >> Skin Settings >> "Regenerate"

acei7una · « **Reply #3 on:** August 02, 2014, 06:22:08 PM »

You are right! Thanks!

SwingersGezocht · « **Reply #4 on:** May 16, 2015, 04:29:03 AM »

Hi,

I try to intergrate it but I get the follow result (etano 2.0)

Any Tips?

Hornyflings · « **Reply #5 on:** June 30, 2015, 10:59:17 PM »

This mod is working with any template or just only with the dafault template included in etano 2.1?

KHDev · « **Reply #6 on:** July 02, 2015, 06:52:41 AM »

Quote from: Hornyflings on June 30, 2015, 10:59:17 PM

This mod is working with any template or just only with the dafault template included in etano 2.1?

This will work with all templates as its basically just additional html. Although additional styling maybe required to incorporate into individual skins.

maverick · « **Reply #7 on:** July 02, 2015, 07:18:49 AM »

Actually this mod won't work properly with version 2.10, you need to make sure the following 2 lines of code in the skins_site\def\static\result_user.html file are like this:

Code: [Select]

 	<a class="link_bare" href="{tplvars.baseurl}/{profile._user}"><img class="user_photo thumb1" src="{tplvars.photourl}/t1/{profile._photo}" onerror="this.src='media/pics/no_photo.gif';" /></a>
	<a class="content-link simple" href="{tplvars.baseurl}/{profile._user}">{profile._user}</a>, {profile.f1}

Therefore, if you're using version 2.10 the full code to use would be:

Code: [Select]

<div class="result_user">
        <a class="link_bare" href="{tplvars.baseurl}/{profile._user}"><img class="user_photo thumb1" src="{tplvars.photourl}/t1/{profile._photo}" onerror="this.src='media/pics/no_photo.gif';" /></a>
	<a class="content-link simple" href="{tplvars.baseurl}/{profile._user}">{profile._user}</a>, {profile.f1}
	<p class="info"><span>{profile.f2_label}</span>: {profile.f2}</p>
	<p class="info"><span>{profile.f3_label}</span>: {profile.f3}</p>
	<p class="info"><span>{profile.f4_label}</span>: {profile.f4}</p>
	<p class="info"><span>Last online</span>: {inject.last_online}</p>
	<div class="clear"></div>
</div>

Just remember that whenever you edit the "result_user.html" file you must regenerate the skin in the Admin in order for the changes to take effect.

Admin >> Site Setup >> Skin Settings >> "Regenerate"

KHDev · « **Reply #8 on:** July 02, 2015, 07:26:59 AM »

Ooo Yeah haha,

Didn't realize he included the profile links in the instructions

Although i'd imagine it should work either way as my demo site works with the old and new style of profile links.

maverick · « **Reply #9 on:** July 02, 2015, 11:52:57 AM »

Quote

Although i'd imagine it should work either way as my demo site works with the old and new style of profile links.

This mod will technically still work either way, at least visually, however it will affect the "User Friendly URL's" feature added in 2.10, when you click on profile links produced by the "user_results.html" file provided by csibusz, such in widgets and search results, they will fetch the user ID instead of the username for the profile URL, therefore if you're using version 2.10 you should instead use the code I provided for the "user_results.html" file.

Hornyflings · « **Reply #10 on:** July 02, 2015, 01:41:13 PM »

Thanks for advice, just see it will affect the "User Friendly URL's" feature. This feature is for me more important than installling the mod.

Hornyflings · « **Reply #11 on:** July 04, 2015, 08:29:44 AM »

Thanks again, just realized there is wink-addon from KHDev, didn't see it before
http://forum.datemill.com/index.php?topic=4254.0
just bought it, will match my needs.

Hornyflings · « **Reply #12 on:** August 03, 2015, 03:53:26 AM »

I'm using now Deano Deluxe theme from KHDev and added the additional options into the member boxes. The new look alike:

What I did:

1. First I've removed the "Block" option and added the option to send "Winks". ("Wink" is an addon available from KHDev). To avoid the layout will get broken on smaller mobile phone displays I've decided to remove "Block" option, because for me it's not important to have here.

2. Didn't use the given icons, instead downloaded free icons http://www.iconarchive.com/ which are allowed to use for commercial purpose. Reduced size of icons to 17 x 16px.

3. In /skins_site/def/static/result_user.html directly after:

Code: [Select]

<div class="profile-option">
		<a class="po_profile" href="{tplvars.baseurl}/{profile._user}" title="{profile._user}">View Profile</a>
	   </div>

added the following code:

Code: [Select]

<div class="profile-option_1">
	   <a class="uzi" href="{tplvars.relative_url}message_send.php?to_id={profile.fk_user_id}" title="Send message {profile._user}"></a>
	   </div>
	   <div class="profile-option_1">
       <a class="winks" href="{tplvars.relative_url}send_wink.php?to_id={profile.fk_user_id}&amp;return={output.return}" title="Send a wink {profile._user}"></a>
	   </div>
	   <div class="profile-option_1">
       <a class="flort" href="{tplvars.relative_url}flirt_send.php?to_id={profile.fk_user_id}&amp;return={output.return}" title="Send a flirt {profile._user}"></a>
	   </div>
	   <div class="profile-option_1">
       <a class="frind" href="{tplvars.relative_url}processors/net_adduser.php?uid={profile.fk_user_id}&amp;net_id=1&amp;return={output.return}" title="Add to friends {profile._user}"></a>
	   </div>

4. Added the following code at the end of the file
/skins_site/def/styles/layout.css

Code: [Select]

.profile-option {
float: left;
width: 42%;
margin-right: 17px;
}

.profile-option_1 {
float: left;
width: 12%;
}

.uzi {
background: url('../images/mail-icon.png') no-repeat top left;
padding-left: 17px;
}
.flort {
background: url('../images/flirt-icon.png') no-repeat top left;
padding-left: 17px;
}
.winks {
background: url('../images/wink-icon.png') no-repeat top left;
padding-left: 17px;
}
.frind {
background: url('../images/friends-icon.png') no-repeat top left;
padding-left: 17px;
}

5. To make sure the member boxes in search options will be displayed correctly I've added the following code into
/skins_site/def/styles/search.css.php

directly after the around line 45 to 50:

Code: [Select]

ul.list_view .result_user .po_profile {
	display: none;
}

just to avoid the icons will be displayed out of the boxes in search result until I've found any solution to add the icons into these boxes:

Code: [Select]

.profile-option {
	display: none;
}

.profile-option_1 {
	display: none;
}

At least it's working great for me with Deano Deluxe theme but am open to any suggestion to improve it.

Free Profile Options by csibusz