Differences

This shows you the differences between two versions of the page.

--- customization [2011/02/01 19:11] – demiankatz
+++ customization [2014/06/13 13:14] – external edit 127.0.0.1
@@ Line 1: / Line 1: @@
-====== User Interface Customization ======
+====== User Interface Customization (VuFind 1.x) ======
-VuFind is developed using [[http://www.smarty.net/|Smarty]] templates for HTML and CSS for design.  Templates and CSS are bundled into themes, which are found in the web/interface/themes folder.  You can use one of VuFind's built-in themes (classic or default), or you can build your own.  The theme used by VuFind is determined by the theme setting in the [Site] section of web/conf/config.ini.
+// This page refers to VuFind 1.x; for documentation on version 2.x, see [[vufind2:Customizing the User Interface|User Interface Customization (VuFind 2.x)]] //.
-The layout is controlled by the Yahoo UI CSS, which means that by modifying the class declarations within the HTML, you can modify the layout. For more information on how to use the Yahoo UI CSS, please see the [[http://developer.yahoo.com/yui/grids/|Yahoo UI web site]]. To modify the colors and design elements, you can edit the styles.css file located in the css directory of your chosen theme.
+VuFind is developed using [[http://www.smarty.net/|Smarty]] templates for HTML and CSS for design.  Templates and CSS are bundled into themes, which are found in the web/interface/themes folder.  You can use one of VuFind's built-in themes (blueprint, classic or default), or you can build your own.  The theme used by VuFind is determined by the theme setting in the [Site] section of web/conf/config.ini.
+The layout in the classic/default themes is controlled by the Yahoo UI CSS, which means that by modifying the class declarations within the HTML, you can modify the layout. For more information on how to use the Yahoo UI CSS, please see the [[http://developer.yahoo.com/yui/grids/|Yahoo UI web site]]. The blueprint theme uses [[http://www.blueprintcss.org/|Blueprint CSS]] instead of YUI.  Regardless of layout, to modify the colors and design elements, you can edit the styles.css file located in the css directory of your chosen theme.
 All of the HTML is stored in Templates. There is one main template that controls the overall web site - the layout.tpl file stored in the root of your chosen theme's directory. Each module also has its own subdirectory in the theme where the individual templates for each web page are stored. They can be modified as needed.