Knowledge Base Home Knowledge Base Home | Knowledge Base Glossary Glossary
Home > All Categories > Manage site design theme and contents > How to change site design?
Question Title How to change site design?
Overview
  • Jumbofeed script has fully customizable design template system, which requires the basic knowledge of Web design.
  • Site design files are located under /tpl/ directory.
  • Please take a set of backup for all files before you edit. Ordering design file editing with QualityEbiz is subjected to charge at $25/h. if you have backup files, you can rollback design to original when you make a mistake.
  • Important : Please do not remove script codes in the html files. Example : codes set by {}, or like . If you remove those codes, script may not be functional.

File instruction

Filename under /tpl/ Description
    Main site design
main_tpl.html This is the main design files which includes side menu including member menu. Do not remove {leftnav}, which shows side menu and member menu.  {basket} shows shopping cart info.
main_tpl_no_nav.html This is the main design file for Top domain or index.php access.
When peopel visit your site at http://yourdomain.com or
http://yourdomain.com/index.php, this file is used. It does not include Side menu.
And it shows Keywords category box (keywords.html) in  {containera} section
contact_item_tpl.html This file is design for site's Contact us page, which is linked at
http://www.jumbofeed.com/view/contact
Example is http://www.jumbofeed.com/view/contact
links_item_tpl.html This file is design for Links page, which is linked at
http://www.yourdomain.com/view/links
example : http://www.jumbofeed.com/view/links
news_item_tpl.html This file is design for site news page, which is linked at
http://www.yourdomaincom/view/news
Example : http://www.jumbofeed.com/view/news
shopping_tpl.html This file is design for site shop page, which is linked at
http://www.yourdomain.com/view/shop
Example : http://www.jumbofeed.com/view/shop
toolbar_tpl.html This file is design for toolbar download page, which is linked at
http://www.yourdomain.com/toolbar/install
Example : http://www.jumbofeed.com/toolbar/install
css.css This is style sheet for all design files. Do not remove style sheet link in the main design files. We recommend you use css file instead of inserting styles in each files.
  Search section design
main_tpl_search.html This is the search result page design. It shows search results (searchlines_tpl.html) in {line} section.
portal_tpl.html This file is for portal page design. You can create up to 5 portal page in different design. Read more about Multi portal design, click here.
searchlines_tpl.html This file is for search result page design. This file design is inserted in main_tpl_search.html, where it has {line}
captcha_tpl.html When you enable CaptchaClickValidate in script admin (Security settings), this file is inserted between search click and redirection to final advertisers page. Do not remove {link1} ~ {link3} which shows image font words which searcher has to click to go next page.
javabanner_1.html If you want to setup search box with image. You can setup up to 5 image java image search box. This file will be inserted in member_tools_tpl.html (member tool page)
Example : http://www.jumbofeed.com/view/webuser/task/tools) you can find a search box with image on teh most bottom. that is calling javabanner_1.html.
  Member section design
member_tools_tpl.html This file is design for member tools, which is linked at
http://www.your domain.com/view/webuser/task/tools
Example : http://www.jumbofeed.com/view/webuser/task/tools
apply_item_tpl.html This file is design for XML partner application form, which is linked at
http://www.yourdomain.com/view/apply
Example is http://www.jumbofeed.com/view/apply
    Plug-in contents (Those files are inserted into the script code part in the main design files)
optionnav.html This is file for side menu design. This file design is inserted in the main file, where it has {leftnav}
bot_nav.html This is the file for bottom menu design. This file design is inserted in the main file, where it has {botnav}
top_nav.html This is the file for top menu design. This file design is inserted in the main file, where it has {topnav}
topkeywords_tpl.html This file is the file for Top 15 keywords design on search results page (main_tpl_search.html), it is inserted where {topkeywords} locate.
keywords.html This is the file for keyword category design. This file design is inserted into main_tpl_no_navi.html, where you set {containera}
shopping_left_tpl.html This file is design for shopping cart side menu. This file design is inserted into main_tpl.html, where you set {basket}
fp_news_tpl.html This is the file for front page news inserting.
    Message section
approve_tpl.html This message is inserted when people submit registration. (Script setting must set manual signup approval process instead of automated approval.)
framebuster.html Do not edit this. This is not design file but for script function.


Script code instruction

Script code name Description
{ads1} ~ {ads10} Shows banner rotation. Read more about how to set banner rotation, click here.
{affcom} Shows affiliate base commission percentage set in admin (Pay Per Click / Setting / AffiliateCommission)
{baseurl} Do not remove this code in main template files (it is located in Meta tag area). It determines the base URL of site.
{basket} Shows shoppin cart details. (calling shopping_left_tpl.html)
{botnav} Shows bottom menu, calling bot_nav.html. To decide which link should be included, go to admin System / Navigation adn click teh page. you will find "In top nav" and "In bot nav". If you select Yes with "In top nav", the page link is included in teh Top menu
{containera} Shows the content. If teh page is Terms of service page, then it calls ontents block terms.
{directory} Keyword directory
{itemtitle} Shows the page title of content. This refers Item title of each content pages you set on Contents / Contents block in admin
{leftnav} Shows left menu, calling optionnav.html
{line} This shows search results's details such as bid, url etc. it calls searchlines_tpl.html
{pagetitle} Shows title value in html
{portallink} Shows portal link with UserID
{refcom} Shows referral commission percentage set in admin (Pay Per Click / Setting / ReferalPercent)
{reflink} Shows referral link with the userID
{searched} Shows the keyword just performed. Set it in search form text box.
{sitename} shows site's domain without extension
{topnav} Shows top menu, calling optionnav.html. To decide which link should be included, go to admin System / Navigation adn click teh page. you will find "In top nav" and "In bot nav". If you select Yes with "In top nav", the page link is included in teh Top menu
{toolbar} Do not remove this code if your site offers Toolbar download
{topkeywords} This code shows top 15 keywords on search results page

 

Authored by: QualityEbiz This question has been viewed 7102 times so far.
Click Here to View all the questions in Manage site design theme and contents category.
File Attachments File Attachments
There are no attachment file(s) related to this question.
How helpful was this article to you?
User Comments User Comments
There are no user comments for this question. Be the first to post a comment. Click Here
Related Questions Related Questions
  1. Where can I edit Sitename({pagetitle}) value ?
  2. How to edit content area
  3. How to change the design of contents in member menu
  4. How to add a new content page
  5. Important script codes in design files
Article Information Additional Information
Article Number: 171
Created: 2007-08-22 1:08 AM
Rating 5 Stars
 
Article Options Article Options
Print Question Print this Question
Email Question Email this Question to Friend
Export to MS Word Export to MS Word
Bookmark Article
Digg It Digg It
 
Language Translation Language Translation
 
Search Knowledge Base Search Knowledge Base