Difference between revisions of "Changing text on the home page"

From TITAN Wiki
Jump to: navigation, search
m
(Tag: visualeditor)
m
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
First, make sure to make a backup copy of all files that you want to modify. To change the text on the home page, open your [[Root directory]] and find default.aspx. You can modify the html according to your needs.
+
First, make sure to make a backup copy of all files that you want to modify. To change the text on the home page, open your [[Root directory]] and find ~/default.aspx file. You can modify the HTML according to your needs.
  
 
== Header section ==
 
== Header section ==
Line 36: Line 36:
 
  <nowiki><div class="milestone"></nowiki>
 
  <nowiki><div class="milestone"></nowiki>
 
                             <nowiki><div class="number" data-animation="true" data-animation-type="number" data-final-number="{NUMBER}"></div></nowiki>
 
                             <nowiki><div class="number" data-animation="true" data-animation-type="number" data-final-number="{NUMBER}"></div></nowiki>
                             <nowiki><div class="title">{NUMBER}</div></nowiki>
+
                             <nowiki><div class="title">{TITLE}</div></nowiki>
 
                         <nowiki></div></nowiki>
 
                         <nowiki></div></nowiki>
 
   <div class="number" data-animation="true" data-animation-type="number" data-final-number="'''''{NUMBER}'''''">
 
   <div class="number" data-animation="true" data-animation-type="number" data-final-number="'''''{NUMBER}'''''">
Line 55: Line 55:
 
replacing placeholder in curly brackets with desired values.
 
replacing placeholder in curly brackets with desired values.
  
{FA_ICON} - a Font Awesome icon element, visit [http://fontawesome.io/icons/ http://fontawesome.io/] for detailed manual.  
+
{FA_ICON} - a Font Awesome icon element, visit [http://fontawesome.io/icons/ http://fontawesome.io/] for detailed manual.
  
<span style="color:red">Warning!</span> Do not remove the  <pre style="width: 385px; display: inline-block;"><titan:Countdown runat="server"></titan:Countdown></pre> tags.
+
<span style="color:red">Warning!</span> Do not remove the   
  
See also: [[Custom homepage]]
+
  <pre style="width: 385px; display: inline-block;"><titan:Countdown runat="server"></titan:Countdown></pre> tags.
 +
 
 +
 
 +
== See also ==
 +
[[Custom homepage|Custom home page]]

Latest revision as of 10:38, 22 May 2018

First, make sure to make a backup copy of all files that you want to modify. To change the text on the home page, open your Root directory and find ~/default.aspx file. You can modify the HTML according to your needs.

Header section

Main menu

Header section of the home page contains logo/site name area, main menu, and language switcher. At the top-left corner of the page, by default TITAN displays the contents of AppSettings.Site.Name variable. You can replace it with plain text if you need. Customizing menu items however require a little bit more work and attention.

See also

Customizing Main Menu

Home content

Welcome screen

You can easily change the welcome text section of your home page. Open your root-level default.aspx file and find <div class="container home-content"> line.

<div class="container home-content">
  <h1>Welcome to <%=AppSettings.Site.Name %></h1>
  <h3><%=AppSettings.Site.Slogan %></h3>
  <p><%=AppSettings.Site.Description %></p>
  <a href="register.aspx" class="btn btn-theme"><%=L1.REGISTER %></a>
  <a href="sites/advertise.aspx" class="btn btn-outline"><%=L1.ADVERTISE %></a>
  Or see our local <a href="/sites/representatives.aspx">Representatives</a> for more information.
</div>

Following variables can be set in the Admin Panel.

  • AppSettings.Site.Name
  • AppSettings.Site.Slogan
  • AppSettings.Site.Description

If you need more flexibility remove the variable along with surrounding code render brackets( <%= %>) and type whatever content you need.

Custom counters

By default animated counters rely on four basic stats that TITAN offers:

  • total number of registered users
  • total amount of money earned, applicationwide
  • number of users that are currently logged in
  • total payout
You may want to display another metrics, or numbers completely unrelated to TITAN internals. If this is the case, head to <div id="milestone" class="content bg-black-darker has-bg" data-scrollview="true"> line and edit each of
applying the following template:
<div class="milestone">
                            <div class="number" data-animation="true" data-animation-type="number" data-final-number="{NUMBER}"></div>
                            <div class="title">{TITLE}</div>
                        </div>

replacing placeholders in curly brackets with desired values.

See also

Placing statistics on pages

Services section

The services section of the home page is an ideal place for highlighting uniqueness and reliability of your business, or you can simply list your features there. In order to edit service boxes, open default.aspx file and customize each of <div class="service"> blocks according to the example below:

<div class="service">
  <div class="icon bg-theme" data-animation="true" data-animation-type="bounceIn">{FA_ICON}</div>
  <div class="info">
    <h4 class="title">{TITLE}</h4>
    <p class="desc">{DESCRIPTION}</p>
  </div>
</div>

replacing placeholder in curly brackets with desired values.

{FA_ICON} - a Font Awesome icon element, visit http://fontawesome.io/ for detailed manual.

Warning! Do not remove the

<titan:Countdown runat="server"></titan:Countdown>
tags.


See also

Custom home page