Vldpersonals guide for tutorials and templates

green online icon

May 15

Then a member is online it show (members name) Online Now!
I did this on my site:(members name) Online now !

and this is the icon for offline

change it in your templates …(I have dark_yellowish) … member_sections_name.tpl
open it in notepad++ …and you can save offline.gif and online.gif above and upload it to yours /templates/media/.

<h2 class=”inner”>
<a href=”{top.virtual_path}{member_profile_link}”>{member_username}</a>
<span class=”online”>{lang:”core”,”userinfo_online”}</span>
<!– ENDIF –>
</h2>

replace it with this if you will have a online.gif

<h2 class=”inner”>
<a href=”{top.virtual_path}{member_profile_link}”>{member_username}</a>
<!– IF settings.show_online AND member_online –>
<span class=”online”>
<img src=/templates/dark_yellowish/media/online.gif border=0 title=”Online”></span>
<!– ELSE –>
<img src=/templates/dark_yellowish/media/offline.gif border=0 title=”Offline”></span>
<!– ENDIF –>
</h2>

or replace it with this if you will have members name and online.gif

h2 class=”inner”>
<a href=”{top.virtual_path}{member_profile_link}”>{member_username}</a>
<!– IF settings.show_online AND member_online –>
<span class=”online”>{lang:”core”,”userinfo_online”}
<img src=/templates/dark_yellowish/media/online.gif border=0 title=”Online”></span>
<!– ELSE –>
<img src=/templates/dark_yellowish/media/offline.gif border=0 title=”Offline”></span>
<!– ENDIF –>
</h2>

we found a better solution, change this:
/templates/dark_yellowish/media/
to radioacts solution instead:
{virtual_tpl_path}{session.template}/media/

and save a copy of member_sections_name.tpl before you change anything in case something goes wrong.

thanks radioact for your help with <!– ELSE –> in the code …

Tags: green online icon

No Comments

We had moved to a new Site

Oct 8

Posted by gugu in Vldpersonals

Hey my friends we had moved to a new site.

So please note that the new address will be:

http://www.vldmods.com

Look forward to continued support at the new site!

Welcome to VldMods we had try to connect the most important mods tutorials templates
all stuff related to vldpersonals on one place so we hope you will like the new site,
we had question & answers, a marketplace for mods, and much more.

No Comments

Vldpersonals datingscript !

Jul 25

Posted by gugu in Vldpersonals

I did this site only for making tutorials for vldpersonals datingscript.
Will have little tips guides and tutorials how to starting with vldpersonals.

I have vldpersonals commercials on my own dating sites and I am more than happy.
The support is great and the price is cheap so why not start your own dating site today.

change languages in footer (recommended)

Jul 24

Posted by gugu in Vldpersonals

you can do it like this ... maybee little easier ... or not

and this is only a example :::

<div id="footer">
   {anchor:url1="page/news/",url2="index.php?m=pages&p=news",name="core|menu_news"} |
   {anchor:url1="page/stuff/",url2="index.php?m=pages&p=stuff",name="core|menu_stuff"} |
   {anchor:url1="page/help/",url2="index.php?m=pages&p=help",name="core|menu_help"} |
   {anchor:url1="page/linkadder/",url2="index.php?m=pages&p=linkadder",name="core|menu_linkadder"} |
    <!-- IF settings.enable_tellfriend -->
     {anchor:url1="invitefriends/",url2="index.php?m=invitefriends",name="core|menu_invitefriends"} |
    <!-- ENDIF -->
    <!-- IF settings.enable_feedback -->
     {anchor:url1="contactus/",url2="index.php?m=contactus",name="core|menu_contactus"} |
    <!-- ENDIF -->
    {anchor:url1="page/tos/",url2="index.php?m=pages&p=tos",name="core|menu_tos"}
    <!-- CREDIT LINE: UNAUTHORIZED REMOVAL WILL VOID LICENSE -->

and make new page in controlpanel … write more tomorrow …

and insert new lang strings in lang.core … should explain it too …

No Comments

Terms of service in differents languages

Jul 23

Posted by gugu in Vldpersonals

How can i translate a Terms of service to another language ?

do it in this way … I think this is the best solution on it …

add for every language a new custom page … in controlpanel …

I did this on my site … add this in your footer:

<!– IF loggedin_language == “english” –>
{anchor:url1=”page/tos/”,url2=”index.php?m=pages&p=tos”,name=”Terms of service”} |

<!– IF loggedin_language == “portuguese” –>
{anchor:url1=”page/tos_br/”,url2=”index.php?m=pages&p=tos_br”,name=”Membro Regras”} |

<!– IF loggedin_language == “spanish” –>
{anchor:url1=”page/tos_es/”,url2=”index.php?m=pages&p=tos_es”,name=”Miembro Reglas”} |

