Autor Tópico: Aparencia para firefox  (Lida 3917 vezes)

Offline rruella

  • Usuário Ubuntu
  • *
  • Mensagens: 1.097
    • Ver perfil
Aparencia para firefox
« Online: 14 de Julho de 2010, 16:16 »
não sei se todos já conhecem. procedi e gostei, passo pra frente:



http://www.winajuda.com/2010/01/26/firefox-deskmod-visual-37-40/
Dar como resolvido, ou como solucionado um tópico seu:

http://www.youtube.com/watch?v=cW8isbYhR_M

Offline SergioJP

  • Usuário Ubuntu
  • *
  • Mensagens: 220
  • Nada é melhor do que aprender e compartilhar.
    • Ver perfil
Re: Aparencia para firefox
« Resposta #1 Online: 20 de Julho de 2010, 20:04 »
não sei se todos já conhecem. procedi e gostei, passo pra frente:



http://www.winajuda.com/2010/01/26/firefox-deskmod-visual-37-40/


Esta matéria do  winajuda é para plataforma Win.
Para que funcione no firefox-Linux, voce deverá usar algumas extensões mais antigas, que são as que eu uso.

strata40  v0.5.7   https://addons.mozilla.org/en-US/firefox/addon/14284/versions/?page=1#version-0.5.7

strata hometab  v 0.0.2  https://addons.mozilla.org/en-US/firefox/addon/14764/versions/?page=1#version-0.0.2
Obs:  clique no sinal de + no botão amarelo à direita e selecione adicionar ao firefox.

Tab Progress Bar v0.6   https://addons.mozilla.org/en-US/firefox/addon/14644/

StrataBuddy  v 0.1.6.9d  https://addons.mozilla.org/pt-BR/firefox/addon/14762/versions/?page=1#version-0.1.6.9d

disablemenu  v 0.3.3   https://addons.mozilla.org/en-US/firefox/addon/3300/

fision v1.0.9    https://addons.mozilla.org/en-US/firefox/addon/1951/

                                            

Não sei o que há mas o link com thumbnail fica muito lerdo então aqui esta o link deireto para a imagem http://www.ubuntu-pics.de/bild/112222/stra40_on_firefox_linux_BDp35x.png
Para o firefox ficar igual à imagem, primeiro voce tem que criar uma imagem no tamanho 5X5 da cor #CDCDCD, com uma transparência de 80%   +/- , salve a como perfect.png, depende do seu tema, se for escuro aí muda a cor, mas lembre-se de que terá que mudar a cor da fonte no userChrome.css.

Abaixo está o meu userChrome.css, que deve ser salvo na pasta /home/seunome/.mozilla/firefox/xxxxxx.default/chrome

Obs: o xxxxx.default depende do número que está na pasta do seu profile. E o nome perfect.png é o nome que usei para criar esse css, você pode usar outro nome mas não esqueça de alter no css também se não; não funfa, e deve se colocada na pasta chrome também.


