diff options
author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:41:45 -0500 |
---|---|---|
committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:41:45 -0500 |
commit | 1109132f09d75da9a28b649c7677bb6ce07c40c0 (patch) | |
tree | 0dd8b084480983cf9f9680e8aedb92782a921b13 /files/es/archive/themes | |
parent | 4b1a9203c547c019fc5398082ae19a3f3d4c3efe (diff) | |
download | translated-content-1109132f09d75da9a28b649c7677bb6ce07c40c0.tar.gz translated-content-1109132f09d75da9a28b649c7677bb6ce07c40c0.tar.bz2 translated-content-1109132f09d75da9a28b649c7677bb6ce07c40c0.zip |
initial commit
Diffstat (limited to 'files/es/archive/themes')
-rw-r--r-- | files/es/archive/themes/create_your_own_firefox_background_theme/index.html | 102 | ||||
-rw-r--r-- | files/es/archive/themes/index.html | 11 |
2 files changed, 113 insertions, 0 deletions
diff --git a/files/es/archive/themes/create_your_own_firefox_background_theme/index.html b/files/es/archive/themes/create_your_own_firefox_background_theme/index.html new file mode 100644 index 0000000000..9f99e57df7 --- /dev/null +++ b/files/es/archive/themes/create_your_own_firefox_background_theme/index.html @@ -0,0 +1,102 @@ +--- +title: Crea tu propio Tema de Fondo para Firefox +slug: Archive/Themes/Create_Your_Own_Firefox_Background_Theme +translation_of: Archive/Themes/Create_Your_Own_Firefox_Background_Theme +--- +<h2 id="Como_crear_tu_propio_Tema_de_Fondo">Como crear tu propio Tema de Fondo</h2> + +<div class="primary auto" id="getting-started"> +<p>Los temas están basados en una imagen "encabezado", la cual adorna el fondo de la Interfaz Gráfica de Firefox.</p> + +<p>Acabaste tu diseño? Puedes <a href="https://addons.mozilla.org/developers/theme/submit">Enviarlo ahora mismo!</a></p> + +<h3 id="Creando_una_imagen_de_Encabezado_para_el_Tema">Creando una imagen de Encabezado para el Tema</h3> + +<p>La imagen de encabezadp es mostrada como el fondo del título de la ventana de Firefox, anidándose tras las barras de herramientas, barra de direcciones, barra de búsqueda y la barra de pestañas. Será <strong>anclada a la esquina superior derecha</strong> de la ventana del explorador.</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 encabezado de prueba aquí.</a></li> +</ul> + +<h4 id="Requerimientos_de_la_imagen">Requerimientos de la imagen</h4> + +<ul> + <li>Las dimensiones deben ser <strong>3000px de ancho × 200px de alto</strong></li> + <li>Formatos PNG o JPG serán aceptados</li> + <li>La Imagen no debe exceder los 300 KB de tamaño de archivo</li> +</ul> + +<h4 id="Trucos">Trucos</h4> + +<ul> + <li>Las imágenes sutiles y de colores más suaves funcionan mejor. La interfaz del buscador puede interferir en imágenes más complejas.</li> + <li>Firefox may reveal more of the lower portion of the image if another toolbar or other UI element is added to the top of the window.</li> + <li>The upper right-hand side of the image should have the most important information—as a user increases the width of the browser window, the browser reveals more of the left-hand side of the image.</li> +</ul> + +<h4 id="Online_Image_Editor_Resources">Online Image Editor Resources</h4> + +<ul> + <li><a href="http://www.pixlr.com">Pixlr</a> — Pixlr offers professional and easy-to-use tools for creating and editing images within a browser.</li> + <li><a href="http://www.photoshop.com">Photoshop</a> — Tweak, rotate and touch up photos with Photoshop® Express, a free online photo editor.</li> +</ul> + +<h3 id="Creating_a_Theme_Footer_Image">Creating a Theme Footer Image</h3> + +<p>In older versions of Firefox, or newer versions with certain add-ons installed, the footer image is displayed as the background of the bottom of the browser window, behind the add-on and find bars. It will be anchored to the bottom-left corner of the browser window. Footer images are optional.</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">View a sample Theme Footer here.</a></li> +</ul> + +<h4 id="Image_Requirements">Image Requirements</h4> + +<ul> + <li>Dimensions should be <strong>3000px wide × 100px high</strong></li> + <li>PNG or JPG file format</li> + <li>Image must be no larger than 300 KB in file size</li> +</ul> + +<h4 id="Tips">Tips</h4> + +<ul> + <li>Subtle, soft contrast images and gradients work best; highly detailed images will compete with the browser UI.</li> + <li>Firefox may reveal more of the upper portion of the image if the find bar is open or if an extension adds more height to the bottom of the window.</li> + <li>The left-hand side of the image should have the most important information—as a user increases the width of the browser window, the browser reveals more of the right-hand side of the image.</li> +</ul> + +<h3 id="Submitting_your_Theme_Images">Submitting your Theme Images</h3> + +<p>To get started submitting your images, go to the Theme Submission page:</p> + +<ol class="itemized"> + <li><strong>Name your theme</strong> — pick a unique name for your theme. Duplicate names are not allowed, so you may need to try a few times to find a unique name.</li> + <li><strong>Pick a category and tags</strong> — select a category and enter some tags that best describe your theme. Keep in mind that a reviewer may reject your theme if it is obvious that your category and/or tags are unrelated to your theme.</li> + <li><strong>Describe your theme</strong> — write a short description of your theme. Keep in mind that a reviewer may reject your theme if your description is not an accurate representation of your theme.</li> + <li><strong>Select a license for your theme</strong> — decide on a copyright license for your work. <a href="http://creativecommons.org/licenses/">Read more about the types of Creative Common licenses.</a> + <ul> + <li><strong>Important:</strong> Please be sure you have the rights to use the image in your theme!</li> + </ul> + </li> + <li><strong>Upload your images</strong> — make sure they are under 300 KB in size and JPG or PNG format!</li> + <li><strong>Select text and tab colors</strong> — you can choose the tab ("background") color and foreground text color that work best with your header image.</li> + <li><strong>Preview your theme</strong> — you're ready to preview your theme! Simply mouse over the image above the Submit Theme button, and see how it looks instantly.</li> + <li><strong>Submit your theme</strong> — if everything looks right, click the Submit Theme button, and you're done! You can see all the themes you've authored on your profile page. + <ul> + <li><strong>Tip:</strong> to ensure that your theme is approved for the gallery, be sure it complies with the content guidelines and terms of service!</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">Submit Your Theme Now</a></p> + +<h2 class="call-to-submit" id="More_Tutorials">More Tutorials</h2> + +<p><a href="http://vanillaorchidstutorials.blogspot.com/2015/11/mozilla-themes-focal-point-sizing.html">Mozilla Themes Focal Point on Sizing</a> - A tutorial on theming with a focus on sizing, by VanillaOrchids.</p> +</div> diff --git a/files/es/archive/themes/index.html b/files/es/archive/themes/index.html new file mode 100644 index 0000000000..aff151946d --- /dev/null +++ b/files/es/archive/themes/index.html @@ -0,0 +1,11 @@ +--- +title: Themes +slug: Archive/Themes +tags: + - NeedsTranslation + - TopicStub +translation_of: Archive/Themes +--- +<p>Archived theme documentation.</p> + +<p></p><ul><li><a href="/en-US/docs/Archive/Themes/Building_a_Theme">Building a Theme</a></li><li><a href="/en-US/docs/Archive/Themes/Common_Firefox_theme_issues_and_solutions">Common Firefox theme issues and solutions</a></li><li><a href="/en-US/docs/Archive/Themes/Creating_a_Skin_for_Firefox">Creating a Skin for Firefox</a><ul><li><a href="/en-US/docs/Archive/Themes/Creating_a_Skin_for_Firefox/UUID">UUID</a></li><li><a href="/en-US/docs/Archive/Themes/Creating_a_Skin_for_Firefox/contents.rdf">contents.rdf</a></li><li><a href="/en-US/docs/Archive/Themes/Creating_a_Skin_for_Firefox/install.rdf">install.rdf</a></li></ul></li><li><a href="/en-US/docs/Archive/Themes/Making_sure_your_theme_works_with_RTL_locales">Making sure your theme works with RTL locales</a></li><li><a href="/en-US/docs/Archive/Themes/Theme_changes_in_Firefox_2">Theme changes in Firefox 2</a></li><li><a href="/en-US/docs/Archive/Themes/Theme_changes_in_Firefox_3">Theme changes in Firefox 3</a></li><li><a href="/en-US/docs/Archive/Themes/Theme_changes_in_Firefox_3.5">Theme changes in Firefox 3.5</a></li><li><a href="/en-US/docs/Archive/Themes/Theme_changes_in_Firefox_4">Theme changes in Firefox 4</a></li></ul><p></p> |