<!– IF loggedin_language == “german” –>
{anchor:url1=”page/tos_de/”,url2=”index.php?m=pages&p=tos_de”,name=”Mitglied Regeln”} |

<!– IF loggedin_language == “swedish” –>
{anchor:url1=”page/tos_se/”,url2=”index.php?m=pages&p=tos_de”,name=”Medlems Regler”} |

No Comments

Tooltip

Jul 23

Posted by gugu in Vldpersonals

F5: Unlimited abilities of tooltips

There is a nice, powered by jQuery, function in vldPersonals called ToolTip
Syntax of calling is:

Javascript

This call takes all elements (element_selector) and turns on tooltips made from html code inside attribute title of those elements.

By default it’s been used in events calendar, you can watch at events_calendar.tpl for live example.

Here is a code of last visitors tooltip I’m using at the main page “Site visitors” section.

1. I made a copy from ext.members.tpl, saved it as ext.latest_members.tpl and edited image codes in it.

Original:

Text

Changed to:

Text

<a title=”<img src={top.virtual_pic_path}{member_picture} /> <h3>{trim:member_username,20}</h3><p>from {profile_field_city_value}</p> <p>Visited on: {member_last_visit}</p>” href=”{top.virtual_path}{member_profile_link}”> <img src=”{top.virtual_pic_path}{member_picture}” alt=”{member_username}” border=”0″ /><br></a>

2. After that I added function call at the bottom of ext.latest_visitors.tpl:

Javascript

After page is loaded function takes all elements with name ‘a’ and class ‘tooltip’: <a…
and makes tooltip divs with class ‘nicetooltip’.

3. I added css code to content.css to render divs in nicely.

CSS

/* Member tooltip style */

div.nicetooltip {
display: none;
position: absolute;
background: #FFFFCC;
border: 1px solid #FFCC66 ;
color: #333333;
padding: 5px;
width: 180px; /*width of tooltip*/
}

div.nicetooltip h3 {
color:#FF3300;
font-size:12px;
margin:0px;
padding:0px
}

div.nicetooltip p {
font-size:11px;
color:#333333;
margin:0px;
padding:3px;
}

div.nicetooltip img {
width:70px;
border: 1px solid #999999;
margin-right: 5px;
float:left;
}

You can take this .css code as start point for your further experiments.

4. I called latest visitors in homepage.tpl using regular {members:} extension:

Text

{members:limit=9,cache_time=1,cache_name=”sitevisitors”,orderby=”lastvisit”, template=”ext.latest_visitors.tpl”}

As you can see I set orderby=lastvisit to order by last visit time and I set template=”ext.latest_visitors.tpl” to render data using ext.latest_visitors.tpl

After few tests and complete understanding “how it’s made” you’ll be able easily create online list with tooltips, details tooltip to album picture thumbnails and many more.

This is ext.latest_visitors.tpl I use on this website: link

Let’s discuss any other variants of using tooltips on our websites. You can attach screenshots of your works in post comments.

{members:limit=9,cache_time=1,cache_name="sitevisitors",orderby="lastvisit",template="ext.latest_visitors.tpl"}

thanks radioact for this great tutorial.

No Comments

banner tutorial

Jul 21

Posted by gugu in Vldpersonals

By default the banner code is in the template header.tpl in two places. Here is an image of what the code looks like

By seeing what the code looks like, it will help you understand how to use banners.

Now, lets look at your control panel for creating a banner

STEP 1

STEP 2

STEP 3

STEP 4

Banner on Front End in the Header

That pretty much covers the basics. If you look at step 2 above, you will notice there is a Banner group called Sidebar. Basically you go through the same steps if you want to add a banner to the side of your site. If you do, this will display on every page on the side of your site

Advanced Uses

You can add your own banner group and within that group you can add your banner. You can also add more than one banner to the same group. We will break it down and do each.

First lets see how to create your own group and add a banner to that group.

Now it is time to see how to add another banner to the same group and how to code your template. Lets use the header group for our tutor.

If you look at step 4 above for the header group, we added a banner with a label of google01. We can add another banner to the same group. Not hard to do, but to display it in your template you have to know how to code it. Lets do the steps.

If you are scratching your head and thinking that adding a new Group or adding a another banner to an existing Group accomplishes the same thing, I would agree. However, I’m sure there is some coding advantage to which way to go if you are in to all those if statements and such. I will leave that up to people smarter than I on which way is better for their needs.

That’s it.

Please note that you can only do this with a commercial license. If you have a personal license, the banner feature is not available. Instead, for personal license, you have to add your banner code (i.e. adsense) directly into the template.

thanks dan for this tutorials

Tags: banner

No Comments

Protected: member test

Jul 18

Posted by gugu in Vldpersonals