Código: [Selecionar]
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url(http://www.w3.org/1999/xhtml);
/*Início da configuração das fontes menubar, urlbar, searchbar, personal tollbar e tabbar */
#main-window[stylish-platform^="Win"] #navigator-toolbox textbox:not([hover]) html|input,
#main-window[stylish-platform^="Win"] #identity-box #identity-icon-label
{line-height: 1.6 !important;}

#navigator-toolbox textbox:not([hover]) html|input,
#identity-box #identity-icon-label
{line-height: 1.4 !important;
color: white !important;
text-shadow: #666666 0px 0px 2px, rgba(0,0,0,0.7) 1px 1px 2px, rgba(0,0,0,1) 1px 1px 3px, white 0px 0px 8px, white 0px 0px 8px !important;}

#navigator-toolbox textbox:hover html|input,
#identity-box:hover #identity-icon-label
{color: white !important;
text-shadow: #666666 0px 0px 2px, rgba(0,0,0,0.7) 1px 1px 2px, rgba(0,0,0,1) 1px 1px 2px, white 0px 0px 8px, white 0px 0px 8px !important;}

#main-window textbox[focused] html|input,
#main-window #myInputBox:not([blah]) html|input,
.findbar-textbox[focused] html|input
{line-height: normal !important;
color: black !important;
text-shadow: none !important;}

#main-window .tabbrowser-tab:not([selected="true"]):not([blah]) label
{text-shadow: #666666 0px 0px 1px, #111111 1px 1px 4px, #333333 1px 1px 4px, white 0px 0px 6px, white 0px 0px 6px !important;}

#main-window .tabbrowser-tab[selected="true"]:not([blah]) label,
#main-window .tabbrowser-tab:not([selected="true"]):hover:not([blah]) label
{text-shadow: #666666 0px 0px 1px, #111111 1px 1px 3px, #333333 1px 1px 3px, white 0px 0px 6px, white 0px 0px 6px !important;}

#main-window .tabbrowser-tab:not([blah]) label
{color: white !important;
font-weight: bold !important;}

#navigator-toolbox label:not([class^="menu-"]),
#sidebar-title,
#status-bar,
#main-window:not([stylish-application-version^="3.5"]) #FindToolbar label:not([class^="menu-"]),
#main-window:not([stylish-application-version^="3.5"]) #FindToolbar description,
#main-window:not([stylish-application-version^="3.5"]) #FindToolbar textbox:not([focused]) html|input
{color: white !important;
text-shadow: #666666 0px 0px 1px, rgba(0,0,0,1) 1px 1px 3px, rgba(0,0,0,1) 1px 1px 3px, white 0px 0px 8px, white 0px 0px 8px !important;}
/*Fim da configuração das fontes menubar, urlbar, searchbar, personal tollbar e tabbar */


  
/* Muda a cor da barra de Endereços */
   #urlbar{ font-family: Droid Sans !important; font-size: 10pt !important; background-color: rgb(240, 240 ,240) !important;
   }

   /* Muda a cor da barra de progresso das abas */
   .tab-progress > .progress-bar { background-color: #00FF00 !important; }
  

  
  /*Muda a cor de fundo das abas e adiciona imagem de fundo */
   #browser tabs {-moz-appearance: none !important;
   margin: 0 !important;
   border: 0 !important;
   background:rgb(235,235,235) url("file:perfect.png") !important;
  }
  
   /* Imagem de fundo para as  toolbars */
   toolbar, tabbox,  menubar,  toolbox, menupopup,  tooltip, #FindToolbar, menulist {
   -moz-appearance: none !important;
    background:rgb(240, 240 ,240) url("file:perfect.png") !important;
}
menubar, menubutton, menu, menuitem, menupopup, popup > * {color: rgb(0,0,0) !important;}

   /* Imagem de fundo para a barra de favoritos */
   bookmarks toolbar{
   -moz-appearance: none !important;
   margin-left: 5px !important;
   margin-right: 5px !important;
   margin-top:0  !important;
   margin-bottom:0 !important;
   border: 0 !important;
   background: rgb(240, 240 ,240) url("file:perfect.png") !important;
   }
  



/* The following four lines were added by KDE */
scrollbarbutton[sbattr="scrollbar-up-top"] { display: -moz-box !important; }
scrollbarbutton[sbattr="scrollbar-down-top"] { display: none !important; }
scrollbarbutton[sbattr="scrollbar-up-bottom"] { display: -moz-box !important; }
scrollbarbutton[sbattr="scrollbar-down-bottom"] { display: -moz-box !important; }

#menubar-items {
padding-left: 5px !important;
}

/* Remove the ‘Go’ button*/
#go-button {
  display: none !important; }

/* Remove a estrela adicionar aos Favoritos}*/
#star-button { display: none !important;

/* Inicio - personaliza  bookmarks menus e scrollbar */
#bookmarksMenuPopup menupopup,
#personal-bookmarks menupopup {
  max-height: 750px !important;
  width: 180px !important;
}
#bookmarksMenuPopup autorepeatbutton,
#personal-bookmarks autorepeatbutton {
  display: none !important;
}
#bookmarksMenuPopup scrollbox,
#personal-bookmarks scrollbox {
  overflow-y: auto !important;
}

menupopup {
  max-height: 240px; /* ou a largura de seu gosto */
}

menupopup autorepeatbutton {
  display: none;
}

