Herramientas de usuario

Herramientas del sitio


notas:owncloud

Diferencias

Muestra las diferencias entre dos versiones de la página.

Enlace a la vista de comparación

Ambos lados, revisión anteriorRevisión previa
Próxima revisión
Revisión previa
notas:owncloud [2015/04/16 13:50] cayunotas:owncloud [2015/04/30 13:32] (actual) cayu
Línea 108: Línea 108:
 “post_max_size” “post_max_size”
 ===== Apariencia ===== ===== Apariencia =====
 +
 +La elección del tema a se debe establecer en **config/config.php**
 +<code php>
 +‘theme’ => ‘MyTheme’,
 +</code>
 +
 +Dentro de **/var/www/owncloud/themes/[nuestro tema]** vamos a tener todos los archivos y directorios que hacen al tema
 +
 +^./core||
 +^./core/css||
 +^./core/css/images||
 +^./core/img||
 +^./core/img/actions||
 +^./core/img/design||
 +^./core/img/design/svg||
 +^./core/img/filetypes||
 +^./core/img/places||
 +^./core/img/rating||
 +^./core/templates||
 +
 +**/var/www/owncloud/themes/[nuestro tema]**
 +<code php defaults.php>
 +<?php
 +class OC_Theme {
 +
 +    private $ThemeName;
 +
 +
 +    function __construct() {
 +        $this->ThemeName = "Cayu";
 +    }
 +
 +    public function getName() {
 +        return $this->ThemeName;
 +    }
 +
 +    public function getTitle() {
 +     return $this->ThemeName;
 +    }
 +    public function getMailHeaderColor() {
 +     return "#FFFFFF";
 +    }
 +    public function getBaseUrl() {
 +     return "https://owncloud.cayu.com.ar";
 +    }
 +    public function getSlogan() {
 +     return "Cayu Nube privada";
 +    }
 +}
 +?>
 +</code>
 +
 +Si por ejemplo queremos modificar el esquema de la pantalla de login :
 +
 +**/var/www/owncloud/themes/[nuestro tema]/core/templates**
 +<code php layout.guest.php>
 +<!DOCTYPE html>
 +<!--[if lt IE 7]><html class="ng-csp ie ie6 lte9 lte8 lte7"><![endif]-->
 +<!--[if IE 7]><html class="ng-csp ie ie7 lte9 lte8 lte7"><![endif]-->
 +<!--[if IE 8]><html class="ng-csp ie ie8 lte9 lte8"><![endif]-->
 +<!--[if IE 9]><html class="ng-csp ie ie9 lte9"><![endif]-->
 +<!--[if gt IE 9]><html class="ng-csp ie"><![endif]-->
 +<!--[if !IE]><!--><html class="ng-csp"><!--<![endif]-->
 + <head data-requesttoken="<?php p($_['requesttoken']); ?>">
 + <title>
 + <?php p($theme->getTitle()); ?>
 + </title>
 + <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 + <meta http-equiv="X-UA-Compatible" content="IE=9" />
 + <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
 + <meta name="apple-itunes-app" content="app-id=543672169">
 + <link rel="shortcut icon" href="<?php print_unescaped(image_path('', 'favicon.png')); ?>" />
 + <link rel="apple-touch-icon-precomposed" href="<?php print_unescaped(image_path('', 'favicon-touch.png')); ?>" />
 + <?php foreach($_['cssfiles'] as $cssfile): ?>
 + <link rel="stylesheet" href="<?php print_unescaped($cssfile); ?>" type="text/css" media="screen" />
 + <?php endforeach; ?>
 + <?php foreach($_['jsfiles'] as $jsfile): ?>
 + <script type="text/javascript" src="<?php print_unescaped($jsfile); ?>"></script>
 + <?php endforeach; ?>
 +
 + <?php foreach($_['headers'] as $header): ?>
 + <?php
 + print_unescaped('<'.$header['tag'].' ');
 + foreach($header['attributes'] as $name=>$value) {
 + print_unescaped("$name='$value' ");
 + };
 + print_unescaped('/>');
 + ?>
 + <?php endforeach; ?>
 + </head>
 + <body id="body-login">
 +     <img src="<?php print_unescaped(image_path('', 'logo_cayu.png')); ?>" alt="<?php p($theme->getName()); ?>" />
 + <?php print_unescaped($_['content']); ?>
 + <div class="push"></div><!-- for sticky footer -->
 + <footer>
 + <p class="info">
 + <a href="http://cayu.com.ar" target="_blank">Cayu</a>
 + </p>
 + </footer>
 + </body>
 +</html>
 +</code>
 +
 +Fragmento ! :
 +**/var/www/owncloud/themes/[nuestro tema]/core/css/**
 +<code css layout.guest.php>
 +...
 +#body-login {
 + text-align: center;
 + background: #FFFFFF;
 + margin: 40px;
 +        background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 0%); /* FF3.6+ */
 + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(0%,#ffffff)); /* Chrome,Safari4+ */
 +        background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 0%); /* Chrome10+,Safari5.1+ */
 +        background: -o-linear-gradient(top, #ffffff 0%,#ffffff 0%); /* Opera11.10+ */
 +        background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 0%); /* IE10+ */
 +        background: linear-gradient(top, #ffffff 0%,#ffffff 0%); /* W3C */
 +        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
 +}
 +#body-login input[type="text"],
 +#body-login input[type="password"],
 +#body-login input[type="email"],
 +#body-login input[type="submit"] {
 + border: solid 1px  #949da9;
 + border-radius: 5px;
 + margin: 2px;
 + color: #ddd;
 +}
 +#body-login input[type="submit"].primary, input[type="button"].primary, button.primary, .button.primary {
 + background-color: #35537a;
 + font-size: 10px;
 +}
 +#body-login footer .info,#body-login footer .info a:link {
 + white-space: nowrap;
 + color: #35537a;
 +}
 +
 +#body-login input[type=checkbox] {
 +  margin-left: 10px;
 +  border-radius: 50%;
 +  position: relative;
 +}
 +
 +#body-login #remember_login:hover+label,
 +#body-login #remember_login:focus+label  {
 +        color: #35537a !important;
 +}
 +
 +#body-login .wrapper {
 + text-align: center;
 +        min-height: 100%;
 +        margin: 0 auto -70px;
 +        width: 300px;
 +}
 +#body-login footer, #body-login .push {
 +        height: 80px;
 +}
 +...
 +</code>
 +==== Notas ====
 +
 +Dentro de **owncloud/core/img** hay un archivo que se llama //logo-mail.gif//, es necesario reemplazarlo por el archivo que sea preciso mostrar dentro del mail de notificación.
notas/owncloud.1429192231.txt.gz · Última modificación: 2015/04/16 13:50 por cayu