No Comments

Improving member sections link

Jul 18

Posted by gugu in Vldpersonals

How to: Improving member_sections_links.tpl

I hate upsetting my users that’s why my member_sectios_links.tpl usually looks like this:

…
<!– IF settings.enable_blogs AND member_total_blogs > “0″ –>
<li><a href=”{virtual_path}{member_blog_link}” <!– IF active_module == “member_blog” OR active_module == “member_blog_entry” –>class=”active”<!– ENDIF –>>{lang:”member”,”frm_blog”} ({member_total_blogs})</a></li>
<!– ENDIF –>
<!– IF settings.enable_videos AND member_total_videos > “0″ –>
<li><a href=”{virtual_path}{member_videos_link}” <!– IF active_module == “member_videos” OR active_module == “member_videos_view” –>class=”active”<!– ENDIF –>>{lang:”member”,”frm_videos”} ({member_total_videos})</a></li>
<!– ENDIF –>
<!– IF settings.enable_friends AND member_total_friends > “0″ –>
<li><a href=”{virtual_path}{member_friends_link}” <!– IF active_module == “member_friends” –>class=”active”<!– ENDIF –>>{lang:”member”,”frm_friends”} ({member_total_friends})</a></li>
<!– ENDIF –>
…

As you have probably noticed on this site visiting anybody’s profile you see only those links having content and number of containing objects in brackets.

Thus members of the site rarely see that annoying message “Member did not add any videos (albums|blog entries|friends|guestbooks etc.) yet.”

You can manage links of the albums, events, audio using the same way.

Unfortunately there is no template variable returning number of pictures when you need it most having old-style pictures enabled.

thanks radioact for this mod ...

if member_total_blog_entries not work use member_total_blogs instead please.

Tags: member section link

No Comments

Quick message

Jul 18

Posted by gugu in Vldpersonals

Animated quick messages

Have you received quick message today?

Although we don’t need quick messages on this site but as they say “diagram worths many words”.

Spend 15 minutes and your users appreciate your efforts.

1. Find two animated icons: one for wink and one for kiss. You may take mine though I’m not sure about copyrights. I don’t remember were they free or paid.
Upload icons to your website. Let’s say ‘/media/quick_gifs/’ folder.

2. Open CP->Settings->Quick messages and edit them accordingly:

code: HTML

<img src=“http://www.yoursite.com/media/quick_gifs/kiss.gif” alt=“Kiss” />
Muahz cutie!

and

code: HTML

<img src=“http://www.yoursite.com/media/quick_gifs/wink.gif” alt=“Wink” />
Wanna chat sometime?

Almost done.
If we send quick message now we get ‘<img src=”http://www.yoursite.com/media/quick_gifs/wink.gif” alt=”Wink” />’ as is. That’s happen because all messages cleaned up before displaying for security reasons.
But we can trust quick messages as we trust News made in CP and enable html for them as well. Let’s do it in the next step.

3. Open /includes/lib/lib.account_messages.php and find function show_message

Around line 1170 (commercial version) code:

code: PHP

$body = nl2br(htmlentities2utf8($obj['body']));

replace with:

code: PHP

$body = $quickmsg ? nl2br($obj['body']) : nl2br(htmlentities2utf8($obj['body']));

Now we trust quick messages yet clean up regular messages.

thanks radioact for this nice tutorial ...

If you REALLY want to spice up your message, open your account_messages_view.tpl file and insert this in the bottom, just above the footer code:

<!– IF message_subject == “EXACT QUICK MESSAGE SUBJECT HERE” –>
<embed height=”30″ src=”http://www.sound-effect.com/sounds1/human/kiss_up.wav” width=”344″ AUTOLOAD=”TRUE” AUTOSTART=”true” VOLUME=”100″ HIDDEN=”true”></embed>
<!– ENDIF –>

Then you will hear a cool ‘kissing’ audio when the message is opened to complement the animation;)

thanks maxpower for this solution ...

Tags: quick message

No Comments

File compare program

Jul 10

Posted by gugu in Vldpersonals

Many file compare program cost money but this is free open source.

You can download it here …

WinMerge is an Open Source differencing and merging tool for Windows.
WinMerge can compare both folders and files.
File compare main objective is to show differences in two files
and allow user to copy those differences between the files.
Make it easier for us who have done much change on design functions .
Now we can se what is differences between old and new files.

quick start

Tags: file compare program

No Comments

green online icon

We had moved to a new Site

Vldpersonals datingscript !

change languages in footer (recommended)

Terms of service in differents languages

Tooltip

F5: Unlimited abilities of tooltips

banner tutorial

Protected: member test

Improving member sections link

How to: Improving member_sections_links.tpl

Quick message

Animated quick messages

File compare program

Archives

Meta