menupopup scrollbox {
  overflow-y: auto;
}

#contentAreaContextMenu,
#contentAreaContextMenu menupopup {
  max-height: 300px; /* ou a largura de seu gosto */
}

#contentAreaContextMenu autorepeatbutton {
  display: none;
}

#contentAreaContextMenu scrollbox {
  overflow-y: auto;
}


#togglePasswords{display:none;}

#contentAreaContextMenu {
    -moz-appearance: none !important;
    background: rgb(240, 240, 240) url("file:perfect.png") !important;
    color: rgb(2, 2 ,2) !important;
    }
/* Fim - personaliza  bookmarks menus e scrollbar */

body {
background-color: #FFF;
color:  #000 ;
display: block;
margin: 8px;
}




Para dar mais compatibilidade use esse userContent.css, que vai arrumar alguns ítens com imput-bottom e afins,
que deve ser salvo na pasta /home/seunome/.mozilla/firefox/xxxxxx.default/chrome
Código: [Selecionar]

/*
 * Edit this file and copy it as userContent.css into your
 * profile-directory/chrome/
 */

/*
 * This file can be used to apply a style to all web pages you view
 * Rules without !important are overruled by author rules if the
 * author sets any.  Rules with !important overrule author rules.
 */

/*
 * example: turn off "blink" element blinking
 *
 * blink { text-decoration: none ! important; }
 *
 */

/*
 * example: give all tables a 2px border
 *
 * table { border: 2px solid; }
 */

/*
 * example: turn off "marquee" element
 *
 * marquee { -moz-binding: none; }
 *
 */
 
/*
 * For more examples see http://www.mozilla.org/unix/customizing.html
 */




/* Change cursor for links that open in new window */
:link[target="_blank"], :visited[target="_blank"],
:link[target="_new"], :visited[target="_new"] {
cursor: crosshair;
}

/* Change cursor for JavaScript links */
a[href^="javascript:"] {
cursor: move;
}

   select{color: #c1c1c1 !important;}

select[multiple],
textarea,
input:not([type]),
input[type="text"],
input[type="search"],
input[type="password"],
input[type="submit"]{
    -moz-appearance: none !important;
    color: #111111 !important;
    margin: 1px;
    border: 2px solid ThreeDShadow;
    -moz-border-top-colors: ThreeDShadow Window;
    -moz-border-right-colors: ThreeDShadow ThreeDHighlight;
    -moz-border-bottom-colors: ThreeDShadow ThreeDHighlight;
    -moz-border-left-colors: ThreeDShadow Window;
    -moz-border-radius: 5px;
    padding: 1px;
}

select[multiple] {
    border-width: 2px 1px 2px 2px;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-bottom-colors: ThreeDShadow Window;
    -moz-border-right-colors: ThreeDShadow;
    padding: 1px 0;
}

select[multiple]:hover,
textarea:hover,
input:not([type]):hover,
input[type="text"]:hover,
input[type="search"]:hover,
input[type="password"]:hover,
input[type="submit"]:hover{
    -moz-border-top-colors: #3687e3 #91c5ff;
    -moz-border-right-colors: #3687e3 #91c5ff;
    -moz-border-bottom-colors: #3687e3 #91c5ff;
    -moz-border-left-colors: #3687e3 #91c5ff;
}

select[multiple]:focus,
textarea:focus,
input:not([type]):focus,
input[type="text"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="submit"]:focus {
    -moz-border-top-colors: #2f5887 #abc3de;
    -moz-border-right-colors: #2f5887 #abc3de;
    -moz-border-bottom-colors: #2f5887 #abc3de;
    -moz-border-left-colors: #2f5887 #abc3de;
}

É isso aí, espero que gostem...

Ah!  Nada a ver com o topico mas, uma dica que acho legal para firefox:
clique com a roda do mouse no botão redimensionar > redimensiona a janela verticalmente.
clique com o botão direito do mouse> redimenciona horizontalmente.
« Última modificação: 20 de Julho de 2010, 20:17 por SergioJP »
Ubuntu Gnome 17.04 LTS GIGABYTE H61M-S1- CORE i3 - NVidia GT 420 - 12G RAM