VisioList Styles & Design

VisioList allows for easy style changing and editing. To edit the way your VisioList looks login to your admin panel and click on "Skins And Categories" under "Settings". From here you can set your default skin, assign a specific skin to be displayed on a specific category, and edit your templates and css files.

Changing Colors, fonts and other basic CSS properties
VisioList default skin "Parabola" (and hopefully all user contributed skins) include a user.css file which can be used to "override" the settings found in screen.css. This allows the skin developer to add new style elements in future versions without forcing all users to re-apply all their changes to the CSS file. If you want to change any background colors, font families, text colors, borders etc user.css is the place to do it, this will help make upgrades easier in the future.

Changing HTML code
Customizing your style with VisioList is quite easy, from the "Skins and Categories" page in your admin panel click "Edit" under the screenshot of the skin you wish to edit. Most changes are made in the following templates:

wrapper - the header and footer and sidebars structure. Everything surrounding the actual content.
stats - the stats page layout
table_top_row - the template that displays the "TOP" members as set in admin panel "Ranking Settings"
table_row - the template used to display all other members

Tags - Tags can be used in templates

Global - Can be used in any skin file

  • {$header} - Title of the current page
  • {$list_name} - Name of the topsites list
  • {$list_url} - URL to the topsites directory
  • {$skin_name} - Name of the current skin
  • {$skins_url} - URL to the skins directory
  • {$lng->something} - Displays text from the language file
  • {include "file.txt"} - Includes an external file; if you want to include PHP code or other dynamic content, use the full URL to the file (starting with http://)

wrapper.html

  • {$categories_menu} - Drop-down menu for categories
  • {$content} - The content of the page
  • {$execution_time} - Execution time to generate the page
  • {$featured_member} - Featured member box (must be enabled in the admin)
  • {$feed} - URL to the RSS feed for the current category
  • {$multiple_pages_menu} - Drop-down menu for multiple pages
  • {$num_members} - Number of active members
  • {$num_queries} - Number of SQL queries used to generate the page
  • {$powered_by} - Link back to Aardvark Topsites PHP
  • {$query} - Search query
  • {$ranking_methods_menu} - Drop-down menu for ranking methods

ad_break.html, ad_break_top.html
None

admin.html

  • {$admin_content} - The content of the page

admin_login.html
None

edit_form.html, edit_finish.html

  • {$banner_url}
  • {$category}
  • {$description}
  • {$email}
  • {$join_date}
  • {$title}
  • {$url}
  • {$username}

error.html

  • {$error} The error message

error.html

  • {$banner_url}
  • {$category}
  • {$description}
  • {$email}
  • {$join_date}
  • {$title}
  • {$url}
  • {$username}

gateway.html

  • {$username}
  • {$sid} - Session ID

join_captcha.html, join_form.html
None

join_email.html, join_email_admin.html, join_finish.html

  • {$banner_url}
  • {$category}
  • {$description}
  • {$email}
  • {$link_code} - Contents of link_code.html
  • {$title}
  • {$url}
  • {$username}

link_code.html

  • {$username}

lost_pw_form.html, lost_pw_finish.html
None

lost_pw_form_2.html

  • {$sid} - Session ID

lost_pw_finish_2.html

  • {$username}

rate_form.html, rate_finish.html

  • {$username}

search_form.html
None

search_results.html

  • {$next} - Offset for next page
  • {$prev} - Offset for previous page
  • {$results} - Search results

search_result.html

  • {$banner_url}
  • {$description}
  • {$rank}
  • {$title}
  • {$url}
  • {$username}

ssi_new.html, ssi_top.html
Not all global tags work

  • {$num} - Number of sites listed
  • {$sites} - List of sites

ssi_new_row.html, ssi_top_row.html
Not all global tags work

  • {$banner_url}
  • {$category}
  • {$description}
  • {$email}
  • {$join_date}
  • {$title}
  • {$url}
  • {$username}

stats.html

  • {$average_rating}
  • {$banner_url}
  • {$category}
  • {$category_url} - The same as {$category}, but escaped for use in links.
  • {$days_inactive} - Days without a hit in or a pageview.
  • {$description}
  • {$email}
  • {$join_date}
  • {$old_rank}
  • {$reviews} - Reviews of the site
  • {$title}
  • {$url}
  • {$username}
  • {$A_B_C_D} - Stats - A is 'unq' or 'tot'; B is 'in', 'out', or 'pv'; C is either 'max', 'avg', or an integer from 0 through 9 where 0 is today/this week/this month and 9 is 9 days ago/9 weeks ago/9 months ago; D is 'daily', 'weekly', or 'monthly'
  • {$A_B_overall} - Overall stats - A is 'unq' or 'tot'; B is 'in', 'out', or 'pv'

stats_review.html

  • {{$date}} - Review date
  • {$id} - Review ID
  • {$review} - Review

table_open.html, table_top_open.html
None

table_row.html, table_top_row.html

  • {$alt} - Switches between 'alt' and '' every other row
  • {$average} - Average in/out/pageviews daily/weekly/monthly
  • {$rank}
  • {$this_period} - In/out/pageviews today/this week/this month
  • {$up_down}- 'up', 'down', or 'neutral' based on site movement
  • Tags from stats.html except {$reviews}

table_close.html, table_top_open.html
None

user_cp.html

  • {$user_cp_content} - The content of the page

user_cp_login.html
None