Autor Tema: Ayuda modificar colores plantilla Mobile Joomla  (Leído 6929 veces)

matrigca

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 20
    • Ver Perfil
Ayuda modificar colores plantilla Mobile Joomla
« en: 02 de Junio 2012, 18:35 »
Hola a todos es muy urgente, yo ya tengo instalado el Mobile Joomla, me descargue una plantilla llamada Elegance, y necesito poner colores de fondo personalizados. He visto que los colores que admite por defecto son A= Negro B = Azul/gris C = Gris, D= Gris / Blanco, E =  Amarillo/Gris.
Yo lo uqe ncesito saber es en que archivo puedo añadir un color mas, para personalizarlo a mi modo. Muchas gracias, espero su respuesta. Un saludo a todos.

Ogramar

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2630
    • Ver Perfil
Re:Ayuda modificar colores plantilla Mobile Joomla
« Respuesta #1 en: 02 de Junio 2012, 23:51 »
Hola matrigca, en principio cambiar los colores en una plantilla no es demasiado complicado, aunque también depende de lo que quieras hacer. No es lo mismo cambiar un color que cambiar 40 colores. Para cambiar los colores tendrás que editar un poco del código de los archivos que tendrás en la carpeta templates del joomla. Para saber qué es lo que tienes que tocar suele ser una herramienta bastante útil el firebug (un complemento que se instala sobre el navegador Firefox y que permite poner el ratón sobre una parte de una página web y obtener la información sobre la misma, entre otras cosas cuestiones de css como los colores).
¿Qué archivo hay que tocar? Pues hay que mirarlo. Seguramente se llame template.css pero sin verlo... no se puede saber.
Si esa plantilla es gratuita y me dices dónde se puede descargar y qué es exactamente lo que quieres cambiar a lo mejor puedo mirarlo directamente sobre los archivos. Saludos.

matrigca

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 20
    • Ver Perfil
Re:Ayuda modificar colores plantilla Mobile Joomla
« Respuesta #2 en: 04 de Junio 2012, 12:38 »
Muchas gracias por responder, es vd el primero en hacerlo. La historia es que es una plantilla de mobile, es decir una plantilla de tipo mobile joomla. Viene con unos colores predefinidos en joomla, y se que hay un archivo creo que es .ini donde se cambian los colores pero no se como hacerlo. Si vd puede ayudarme, muchas gracias. Los archivos que me vienen son: component.php, index.php, templateDetails.xml, aqui es donde creo que se debe modificar. Pero no se como se añade por ejemplo un color concreto, azul oscuro.
Bueno espero su respuesta. Un saludo Maria

Ogramar

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2630
    • Ver Perfil
Re:Ayuda modificar colores plantilla Mobile Joomla
« Respuesta #3 en: 04 de Junio 2012, 13:48 »
Hola María, para poder ver qué archivo en concreto es el que hay que tocar, necesitaría ver los archivos. Para ver los archivos, necesitaría o bien que pongas el zip del template adjunto en el foro o bien que me digas de dónde se puede descargar. Una vez vea los archivos quizás te pueda decir dónde creo que hay que tocar, pero sin verlos es muy difícil. Saludos.

matrigca

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 20
    • Ver Perfil
