VisioList 0.9 Instructions

The following html edits should be made when updating.

1) Visiolist stats pages have been renamed. This is due some hosts having the word "stats" reserved for hosting statistics.
Open the following files: premium_list_row, search_result, table_top_row, table_top_row_premium, table_row, table_row_premium, user_cp_main_menu, welcome_logged_in

Within these files find:

copy
{$list_url}/{$url_helper_a}stats{$url_helper_u}{$username}{$url_tail}

In this line change "stats" to "deatils".

The plugin "Clean Urls" takes full control of backward compability in case your old urls are already indexed. The plugins sets the proper 301 redirects.

2) open .htaccess from your root and find:

copy
RewriteRule ^stats/(.*)/ index.php?a=stats&u=$1 [L]
RewriteRule ^stats/ index.php?a=stats [L]

On a new blank line below, add the following two lines

copy

RewriteRule ^details/(.*)/ index.php?a=details&u=$1 [L]
RewriteRule ^overall-stats/ index.php?a=details [L]

3) Jquery Ui Themeroller for the join/edit forms is now deprecated. In wrapper.html find and delete the following line

copy
$(".uiform").form();

Optional css edits

Users using parabola skin can skip this if they replace files on update. For everyone else with custom skins, you can use this as a base to style your join/edit forms. (Remember jquery ui themeroller is not supported anymore.)

1) Add the foolowing to the end of your css file

copy
.screen1 img {
width: 100px;
}
.button1 {
background: #2b567f url(img/bg9.png) bottom left repeat-x;
border: 1px solid #000;
color: #fff;
padding: 5px;
margin: 5px 0;
text-decoration: none;
text-shadow: 1px 1px 2px #000;
font: bold 13px arial, sans-serif;
border-radius: 9px;
cursor: pointer;
}
.button1:hover {
box-shadow: 0 0 5px #369;
}

2) Find the following block of code.

copy
legend {
margin: 5px 0;
padding: 3px 10px;
background: #2b567f;
color: #ccc;
border-radius: 7px;
width: 80%;
}

Replace this block with the following

copy
legend {
width: 80%;
background: #2b567f url(img/bg9.png) bottom left repeat-x;
border: 1px solid #000;
color: #fff;
padding: 5px 0 5px 5px;
margin: 5px 0;
text-decoration: none;
text-shadow: 1px 1px 2px #000;
font: bold 13px arial, sans-serif;
border-radius: 9px;
}

3) Find the following block

copy
textarea, input{
font-family: sans-serif;
font-size: 12px;
padding: 6px;
border: 1px solid #ccc;
border-radius: 7px;
color: #666;
}

Replace that block with

copy
textarea:focus, input:focus{
outline: none;
}
textarea, input {
font-family: sans-serif;
font-size: 12px;
padding: 6px;
border: 1px solid #ccc;
border-radius: 7px;
color: #666;
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-8 */
}

4) find this block of code

copy
option, .op option {color: #666; padding: 3px; font-size: smaller;}

Below that, add

copy
option[selected] {padding-right: 13px;}
input:focus {box-shadow: 0 0 5px #369;}
textarea:focus {box-shadow: 0 0 5px #369;}