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

csibusz

  • Prime Member
  • ****
  • Posts: 165
  • Karma: +17/-2
Free Profile Options by csibusz
« on: April 02, 2014, 03:35:32 AM »


Tutorial :

step 1 :

skins_site\def\static\result_user.html

Code: [Select]
<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

  • Confirmed Member
  • **
  • Posts: 17
  • Karma: +0/-0
Re: Free Profile Options by csibusz
« 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

  • Administrator
  • Veteran Member
  • *****
  • Posts: 2931
  • Karma: +210/-7
    • Maverick Webworks
Re: Free Profile Options by csibusz
« 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"

Fusion Responsive Template & Free Mods
http://www.maverickwebworks.com
DO NOT PM me asking for personal help. Post your problem or request in the forums so the entire community can contribute and benefit.

acei7una

  • Confirmed Member
  • **
  • Posts: 17
  • Karma: +0/-0
Re: Free Profile Options by csibusz
« Reply #3 on: August 02, 2014, 06:22:08 PM »
You are right! Thanks!   :)

SwingersGezocht

  • Active Member
  • ***
  • Posts: 30
  • Karma: +0/-0
Re: Free Profile Options by csibusz
« 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

  • Prime Member
  • ****
  • Posts: 192
  • Karma: +3/-0
    • AsiasHeart
Re: Free Profile Options by csibusz
« 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

  • Global Moderator
  • Veteran Member
  • *****
  • Posts: 501
  • Karma: +43/-2
  • Etano Contributor (Skins & Mods)
    • KH Web Development
Re: Free Profile Options by csibusz
« Reply #6 on: July 02, 2015, 06:52:41 AM »
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

  • Administrator
  • Veteran Member
  • *****
  • Posts: 2931
  • Karma: +210/-7
    • Maverick Webworks
Re: Free Profile Options by csibusz
« 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"

Fusion Responsive Template & Free Mods
http://www.maverickwebworks.com
DO NOT PM me asking for personal help. Post your problem or request in the forums so the entire community can contribute and benefit.

KHDev

  • Global Moderator
  • Veteran Member
  • *****
  • Posts: 501
  • Karma: +43/-2
  • Etano Contributor (Skins & Mods)
    • KH Web Development
Re: Free Profile Options by csibusz
« Reply #8 on: July 02, 2015, 07:26:59 AM »
Ooo Yeah haha,

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

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

maverick

  • Administrator
  • Veteran Member
  • *****
  • Posts: 2931
  • Karma: +210/-7
    • Maverick Webworks
Re: Free Profile Options by csibusz
« 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.

Fusion Responsive Template & Free Mods
http://www.maverickwebworks.com
DO NOT PM me asking for personal help. Post your problem or request in the forums so the entire community can contribute and benefit.

Hornyflings

  • Prime Member
  • ****
  • Posts: 192
  • Karma: +3/-0
    • AsiasHeart
Re: Free Profile Options by csibusz
« 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

  • Prime Member
  • ****
  • Posts: 192
  • Karma: +3/-0
    • AsiasHeart
Re: Free Profile Options by csibusz
« 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

  • Prime Member
  • ****
  • Posts: 192
  • Karma: +3/-0
    • AsiasHeart
Re: Free Profile Options by csibusz
« 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.