Steps to follow for the construction of a theme for the user
-
- Create a directory with the name of the new theme, this should be in: /usr/local/cwpsrv/var/services/users/cwp_theme/NEWTHEME/
- Within the directory of the new topic, it is recommended that it comply with the following structure:
- NEWTHEME/
- css/
- img/
- js/
- index.html
- mod_NAME_MODULE.html
- NEWTHEME/
- Where
All the Html files receive by the values of the following variables
-
-
- mod = Is an array of module values
- langmod = It is an array with the values of the language files
- users = The name of the user running.
-
Example of a template file:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{langmod.LGLLABEL1}}</title>
<link href="{{url}}/css/bootstrap.min.css" rel="stylesheet">
<link href="{{url}}/font-awesome/css/font-awesome.css" rel="stylesheet">
<link href="{{url}}/css/plugins/iCheck/custom.css" rel="stylesheet">
<!-- Toastr style -->
<link href="{{url}}/css/plugins/toastr/toastr.min.css" rel="stylesheet">
<!-- Gritter -->
<link href="{{url}}/js/plugins/gritter/jquery.gritter.css" rel="stylesheet">
<link href="{{url}}/css/animate.css" rel="stylesheet">
<link href="{{url}}/css/style.css" rel="stylesheet">
<link rel="icon" href="{{url}}/img/ico/favicon.ico" type="image/png">
</head>
<body class="gray-bg">
<div class="login" id="login">
<h1>
{{langmod.LGLLABEL2}}
</h1>
</div>
</body>
</html>