Re:Ayuda modificar colores plantilla Mobile Joomla
« Respuesta #4 en: 04 de Junio 2012, 15:35 »
Mira este es el codigo, es que no sabia que aqui se puede poner los archivos .zip. Te copio el texto del archivo aqui a ver si me puedes ayudar.

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE install PUBLIC "-//Joomla! 1.6//DTD template 1.0//EN" "http://www.joomla.org/xml/dtd/1.6/template-install.dtd">
<extension version="1.6" type="template" client="site" method="upgrade">
   <name>mobile_elegance</name>
   <version>1.0.12</version>
   <author>Mobile Joomla!</author>
   <copyright>(C) 2008-2012 Kuneri Ltd.</copyright>
   <creationDate>May 2012</creationDate>
   <authorEmail>hello@mobilejoomla.com</authorEmail>
   <authorUrl>http://www.mobilejoomla.com</authorUrl>
   <license>GNU/GPL v2 - http://www.gnu.org/licenses/gpl-2.0.html</license>
   <description><![CDATA[Mobile Elegance template for Mobile Joomla!<link rel="stylesheet" type="text/css" href="../templates/mobile_elegance/media/install.php"/>]]></description>
   <files>
      <filename>index.php</filename>
      <filename>component.php</filename>
      <filename>error.php</filename>
      <filename>LICENSE.txt</filename>
      <filename>template_thumbnail.png</filename>
      <folder>add2home</folder>
      <folder>css</folder>
      <folder>fields</folder>
      <folder>html</folder>
      <folder>includes</folder>
      <folder>jqm</folder>
      <folder>js</folder>
      <folder>media</folder>
   </files>
   <languages>
      <language tag="en-GB">en-GB.tpl_mobile_elegance.ini</language>
   </languages>
   <positions>
      <position>mj_iphone_header</position>
      <position>mj_iphone_header2</position>
      <position>mj_iphone_middle</position>
      <position>mj_iphone_middle2</position>
      <position>mj_iphone_footer</position>
      <position>mj_iphone_footer2</position>
      <position>mj_all_header</position>
      <position>mj_all_middle</position>
      <position>mj_all_footer</position>
   </positions>
   <config>
      <fields name="params" addfieldpath="/templates/mobile_elegance/fields">
         <fieldset name="advanced">
            <field name="title" type="titlelist" default="1" label="TPL_MOBILE_JQM__FIELD_TITLE_LABEL" description="TPL_MOBILE_JQM__FIELD_TITLE_DESC" filter="int">
               <option value="1">TPL_MOBILE_JQM__OPTION_SITE_TITLE</option>
               <option value="2">TPL_MOBILE_JQM__OPTION_SITE_LOGO</option>
               <option value="3">TPL_MOBILE_JQM__OPTION_SITE_LOGO_WITH_TITLE</option>
            </field>
            <field name="logo" type="text" size="50" default="/templates/mobile_elegance/logo.png" label="TPL_MOBILE_JQM__FIELD_LOGO_LABEL" description="TPL_MOBILE_JQM__FIELD_LOGO_DESC" />
            <field name="ajax" type="list" default="1" label="TPL_MOBILE_JQM__FIELD_AJAX_LABEL" description="TPL_MOBILE_JQM__FIELD_AJAX_DESC" filter="int">
               <option value="1">TPL_MOBILE_JQM__OPTION_USE_AJAX</option>
               <option value="0">TPL_MOBILE_JQM__OPTION_DONT_USE_AJAX</option>
            </field>
            <field name="transition" type="list" default="slide" label="TPL_MOBILE_JQM__FIELD_TRANSITION_LABEL" description="TPL_MOBILE_JQM__FIELD_TRANSITION_DESC" filter="word">
               <option value="none">TPL_MOBILE_JQM__OPTION_NONE</option>
               <option value="slide">TPL_MOBILE_JQM__OPTION_SLIDE</option>
               <option value="slideup">TPL_MOBILE_JQM__OPTION_SLIDEUP</option>
               <option value="slidedown">TPL_MOBILE_JQM__OPTION_SLIDEDOWN</option>
               <option value="pop">TPL_MOBILE_JQM__OPTION_POP</option>
               <option value="fade">TPL_MOBILE_JQM__OPTION_FADE</option>
            </field>
            <field name="webapp" type="list" default="1" label="TPL_MOBILE_JQM__FIELD_WEBAPP_LABEL" description="TPL_MOBILE_JQM__FIELD_WEBAPP_DESC" filter="int">
               <option value="0">JNO</option>
               <option value="1">JYES</option>
            </field>
            <field name="webappbar" type="list" default="" label="TPL_MOBILE_JQM__FIELD_WEBAPPBAR_LABEL" description="TPL_MOBILE_JQM__FIELD_WEBAPPBAR_DESC" filter="word">
               <option value="">TPL_MOBILE_JQM__OPTION_BARDEFAULT</option>
               <option value="black">TPL_MOBILE_JQM__OPTION_BARBLACK</option>
               <option value="black-translucent">TPL_MOBILE_JQM__OPTION_BARBLACKTRANS</option>
            </field>
            <field name="load_external" type="list" default="0" label="TPL_MOBILE_JQM__FIELD_LOADEXTERNAL_LABEL" description="TPL_MOBILE_JQM__FIELD_LOADEXTERNAL_DESC" filter="int">
               <option value="0">TPL_MOBILE_JQM__OPTION_LOAD_LOCAL</option>
               <option value="1">TPL_MOBILE_JQM__OPTION_LOAD_EXTERNAL</option>
            </field>
            <field name="theme_page" type="list" default="" label="TPL_MOBILE_JQM__FIELD_THEMEPAGE_LABEL" description="TPL_MOBILE_JQM__FIELD_THEMEPAGE_DESC" filter="word">
               <option value="">TPL_MOBILE_JQM__OPTION_DEFAULT_PG</option>
               <option value="a">TPL_MOBILE_JQM__OPTION_A_PG</option>
               <option value="b">TPL_MOBILE_JQM__OPTION_B_PG</option>
               <option value="c">TPL_MOBILE_JQM__OPTION_C_PG</option>
               <option value="d">TPL_MOBILE_JQM__OPTION_D_PG</option>
               <option value="e">TPL_MOBILE_JQM__OPTION_E_PG</option>
            </field>
            <field name="theme_header" type="list" default="" label="TPL_MOBILE_JQM__FIELD_THEMEHEADER_LABEL" description="TPL_MOBILE_JQM__FIELD_THEMEHEADER_DESC" filter="word">
               <option value="">TPL_MOBILE_JQM__OPTION_DEFAULT</option>
               <option value="a">TPL_MOBILE_JQM__OPTION_A</option>
               <option value="b">TPL_MOBILE_JQM__OPTION_B</option>
               <option value="c">TPL_MOBILE_JQM__OPTION_C</option>
               <option value="d">TPL_MOBILE_JQM__OPTION_D</option>
               <option value="e">TPL_MOBILE_JQM__OPTION_E</option>
            </field>
            <field name="theme_footer" type="list" default="" label="TPL_MOBILE_JQM__FIELD_THEMEFOOTER_LABEL" description="TPL_MOBILE_JQM__FIELD_THEMEFOOTER_DESC" filter="word">
               <option value="">TPL_MOBILE_JQM__OPTION_DEFAULT</option>
               <option value="a">TPL_MOBILE_JQM__OPTION_A</option>
               <option value="b">TPL_MOBILE_JQM__OPTION_B</option>
               <option value="c">TPL_MOBILE_JQM__OPTION_C</option>
               <option value="d">TPL_MOBILE_JQM__OPTION_D</option>
               <option value="e">TPL_MOBILE_JQM__OPTION_E</option>
            </field>
            <field name="theme_content" type="list" default="" label="TPL_MOBILE_JQM__FIELD_THEMECONTENT_LABEL" description="TPL_MOBILE_JQM__FIELD_THEMECONTENT_DESC" filter="word">
               <option value="">TPL_MOBILE_JQM__OPTION_DEFAULT_CONTENT</option>
               <option value="a">TPL_MOBILE_JQM__OPTION_A_CONTENT</option>
               <option value="b">TPL_MOBILE_JQM__OPTION_B_CONTENT</option>
               <option value="c">TPL_MOBILE_JQM__OPTION_C_CONTENT</option>
               <option value="d">TPL_MOBILE_JQM__OPTION_D_CONTENT</option>
               <option value="e">TPL_MOBILE_JQM__OPTION_E_CONTENT</option>
            </field>
            <field name="theme_moduletitle" type="list" default="" label="TPL_MOBILE_JQM__FIELD_THEMEMODULETITLE_LABEL" description="TPL_MOBILE_JQM__FIELD_THEMEMODULETITLE_DESC" filter="word">
               <option value="">TPL_MOBILE_JQM__OPTION_DEFAULT_TITLE</option>
               <option value="a">TPL_MOBILE_JQM__OPTION_A_TITLE</option>
               <option value="b">TPL_MOBILE_JQM__OPTION_B_TITLE</option>
               <option value="c">TPL_MOBILE_JQM__OPTION_C_TITLE</option>
               <option value="d">TPL_MOBILE_JQM__OPTION_D_TITLE</option>
               <option value="e">TPL_MOBILE_JQM__OPTION_E_TITLE</option>
            </field>
            <field name="theme_modulecontent" type="list" default="" label="TPL_MOBILE_JQM__FIELD_THEMEMODULECONTENT_LABEL" description="TPL_MOBILE_JQM__FIELD_THEMEMODULECONTENT_DESC" filter="word">
               <option value="">TPL_MOBILE_JQM__OPTION_DEFAULT_CONTENT</option>
               <option value="a">TPL_MOBILE_JQM__OPTION_A_CONTENT</option>
               <option value="b">TPL_MOBILE_JQM__OPTION_B_CONTENT</option>
               <option value="c">TPL_MOBILE_JQM__OPTION_C_CONTENT</option>
               <option value="d">TPL_MOBILE_JQM__OPTION_D_CONTENT</option>
               <option value="e">TPL_MOBILE_JQM__OPTION_E_CONTENT</option>
            </field>
            <field name="theme_pagination" type="list" default="" label="TPL_MOBILE_JQM__FIELD_THEMEPAGINATION_LABEL" description="TPL_MOBILE_JQM__FIELD_THEMEPAGINATION_DESC" filter="word">
               <option value="">TPL_MOBILE_JQM__OPTION_DEFAULT</option>
               <option value="a">TPL_MOBILE_JQM__OPTION_A</option>
               <option value="b">TPL_MOBILE_JQM__OPTION_B</option>
               <option value="c">TPL_MOBILE_JQM__OPTION_C</option>
               <option value="d">TPL_MOBILE_JQM__OPTION_D</option>
               <option value="e">TPL_MOBILE_JQM__OPTION_E</option>
            </field>
            <field name="theme_messagetitle" type="list" default="" label="TPL_MOBILE_JQM__FIELD_THEMEMESSAGETITLE_LABEL" description="TPL_MOBILE_JQM__FIELD_THEMEMESSAGETITLE_DESC" filter="word">
               <option value="">TPL_MOBILE_JQM__OPTION_DEFAULT</option>
               <option value="a">TPL_MOBILE_JQM__OPTION_A</option>
               <option value="b">TPL_MOBILE_JQM__OPTION_B</option>
               <option value="c">TPL_MOBILE_JQM__OPTION_C</option>
               <option value="d">TPL_MOBILE_JQM__OPTION_D</option>
               <option value="e">TPL_MOBILE_JQM__OPTION_E</option>
            </field>
            <field name="theme_messagetext" type="list" default="" label="TPL_MOBILE_JQM__FIELD_THEMEMESSAGETEXT_LABEL" description="TPL_MOBILE_JQM__FIELD_THEMEMESSAGETEXT_DESC" filter="word">
               <option value="">TPL_MOBILE_JQM__OPTION_DEFAULT_LISTVIEW</option>
               <option value="a">TPL_MOBILE_JQM__OPTION_A_LISTVIEW</option>
               <option value="b">TPL_MOBILE_JQM__OPTION_B_LISTVIEW</option>
               <option value="c">TPL_MOBILE_JQM__OPTION_C_LISTVIEW</option>
               <option value="d">TPL_MOBILE_JQM__OPTION_D_LISTVIEW</option>
               <option value="e">TPL_MOBILE_JQM__OPTION_E_LISTVIEW</option>
            </field>
         </fieldset>
      </fields>
   </config>
