Hire us to design your site.
Feb
12
2012
Themes // Tutorials // VldPersonals

How to edit the Frontpage VldPersonals.

Author An article by VldMods    Comments 16 Comments

This is a beginner tutorial how to edit the frontpage (templates).
for vldpersonals. You need some knowledge in html and css.
(I made this tutorial for a few guys who ask me how to do that !)


You can read this first. (it is a beginner tutorial I made earlier on vldpersonals forum)

1. We have a few important .tpl files on vldpersonals we often need to change
then we insert new functions or mods on our sites.
(header.tpl is the first page all guest will see then they visit your site.)
(homepage.tpl is the page all logged in members will see then they are logged in.)

Header.tpl
Homepage.tpl
Sidebar.tpl
Footer.tpl

2. First lection is how to change/edit/delete functions from your templates.
(one guy ask me to help him with this and here I try to explain how)
(but you must know if you buy another templates it can be different !)

I had little time today so I post this quickly ;)
but will explain better later how to change it !
(but read this post first)

make a right sidebar read more
make right and left sidebar read more
edit quicksearch read more
edit logo header read more
show blog on homepage read more
change footer read more
make new page/content read more
remove name of site in header read more

and here is 60 mods how to change your site …

2. Second lection I will explain how we can remove the top header (your sites logo and login/sign up link)
this example is for one of luvpoints templates you can see the demo here.
(it is a guy need this solution on his site and here it is how to do that !)

and how it looks then you are logged in.

okey now we must change/delete some codes from header.tpl
(we can also hide it with css) but we will not doing it this time !
and I don´t know if he need to hide it for both logged in members and for visitors/guest.

Find this code:  open header.tpl on line 123 – 137. (can be different on another templates)

<div id=”header_wrap”>
<div id=”header”>

<h1><a href=”{virtual_path}” title=”{settings.app_title} – {settings.app_description}”>{settings.app_title}</a></h1>

<div>
<!– IF loggedin == “0” –>
<div>
{anchor:url1=”account/login/”,url2=”index.php?m=account_login”,name=”core|menu_login”,pre=”<span>”,pro=”</span>”} or
{anchor:url1=”account/register/”,url2=”index.php?m=account_register”,name=”core|menu_register”,pre=”<span>”,pro=”</span>”}
</div>
<!– ELSE –>
<div>{banners:group=”header”}</div>
<!– ENDIF –>
</div>

and delete all this code  !
(your sites logo and login/sign up link)  is now deleted !
and you can only see the menu links now … no more box in the top of your header !

if you need a new loginlink on your menu, here is the code for it !

<!– IF loggedin == “0” –>
<li>{anchor:url1=”account/login/”,url2=”index.php?m=account_login”,name=”core|menu_login”,pre=”<span>”,pro=”</span>”}</li>
<!– ENDIF –>

Good luck with your new site !

About the Author: gugu

Hey ... I´m the owner of this site ;) If you need help customize your vldpersonals site. Please ask me and I will try to help you. Enjoy reading !

16 Comments + Add Comment

  • rom 2012/02/15 at 1:51 am

    hi there gugu
    in header tpl file i am try remove on top logo and log in or sign in blog just this blog will u help me please wich line do i have to delete it will be help alot to me thank u for good work

    thank you

    • VldMods 2012/02/15 at 8:53 am

      I will make a guide/tutorial today how to do that !

      • rom 2012/02/16 at 5:37 pm

        its amazing gugu thank you for help realy my web look much better now
        :)

        • VldMods 2012/02/16 at 5:46 pm

          I´m glad I could help you …

          • Søren 2012/04/13 at 1:34 pm

            Hello
            what will a template cost for vldpersonals – it can look like my curent site.?

            All the best

            Søren

          • VldMods 2012/04/13 at 7:32 pm

            49 – 59 USD. look here http://www.luvpoint.com

  • manoj 2012/08/03 at 3:23 am

    Hi i would like to have different color for my menu item when i hover. how can i do this, please help

    • VldMods 2012/08/08 at 4:13 pm

      you must edit your site.css file

      • manoj 2012/08/14 at 8:28 pm

        site.css allow me to edit whole menu. but i need different color(home=green,new=blue,so on).

        • VldMods 2012/08/14 at 9:50 pm

          read this please

  • Promocja Stron Google 2012/08/12 at 11:24 pm

    you’re in point of fact a just right webmaster. The web site loading velocity is amazing. It kind of feels that you’re doing any distinctive trick. Moreover, The contents are masterwork. you’ve done a great job on this subject!

    • VldMods 2012/09/11 at 9:21 pm

      thanks …

  • Daveone 2012/12/17 at 6:06 am

    I remember when you said you where going to create a website explaining how to customized all this stuff and now I see its going on quite well. I have a question, I not familiar with this syntax:
    “{settings.app_title}”

    <a href should be equal to a url link but instead I see "{virtual_path}". Where is this virtual_path and settings.app_description located? Is it a variable for a path in another file? What does this mean?

    Thanks

    • VldMods 2012/12/17 at 6:37 pm

      Start reading this it explain all this calls …

  • vijay 2013/02/08 at 2:03 pm

    i need two things in vldpersonal blackdates template.
    1. search module:
    i need here to show zip code search facility.
    2. slider on blackdates template { http://live.luvpoint.com/index.php?template=blackdates }
    here i want to add new image in image slider..

    Thanks ….

    • VldMods 2013/02/10 at 10:25 pm

      I can help you fix it for a fee … please contact me with details …