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:
{$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:
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
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
$(".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
.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.
legend {
margin: 5px 0;
padding: 3px 10px;
background: #2b567f;
color: #ccc;
border-radius: 7px;
width: 80%;
}
Replace this block with the following
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
textarea, input{
font-family: sans-serif;
font-size: 12px;
padding: 6px;
border: 1px solid #ccc;
border-radius: 7px;
color: #666;
}
Replace that block with
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
option, .op option {color: #666; padding: 3px; font-size: smaller;}
Below that, add
option[selected] {padding-right: 13px;}
input:focus {box-shadow: 0 0 5px #369;}
textarea:focus {box-shadow: 0 0 5px #369;}