</extension>


La idea es poder crear otro color como esto <option value="a">TPL_MOBILE_JQM__OPTION_A</option>
Porque resulta que eso significa un color que equivale a A.
Es que veras la plantilla se llama elegance, es de pago asi q no creo que puedas descargartela. Yo te agrzdezco mucho, no se mas como explicarme, mi duda es donde se debe añadir codigo para que ese color me aparezca luego en jooma en la opcion de Page Theme, y asi poder ponerel color de fondo que yo quiera.
Muchas gracias, espero su respuesta

Ogramar

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2630
    • Ver Perfil
Re:Ayuda modificar colores plantilla Mobile Joomla
« Respuesta #5 en: 04 de Junio 2012, 16:05 »
Hola, hacer lo que comentas no parece muy difícil, pero tampoco muy fácil. Te hacen falta conocimientos de programación y de templates... y un rato de trabajo, no es una cosa que se haga en tres minutos. Quizás encuentres alguien que te pueda ayudar porque tenga la plantilla o tenga más conocimiento... otra opción es que escribas al staff de la web y les pidas presupuesto por hacerte ese cambio, o que alguien sea capaz de resolvértelo sin ver los archivos. Saludos

matrigca

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 20
    • Ver Perfil
Re:Ayuda modificar colores plantilla Mobile Joomla
« Respuesta #6 en: 04 de Junio 2012, 16:08 »
Gracias sabia que era complicado, me baje unos videotutoriales, y estoy aprendiendo cosas, pero es que sera tan sencillo como saber a que archivo hay que hacerle las modificaciones, para uqe luego eso salga en las opciones de Joomla. De todos modos muchas gracias. Seguire investigando.

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".