1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
|
---
title: Background Themes
slug: Temas/Background
translation_of: Mozilla/Add-ons/Themes/Lightweight_themes
---
<h2 id="Cómo_crear_su_propio_fondo_temático"><span class="short_text" id="result_box" lang="es"><span class="hps">Cómo crear</span> <span class="hps">su propio fondo</span> <span class="hps">temático</span></span></h2>
<div class="primary auto" id="getting-started">
<p><span id="result_box" lang="es"><span class="hps">Los temas se</span> <span class="hps">componen de</span> <span class="hps">un archivo de</span> <span class="hps">imagen gráfica</span> <span class="hps">"de cabecera</span><span>"</span><span>, que</span> <span class="hps">superpone</span> <span class="hps">el valor por defecto</span> <span class="hps">del IU</span></span><span lang="es"><span class="hps"> de Firefox</span></span>.</p>
<p><span class="short_text" id="result_box" lang="es"><span class="hps">¿Termino</span> <span class="hps">su diseño</span><span>?</span> <span class="hps">Puede</span></span> <a href="https://addons.mozilla.org/developers/theme/submit">enviarlo ahora mismo!</a></p>
<h3 id="Creación_de_una_Imagen_Cabecera_del_Tema"><span class="short_text" id="result_box" lang="es"><span class="hps">Creación de una Imagen </span></span> Cabecera del Tema</h3>
<p><span id="result_box" lang="es"><span class="hps">La</span> <span class="hps">imagen de cabecera</span> <span class="hps">se muestra como</span> <span class="hps">el fondo de la</span> <span class="hps">parte superior de la</span> <span class="hps">ventana del navegador</span><span>, situado</span> <span class="hps">detrás de</span> <span class="hps">las barras de herramientas</span><span>, barra</span> <span class="hps">de direcciones,</span> <span class="hps">barra de búsqueda y</span> <span class="hps">la barra de pestañas</span><span>.</span></span> <span id="result_box" lang="es"><span class="hps">Estará</span> <span class="hps">anclada en</span> <span class="hps">la esquina superior</span> <span class="hps">derecha de la</span> <span class="hps">ventana del navegador.</span></span></p>
<p class="screenshot"><img alt="" src="https://mdn.mozillademos.org/files/9929/header-step.jpg" style="height: 215px; width: 1059px;"></p>
<ul>
<li><a href="https://addons.cdn.mozilla.net/static/img/docs/themes/header.jpg">Ver un ejemplo del Encabezado del Tema aqui.</a></li>
</ul>
<h4 id="Requisitos_de_la_Imagen"><span class="short_text" id="result_box" lang="es"><span class="hps">Requisitos de la Imagen</span></span></h4>
<ul>
<li><span id="result_box" lang="es"><span class="hps">Las dimensiones</span> <span class="hps">deben ser de</span> <strong><span class="hps">3000px</span> <span class="hps">de ancho</span> <span class="hps">×</span> <span class="hps">200 píxeles</span> <span class="hps">de alto</span></strong></span></li>
<li>Formato de archivo PNG o JPG</li>
<li>El archivo de imagen no debe ser mayor de 300 KB</li>
</ul>
<h4 id="Consejos">Consejos</h4>
<ul>
<li><span id="result_box" lang="es"><span class="hps">Sutil</span><span>,</span> <span class="hps">imágenes de contraste</span> <span class="hps">suaves</span> <span class="hps">y gradientes</span> <span class="hps">funcionan mejor</span><span>;</span></span> imagenes muy detalladas <span id="result_box" lang="es"><span class="hps">competirá con</span> <span class="hps">la IU</span> <span class="hps">del navegador</span><span>.</span></span></li>
<li><span id="result_box" lang="es"><span class="hps">Firefox</span> <span class="hps">puede revelar</span> <span class="hps">más</span> <span class="hps">de la porción inferior</span> <span class="hps">de la imagen si</span> <span class="hps">otra barra de herramientas</span> <span class="hps">u otro elemento de</span> <span class="hps">la interfaz de usuario</span> <span class="hps">se añade a</span> <span class="hps">la parte superior de</span> <span class="hps">la ventana.</span></span></li>
<li><span id="result_box" lang="es"><span class="hps">La parte</span> <span class="hps">superior derecha</span> <span class="hps">de la imagen</span> <span class="hps">debe tener la</span> <span class="hps">información</span> <span class="hps">más importante ya que cuando un</span> <span class="hps">usuario</span> <span class="hps">aumenta</span> <span class="hps">el ancho de la</span> <span class="hps">ventana del navegador</span><span>, el navegador</span> <span class="hps">muestra</span> <span class="hps">más de la</span> <span class="hps">parte izquierda</span> <span class="hps">de la imagen.</span></span></li>
<li><span id="result_box" lang="es"><span class="hps">Los monitores Ultrawide pueden funcionar en una extensión de 3440px. Para obtener una buena visualización en estos monitores, puede aumentar el tamaño de la imagen o asegurarse de que la parte izquierda de la imagen se difumine hacia un color sólido.</span></span></li>
</ul>
<h4 id="Recursos_de_editores_de_imágenes_en_línea"><span class="short_text" id="result_box" lang="es"><span class="hps">Recursos de editores</span> <span class="hps">de imágenes en línea</span></span></h4>
<ul>
<li><a href="http://www.pixlr.com">Pixlr</a> — <span id="result_box" lang="es"><span class="hps">Pixlr</span> <span class="hps">ofrece</span> <span class="hps">herramientas profesionales</span> <span class="hps">y fáciles</span> <span class="hps">de usar para la</span> <span class="hps">creación y edición de</span> <span class="hps">imágenes dentro de</span> <span class="hps">un navegador.</span></span></li>
<li><a href="http://www.photoshop.com">Photoshop</a> — Retoques<span id="result_box" lang="es"><span>, rotar y</span> <span class="hps">retocar</span> <span class="hps">fotos</span> <span class="hps">con</span> <span class="hps">Photoshop</span> <span class="hps">Express,</span> <span class="hps">un editor de</span> <span class="hps">fotos en línea gratis</span><span>.</span></span></li>
</ul>
<h3 id="Creando_una_imagen_de_pie_de_página_del_tema"><strong>Creando una imagen de pie de página del tema</strong></h3>
<p><span id="result_box" lang="es"><span class="hps">En</span> <span class="hps">versiones anteriores de</span> <span class="hps">Firefox</span><span>,</span> <span class="hps">o</span> <span class="hps">versiones más recientes</span> <span class="hps">con</span> <span class="hps">determinados</span> <span class="hps">complementos</span> <span class="hps">instalados,</span> <span class="hps">la imagen</span> <span class="hps">de pie de página</span> <span class="hps">se muestra como</span> <span class="hps">el fondo de la</span> <span class="hps">parte inferior de la</span> <span class="hps">ventana del navegador,</span></span> <span id="result_box" lang="es"><span class="hps">detrás de las barras</span> <span class="hps">complemento</span></span>. <span id="result_box" lang="es"><span class="hps">Estará</span> <span class="hps">anclada en</span> <span class="hps">la esquina</span> <span class="hps">inferior izquierda de</span> <span class="hps">la ventana del navegador</span><span>.</span> <span class="hps">Imágenes</span> <span class="hps">de pie de página</span> <span class="hps">son opcionales</span><span>.</span></span></p>
<p class="screenshot"><img alt="" src="https://mdn.mozillademos.org/files/9935/footer-step.jpg" style="height: 56px; width: 1249px;"></p>
<ul>
<li><a href="https://addons.cdn.mozilla.net/static/img/docs/themes/footer.jpg">Ver una muestra de Tema de pie de página aquí..</a></li>
</ul>
<h4 id="Requisitos_de_la_Imagen_2"><span class="short_text" id="result_box" lang="es"><span class="hps">Requisitos de la Imagen</span></span></h4>
<ul>
<li><span id="result_box" lang="es"><span class="hps">Las dimensiones</span> <span class="hps">deben ser de</span> <strong><span class="hps">3000px</span> <span class="hps">de ancho</span> <span class="hps">×</span> <span class="hps">100 píxeles</span> <span class="hps">de alto</span></strong></span></li>
<li>Formato de archivo PNG o JPG</li>
<li>El archivo de imagen no debe ser mayor de 300 KB</li>
</ul>
<h4 id="Consejos_2">Consejos</h4>
<ul>
<li><span id="result_box" lang="es"><span class="hps">Sutil</span><span>,</span> <span class="hps">imágenes de contraste</span> <span class="hps">suaves</span> <span class="hps">y gradientes</span> <span class="hps">funcionan mejor</span><span>;</span></span> imagenes muy detalladas <span id="result_box" lang="es"><span class="hps">competirá con</span> <span class="hps">la IU</span> <span class="hps">del navegador</span><span>.</span></span></li>
<li><span id="result_box" lang="es"><span class="hps">Firefox</span> <span class="hps">puede revelar</span> <span class="hps">más</span> <span class="hps">de la porción inferior</span> <span class="hps">de la imagen si</span> <span class="hps">otra barra de herramientas</span> <span class="hps">u otro elemento de</span> <span class="hps">la interfaz de usuario</span> <span class="hps">se añade a</span> <span class="hps">la parte superior de</span> <span class="hps">la ventana.</span></span></li>
<li><span id="result_box" lang="es"><span class="hps">La parte</span> <span class="hps">superior derecha</span> <span class="hps">de la imagen</span> <span class="hps">debe tener la</span> <span class="hps">información</span> <span class="hps">más importante ya que un</span> <span class="hps">usuario</span> <span class="hps">aumenta</span> <span class="hps">el ancho de la</span> <span class="hps">ventana del navegador</span><span>, el navegador</span> <span class="hps">muestra</span> <span class="hps">más de la</span> <span class="hps">parte izquierda</span> <span class="hps">de la imagen.</span></span></li>
</ul>
<h3 id="Presentar_sus_imagenes_del_tema">Presentar sus imagenes del tema</h3>
<p><span id="result_box" lang="es"><span class="hps">Para empezar a</span> <span class="hps">enviar sus</span> <span class="hps">imágenes</span><span>, vaya</span> <span class="hps">a la página</span> <span class="hps">de presentación</span> de <span class="hps">Temas:</span></span></p>
<ol class="itemized">
<li><span id="result_box" lang="es"><strong><span class="hps">El nombre de su</span> <span class="hps">tema</span> </strong></span>—<span lang="es"> <span class="hps">elegir un</span> <span class="hps">nombre único para</span> <span class="hps">su tema.</span> <span class="hps">Nombres</span> <span class="hps">duplicados no</span> <span class="hps">están permitidos,</span> <span class="hps">por lo que puede</span> <span class="hps">que tenga que probar</span> <span class="hps">un par de veces</span> <span class="hps">para encontrar</span> <span class="hps">un nombre único.</span></span></li>
<li><strong><span id="result_box" lang="es"><span class="hps">Elija una categoría</span> <span class="hps">y</span> <span class="hps">etiquetas</span> </span></strong>—<span lang="es"> <span class="hps">seleccionar una categoría</span> <span class="hps">y entrar en</span> <span class="hps">algunas etiquetas</span> <span class="hps">que mejor describen</span> <span class="hps">su tema.</span> <span class="hps">Tenga en cuenta que</span> <span class="hps">un crítico</span> <span class="hps">puede rechazar</span> <span class="hps">su tema</span> <span class="hps">si es obvio</span> <span class="hps">que su</span> <span class="hps">categoría y / o</span> <span class="hps">etiquetas</span> <span class="hps">no están relacionados con</span> <span class="hps">su tema.</span></span></li>
<li><span id="result_box" lang="es"><strong><span class="hps">Describa su</span> <span class="hps">tema</span></strong> </span>—<span lang="es"> <span class="hps">escribir una breve</span> <span class="hps">descripción de</span> <span class="hps">su tema.</span> <span class="hps">Tenga en cuenta que</span> <span class="hps">un crítico</span> <span class="hps">puede rechazar</span> <span class="hps">su tema</span> <span class="hps">si su</span> <span class="hps">descripción no es</span> <span class="hps">una representación exacta de</span> <span class="hps">su tema.</span></span></li>
<li><span id="result_box" lang="es"><span class="hps">Seleccione</span> <span class="hps">una licencia</span> <span class="hps">para su tema</span> </span>—<span lang="es"> <span class="hps">decidir sobre</span> <span class="hps">una licencia</span> <span class="hps">de derechos de autor</span> <span class="hps">para su trabajo.</span></span> <a href="http://creativecommons.org/licenses/">Lea más acerca de los tipos de licencias Creative Common.</a>
<ul>
<li><span id="result_box" lang="es"><span class="hps">Importante</span><span>: Por favor,</span> <span class="hps">asegúrese de que tiene</span> <span class="hps">los derechos para usar</span> <span class="hps">la imagen en</span> <span class="hps">su tema</span><span>!</span></span></li>
</ul>
</li>
<li><span id="result_box" lang="es"><strong><span class="hps">Cargue sus imágenes</span></strong> </span>—<span lang="es"> <span class="hps">asegurarse de que son</span> <span class="hps">menos de 300</span> <span class="hps">KB</span> <span class="hps">de tamaño y</span> <span class="hps">JPG</span> <span class="hps">o PNG</span><span>!</span></span></li>
<li><span id="result_box" lang="es"><strong><span class="hps">Seleccione</span> <span class="hps">el texto y</span> <span class="hps">los colores</span> <span class="hps">de la ficha</span></strong> </span>—<span lang="es"><span class="hps"> puede elegir</span> <span class="hps">la pestaña</span> <span class="atn hps">(</span><span class="hps">"background</span><span>"</span><span>)</span><span class="hps"> color</span> <span class="hps">y color</span> <span class="hps">de texto</span> <span class="hps">plano</span> <span class="hps">que</span> <span class="hps">mejor</span> funcione con <span class="hps">su</span> <span class="hps">imagen de cabecera</span><span>.</span></span></li>
<li><span id="result_box" lang="es"><strong><span class="hps">Vista previa de</span> <span class="hps">su tema</span></strong> </span>—<span lang="es"> <span class="hps">usted está listo</span> <span class="hps">para previsualizar</span> <span class="hps">su tema</span><span>!</span> <span class="hps">Simplemente</span> <span class="hps">puntero del ratón sobre</span> <span class="hps">la imagen arriba</span> <span class="hps">del botón</span><span class="hps"> Enviar</span> Tema <span class="hps">y</span> <span class="hps">ver</span> <span class="hps">cómo se ve</span> <span class="hps">al instante.</span></span></li>
<li><span id="result_box" lang="es"><strong><span class="hps">Presentar</span> <span class="hps">su tema</span> </strong></span>—<span lang="es"> <span class="hps">si todo</span> <span class="hps">se ve bien</span><span>,</span> <span class="hps">haga clic en el</span> <span class="hps">botón</span> <span class="hps">Enviar</span> <span class="hps">Tema y</span> <span class="hps">todo listo!</span> <span class="hps">Puede ver todos</span> <span class="hps">los temas</span> <span class="hps">que has</span> <span class="hps">sido autor</span> <span class="hps">en su página de</span> <span class="hps">perfil.</span></span>
<ul>
<li><span id="result_box" lang="es"><strong><span class="hps">Consejo:</span></strong> <span class="hps">para asegurarse de que</span> <span class="hps">su tema</span> <span class="hps">está aprobado para</span> <span class="hps">la galería</span><span>, asegúrese de que</span> <span class="hps">cumple con</span> <span class="hps">las directrices</span> <span class="hps">de contenido y</span> <span class="hps">los términos de servicio</span><span>!</span></span></li>
</ul>
</li>
</ol>
<p class="screenshot"><img alt="" src="https://mdn.mozillademos.org/files/9933/submission-step.jpg" style="height: 1800px; width: 785px;"></p>
<p class="call-to-submit"><a class="button prominent" href="https://addons.mozilla.org/en-US/developers/theme/submit">Presente su Tema Ahora</a></p>
</div>
|
