Formato css - Clase...
 
Avisos
Vaciar todo

Formato css - Clases - Modulos

24 Respuestas
4 Usuarios
0 Reactions
1,172 Visitas
Gabriel
Respuestas: 153
Estimable Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Estoy adaptando la plantilla favourite, actualmente esta actualizada a la version 3.3
En este momento no se cual es el procedimiento para que el modulo de traducción Gtranslate se vea igual a El modulo de búsqueda.

Ambos en la posicion intro aunque en distintos numeros.(intro 1 e Intro6)
Supongo que hay que especificar la clase del modulo.
Cual es el procedimiento, para encontrar la clase del modulo de referencia y aplicarla a otro?
Muchas gracias

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 08/08/2016 3:27 pm
Gabriel
Respuestas: 153
Estimable Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Bueno ya casi termino con el formato del modulo de traduccion.
Adjunto captura del custom css
Solo me falta:
1- Eliminar el borde blanco (hice un intento, ver captura)
2- Cambiar el fondo blanco en hover de la caja, por un bordo como los botones del Main Menu.
3- Cambiar el fondo blanco en hover del desplegable, por transparente.

http://gabrielangio.com/clonJ36/

Gracias


 
Respondido : 12/08/2016 11:42 pm
Johnny Heredia Montiel
Respuestas: 20127
Illustrious Member Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Hola,

Para eliminar el borde blanco prueba a insertar la siguiente clase en el fichero custom.css

.switcher .selected a {
  border: 0px solid #cccccc!important;
}

 
Respondido : 13/08/2016 12:13 am
Gabriel
Respuestas: 153
Estimable Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Gracias, entonces quedaria para terminar el formato del modulo de traduccion.
1- Reemplazar el fondo blanco en hover de la caja, por un bordo como los botones del Main Menu.
2- Reemplazar el fondo blanco en hover del desplegable, por transparente o el mismo bordo.
3- Reemplazar color linea caja desplegable

gabrielangio.com/clonJ36/

Adjunto un archivo con la información que rescate del desplegable.

Muchas gracias


 
Respondido : 13/08/2016 1:01 pm
Pepe
 Pepe
Respuestas: 42202
Illustrious Member Admin
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Hola Gabriel.

Prueba añadir el siguiente código al archivo custom:

.switcher {
    background-color: #4d141b;
}

Un saludo


 
Respondido : 13/08/2016 1:49 pm
Gabriel
Respuestas: 153
Estimable Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Lo puse pero yo necesito que el color sea solamente en hover


 
Respondido : 13/08/2016 3:47 pm
Johnny Heredia Montiel
Respuestas: 20127
Illustrious Member Moderator
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Hola,

Puedes probar a cambiar la clase:

#fav-introwrap a:hover, #fav-introwrap a:focus, #fav-primewrap a:hover, #fav-primewrap a:focus, #fav-screenwrap a:hover, #fav-screenwrap a:focus, #fav-basewrap a:hover, #fav-basewrap a:focus {
  color: none!important;
}

En esta misma clase puedes aplicar los cambios que necesites.


 
Respondido : 13/08/2016 4:02 pm
Gabriel
Respuestas: 153
Estimable Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

No entiendo bien lo dijiste que haga.

Estoy trabajando solo en el modulo Gtranslate
Tengo:
.switcher.notranslate .selected a {
border: 0px solid #cccccc!important;
?????????????????
}

Si aplico en "background color" tiñe el boton en cualquier estado.
Yo necesito que tiña el boton solamente en hover.
Que debería poner?

http://gabrielangio.com/clonJ36


 
Respondido : 13/08/2016 5:14 pm
Gabriel
Respuestas: 153
Estimable Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Lo logre el codigo es:
.switcher.notranslate .selected a:hover {
background-color: #4D141B!important;
}

Ultima pregunta sobre este tema
¿Cual es la sintaxis para cambiar el background color del hover de la lista desplegable?

Gracias


 
Respondido : 13/08/2016 5:29 pm
Gabriel
Respuestas: 153
Estimable Member
Topic starter
Translate
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
 

Bueno, Finalmente lo logre.

Paso el codigo para quien quiera poner el Gtranslate en el Template fovourite.
Yo lo puse en la posicion Intro6 y el boton es transparente y en hover bordeaux.
Lo podras ver en nataliaygabriel.com proximamente, hoy esta en http://gabrielangio.com/clonJ36

Codigo:

/*Modulo Gtranslate en posicion Intro6 */

#fav-intro6 div.selected a{
padding-right: 14px;
padding-left: 14px;
padding-bottom: 4px;
width: 90%;
vertical-align: top;
display: inline-block;
margin-bottom: 0;
}

#fav-intro6 .switcher{
border-radius:6px;
float :right;
}

.switcher .selected,
.switcher .option{
background:rgba(255,255,255,0.0)!important;
}

.switcher .selected a {
border: 0px solid #cccccc!important;
}

.switcher.notranslate .selected a {
border: 0px solid #cccccc!important;
}

.switcher.notranslate .selected a:hover {
background-color: #4D141B!important;
}

.switcher .option {
border: 0px!important;
}

.switcher .option a:hover {
background-color: #4D141B!important;
}

--------
Espero le sirva a alguien


 
Respondido : 13/08/2016 8:36 pm
Página 2 / 2