1

Topic: How to: Zodiac works

In this tutorial I'm going to explain nice way of creating zodiac fields and displaying zodiac sign in member's profile page.

1. First of all go and find some good zodiac icons. Free or paid.
Here's a couple of useful links in case you don't know how to use Google:
http://roundpixel.org/?p=69, Free zodiac icons by Ken Saunders

If you are too lazy take these resized Ken Saunders' icons I'm using in the tutorial.

2. Go to your vldP Control panel -> Settings -> Custom fields and create new custom field 'zodiac' under General group. And locate it under Age field cause it makes sense.

[img]http://www.vldcrowd.com/media/uploads/ckf/ra/radioact/images/cp-customfields.gif[/img]

3. Rename your icons using this pattern: zodiac_[item_id].png (or gif depending on your file):

[img]http://www.vldcrowd.com/media/uploads/ckf/ra/radioact/images/renaming.gif[/img]

Renaming files you must set your own item ids you've got creating field at step 2.
Place files to your template's media folder.

4. Open your member_profile.tpl (member's profile page template) and account_home.tpl (My profile or My page template) and find code:
<div class="datainfo"> (which is right before
<!-- INCLUDE member_sections_name.tpl -->)

and make it look like:
<div class="datainfo" style="background: url('{virtual_tpl_path}{session.template}/media/zodiac_{profile_field_zodiac_value_id}.png') no-repeat 200px 10px;">

5. Test and enjoy!

[img]http://www.vldcrowd.com/media/uploads/ckf/ra/radioact/images/final.gif[/img]

This is result I've got.

P.S.: We could be using 'icon_Libra.png' and link to it as {profile_field_zodiac_value}.png but in that case no multi language would be supported. "Id has no nationality smile" (c) Me

P.P.S.: We could be using <img src="{virtual_tpl_path}{session.template}/media/zodiac_{profile_field_zodiac_value_id}.png" alt="{profile_field_zodiac_value}" border="0" /> instead of styles but that would break your design layout by putting lots of space to profile fields.

Next time I'll tell you how to automate zodiac selection depending on birthday.

This text was originally posted on vldCrowd

Last edited by radioact (2009-06-09 07:01:53)

2

Re: How to: Zodiac works

i have also developed a script which calculate / update all zodiac empty profiles, based on the profile birthday
i run it once every night via cronjob

fox.69 (at) gmx.net

3

Re: How to: Zodiac works

Hi radioact great tutorial I have on my site now, looks cool I used animated gif's I think the girls will get a giggle smile

Next time I'll tell you how to automate zodiac selection depending on birthday.

I would love to use this auto code on my site, when you have time to post, also I have included "Born in the year of" do you think your auto code would work for that custom field as well?

Again thanks for the cool post smile

4

Re: How to: Zodiac works

Thank you BigDog!
I'm sure it will work as long as your "Born in the year of" mod is a proper javascript or jquery code.

I will post next part here on the forum in 3-5 days.

Last edited by radioact (2009-06-14 22:10:41)

5

Re: How to: Zodiac works

I followed your instructions above, but the zodiac symbols don't show up on new test profiles. :-(

6

Re: How to: Zodiac works

This forum section is for tutorials and tips only. Please DO NOT post technical support questions here. Use an appropriate forum section and link to a tutorial if necessary.

The sticky rules asks that you

Create a new topic for your tutorial question in the appropriate forum and place your link there to reference the tutorial thread.

Last edited by seeme101 (2009-08-23 22:47:07)

7

Re: How to: Zodiac works

Success!
After much work, I have zodiac signs on member's pages. For those of you following this thread, here is what I did get it working. (Thanks, also to Radioact.)

I used the resized Ken Saunder's icons but put brackets around the numbers. Don't do this. This is obvious to you who have some experience with this, but it was new to me. Your icons should look like this "zodiac_572.png" and be placed in your template's media folder.

I replace this code: "<div class="datainfo">" with this:

"<!--  BEGIN MOD BY RGW FOR ZODIAC  -->
<div class="datainfo" style="background: url('{virtual_tpl_path}{session.template}/media/zodiac_{profile_field_zodiac_value_id}.png') no-repeat 200px 10px;">
<!--  END MOD BY RGW FOR ZODIAC  -->"

I add some comment and my initials to mark the location of what was changed in case I need to go back and undo it. Sometimes I also include the url for the same reason:

"<!--  http://www.vldpersonals.com/forum/viewtopic.php?pid=31016#p31016  -->"

In this case, I found that adding the call only in account_home.tpl placed the icon in both the profile page and the search page.

8

Re: How to: Zodiac works

Hey guys,
Never use <!-- BEGIN and <!-- END as start of your personal comments because those are reserved words!

9

Re: How to: Zodiac works

Hi guys.. i have a problem using this trick!

When i open source of profile page,  i obtain:
zodiac_ & # 123 ;  profile_field_zodiac_value_id & # 125  ; .png

and this link:
<div class="datainfo" style="background: url('http://www.ticercavo.com/templates/dark_yellowish/media/zodiac_ & # 1 2 3 ; profile_field_zodiac_value_id & # 1 2 5 ; .png') no-repeat 200px 10px;">


should be zodiac_number.png

Any suggestion?

Thanks
Alex

Last edited by AleXP (2009-09-12 16:40:24)

10

Re: How to: Zodiac works

Make sure you have set your zodiac field to load in account and public profile.

11

Re: How to: Zodiac works

I created small extension to show Zodiac signs automatically, check it out: http://www.vldpersonals.com/forum/viewtopic.php?id=6407

12

Re: How to: Zodiac works

I tried the zodiak and it worked great!
  But... what if I want to use the same basic idea for what my members are looking for? love, chat, a date what ever. I need to be able to add more then one icon at a time LOVE, CHAT, A DATE, SEX and so on depending on how many things they are looking for.

Thanks

13

Re: How to: Zodiac works

You have to create an extension based on {break:} extension. So it woldn't just format checkboxes but display gifs instead.

14

Re: How to: Zodiac works

I cant find
<div class="datainfo"> (which is right before
<!-- INCLUDE member_sections_name.tpl -->)
in my member_profile.tpl

i have <div class="datainfo profile" id="profile_data_{rowcnt}_content" style="display: none">

i use 2.5.5
What should i do?

whats the call for member_profile.tpl in 2.5.5?

Last edited by sadat (2010-03-14 17:54:41)

15

Re: How to: Zodiac works

radioact wrote

In this tutorial I'm going to explain nice way of creating zodiac fields and displaying zodiac sign in member's profile page.

1. First of all go and find some good zodiac icons. Free or paid.
Here's a couple of useful links in case you don't know how to use Google:
http://roundpixel.org/?p=69, Free zodiac icons by Ken Saunders

If you are too lazy take these resized Ken Saunders' icons I'm using in the tutorial.

2. Go to your vldP Control panel -> Settings -> Custom fields and create new custom field 'zodiac' under General group. And locate it under Age field cause it makes sense.

[img]http://www.vldcrowd.com/media/uploads/ckf/ra/radioact/images/cp-customfields.gif[/img]

3. Rename your icons using this pattern: zodiac_[item_id].png (or gif depending on your file):

[img]http://www.vldcrowd.com/media/uploads/ckf/ra/radioact/images/renaming.gif[/img]

Renaming files you must set your own item ids you've got creating field at step 2.
Place files to your template's media folder.

4. Open your member_profile.tpl (member's profile page template) and account_home.tpl (My profile or My page template) and find code:
<div class="datainfo"> (which is right before
<!-- INCLUDE member_sections_name.tpl -->)

and make it look like:
<div class="datainfo" style="background: url('{virtual_tpl_path}{session.template}/media/zodiac_{profile_field_zodiac_value_id}.png') no-repeat 200px 10px;">

5. Test and enjoy!

[img]http://www.vldcrowd.com/media/uploads/ckf/ra/radioact/images/final.gif[/img]

This is result I've got.

P.S.: We could be using 'icon_Libra.png' and link to it as {profile_field_zodiac_value}.png but in that case no multi language would be supported. "Id has no nationality smile" (c) Me

P.P.S.: We could be using <img src="{virtual_tpl_path}{session.template}/media/zodiac_{profile_field_zodiac_value_id}.png" alt="{profile_field_zodiac_value}" border="0" /> instead of styles but that would break your design layout by putting lots of space to profile fields.

Next time I'll tell you how to automate zodiac selection depending on birthday.

This text was originally posted on vldCrowd


I follow your instruction, but in my page I don't see the zodiac sign

16

Re: How to: Zodiac works

Try editing member_profile.tpl as well, since it doesn't use member_sections_card.tpl inside as it was before.
If you still expericence problems let me know your site url.

17

Re: How to: Zodiac works

Hello! .. Is it always possible to explain how to do with birth dates (with or without style).

Aries March 20 - April 20
Taurus April 20 - May 21
Gemini May 21 - June 21
Cancer June 21 - July 22
Leo July 22 - August 23
Virgo August 23 - September 23
Libra 23 September - 23 October
Scorpio 23 October - 22 November
Sagittarius November 22 - December 22
Capricorn December 22 - January 20
Aquarius January 20 - February 18
Pisces February 18 - March 20

Best Regards,
Sammy

18

Re: How to: Zodiac works

How to: Zodiac works. Part 2

19

Re: How to: Zodiac works

Congratulations to you, it works!
Version 2.7 does not work unfortunately.
I have been struggling with the problem of hours, but always the same zodiac with each user record.
What should I do? Someone could help me? Thank you very much

20

Re: How to: Zodiac works

sysguard wrote

Congratulations to you, it works!
Version 2.7 does not work unfortunately.
I have been struggling with the problem of hours, but always the same zodiac with each user record.
What should I do? Someone could help me? Thank you very much


it work with Version 2.3 .. 2.5... and Version2.7 because i had it running... ;-)

21

Re: How to: Zodiac works

great to hear it works wink

22

Re: How to: Zodiac works

Sure Ramil code still work , even when upgraded from early version to 2.7 the only change i need to do is item id , you can check on your CP.

23

Re: How to: Zodiac works

I don't see on your site edit zodiac sign, fainonline. smile After making adjustments to the user's last star appeared in the record to all members. This is not good, please help me. thank you

Last edited by sysguard (2011-06-17 20:22:15)

24

Re: How to: Zodiac works

sysguard wrote

I don't see on your site edit zodiac sign, fainonline. smile After making adjustments to the user's last star appeared in the record to all members. This is not good, please help me. thank you

I purposefully don't add it on members public profile (Maybe i should?), but if you login password and username: Demo you will see the Zodiac when you do the search or at whois online smile..

Last edited by fainonline (2011-06-19 04:01:21)

25

Re: How to: Zodiac works

Thanks. smile Yes, given that a sentence containing cronnal 5000 horoscope updated pages will work. smile So how do it at version 2.7? Can you help? I of course will pay for your work. thank you