Diferencias

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

--- notas:owncloud [2015/04/16 14:06] – [Apariencia] cayu
+++ notas:owncloud [2015/04/30 13:32] (actual) – cayu
@@ Línea 128: / Línea 128: @@
 ^./core/templates||
+**/var/www/owncloud/themes/[nuestro tema]**
 <code php defaults.php>
 <?php
@@ Línea 160: / Línea 160: @@
 </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.