Mude o visual do fórum !

[Brunofs]

Para os reclamões que não gostaram do visual xbox 360 do novo fórum :-D

Pra mudar o Visual do fórum você vai precisar instalar e conhecer a extensão Stylish. Leiam o tópico Extensão do dia: Stylish (FireFox) (http://200.226.134.157/showthread.php?p=785387#post785387)

Eles foram adaptados de estilos free do vBulletin, pode ter alguma cor que não ficou legal ou ilegível. Avisem se encontrarem problemas e mandem uma screen.

Algumas coisas não dá pra mudar, como a barra superior do outerSpace, já que elas utilizam imagens esverdeadas.
Se alguém conhecer CSS e quiser fazer um, posso dar umas dicas de como adaptar dos códigos.

Sabendo instalar os visuais, escolha o seu, copie para a extesão e seja feliz :D :


Old Outer - Estilo semelhante ao do fórum antigo
http://img69.imageshack.us/img69/1629/classicmenuel9.jpg

http://img69.imageshack.us/img69/8372/classicpostssd2.th.jpg (http://img69.imageshack.us/img69/8372/classicpostssd2.jpg)http://img69.imageshack.us/img69/3194/classicmsgpn7.th.jpg (http://img69.imageshack.us/img69/3194/classicmsgpn7.jpg)

Estilo
@-moz-document domain("forum.outerspace.com.br"), domain("200.226.134.157") {

/* vBulletin 3 CSS For Style 'Techzone' (styleid: 45) */
/* Adaptado para Stylish por Bruno Felipe da Silva (Brunofs) */

body
{
background: #E4E0E0 !important;
color: #c4c4c4 !important;
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
margin: 5px 10px 10px 10px !important;
padding: 0px !important;
}
a:link, body_alink
{
color: black !important;
text-decoration: none !important;
}
a:visited, body_avisited
{
color: black !important;
text-decoration: none !important;
}
a:hover, a:active, body_ahover
{
color: #DD6900 !important;
text-decoration: underline !important;
}
.page
{
background: #E4E0E0 !important;
color: black !important;
}
td, th, p, li
{
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
.tborder
{
background: #E4E0E0 !important;
color: #E4E0E0 !important;
}
.tcat
{
background: #535353 !important;
color: #ffffff !important;
font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
border-left: 10px solid #535353 !important;
}
.tcat a:link, .tcat_alink
{
color: #ffffff !important;
text-decoration: none !important;
}
.tcat a:visited, .tcat_avisited
{
color: #ffffff !important;
text-decoration: none !important;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
color: #DD6900 !important;
text-decoration: underline !important;
}
.thead
{
background: #545454 !important;
color: #ffffff !important;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
.thead a:link, .thead_alink
{
color: #FFFFFF !important;
}
.thead a:visited, .thead_avisited
{
color: #FFFFFF !important;
}
.thead a:hover, .thead a:active, .thead_ahover
{
color: #DD6900 !important;
}
.tfoot
{
background: #535353 !important;
color: #ffffff !important;
}
.tfoot a:link, .tfoot_alink
{
color: #FFFFFF !important;
}
.tfoot a:visited, .tfoot_avisited
{
color: #FFFFFF !important;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
color: #DD6900 !important;
}
.alt1, .alt1Active
{
background: #EEEEEE !important;
color: black !important;
}
.alt2, .alt2Active
{
background: #E4E0E0 !important;
color: black !important;
}
td.inlinemod
{
background: #FFFFCC !important;
color: #000000 !important;
}
.wysiwyg
{
background: #EEEEEE !important;
color: #000000 !important;
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
textarea, .bginput
{
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
.button
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
select
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
option, optgroup
{
font-size: 11px !important;
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
.smallfont
{
color: black !important;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
.time
{
color: black !important;
}
.navbar
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
.highlight
{
color: #e2ff58 !important;
font-weight: bold !important;
}
.fjsel
{
background: #3E5C92 !important;
color: #FFFFFF !important;
}
.fjdpth0
{
background: #F7F7F7 !important;
color: #000000 !important;
}
.panel
{
background: #EEEEEE !important;
color: #000000 !important;
padding: 10px !important;
border: 2px outset #535353 !important;

}
.panelsurround
{
background: #EEEEEE !important;
color: #FFFFFF !important;
}
legend
{
color: #000000 !important;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
.vbmenu_control
{
background: #535353 !important;
color: #D7D1D3 !important;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
padding: 3px 6px 3px 6px !important;
white-space: nowrap !important;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
color: #FFFFFF !important;
text-decoration: none !important;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
color: #FFFFFF !important;
text-decoration: none !important;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
color: #FFFFFF !important;
text-decoration: none !important;
}
.vbmenu_popup
{
background: #D7D1D3 !important;
color: #000000 !important;
}
.vbmenu_option
{
background: #D7D1D3 !important;
color: #000000 !important;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
white-space: nowrap !important;
cursor: pointer !important;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
color: #000000 !important;
text-decoration: none !important;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
color: #000000 !important;
text-decoration: none !important;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
color: #000000 !important;
text-decoration: none !important;
}
.vbmenu_hilite
{
background: #535353 !important;
color: #FFFFFF !important;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
white-space: nowrap !important;
cursor: pointer !important;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
color: black !important;
text-decoration: none !important;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
color: black !important;
text-decoration: none !important;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
color: black !important;
text-decoration: none !important;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 10pt !important; }

/* ***** small padding on 'thead' elements ***** */
td.thead, div.thead { padding: 4px !important; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none !important; }
.pagenav td { padding: 2px 4px 2px 4px !important; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px !important; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px !important; }

/* ***** don't change the following ***** */
form { display: inline !important; }
label { cursor: default !important; }
.normal { font-weight: normal !important; }
.inlineimg { vertical-align: middle !important; }


img[src="enlighten/misc/cat_top_rs.gif"]{
display: none !important;
}

img[src="enlighten/misc/cat_back.gif"]{
display: none !important;
}

img[src="enlighten/misc/cat_top_ls.gif"]{
display: none !important;
}

.h_nav {
color: black !important;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
padding: 3px 6px 3px 6px !important;
white-space: nowrap !important;
}
.h_nav a:link
{
color: black !important;
text-decoration: none !important;
}
.h_nav a:visited
{
color: black !important;
text-decoration: none !important;
}
.h_nav a:hover, .h_nav a:active
{
color: black !important;
text-decoration: blink !important;
}

.stuck {
background: #E4E0E0!important;
color: #000000 !important;
border-left: 1px solid #D1D4E0 !important;
border-top: 1px solid #D1D4E0 !important;
}

.info {
padding-left: 3px !important;
padding-right: 0px !important;
padding-top: 3px !important;
padding-bottom: 3px !important;
background-color: #EEEEEE !important;
border-top: 1px solid black !important;
border-right: 2px solid black !important;
border-left: 1px solid black !important;
border-bottom: 2px solid black !important;
margin-bottom: 3px !important;
}

}



Radio Dream Outer
http://img69.imageshack.us/img69/2784/radiodmenuue5.jpg

http://img69.imageshack.us/img69/9748/radiodpostsct7.th.jpg (http://img69.imageshack.us/img69/9748/radiodpostsct7.jpg) http://img69.imageshack.us/img69/3236/radiodmsghd5.th.jpg (http://img69.imageshack.us/img69/3236/radiodmsghd5.jpg)

Estilo
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("forum.outerspace.com.br"), domain("200.226.134.157") {

/* vBulletin 3 CSS For Style 'radio_dream' (styleid: 34) */
/* Adaptado para Stylish por Bruno Felipe da Silva (Brunofs) */

body
{
background: #0A1758 url(/designs/radio_dream/bg_02.jpg) repeat-x top left !important;
color: #545454 !important;
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
margin: 0px 0px 0px 0px !important;
}
a:link, body_alink
{
color: #545454 !important;
}
a:visited, body_avisited
{
color: #545454 !important;
}
a:hover, a:active, body_ahover
{
color: #F49C1E !important;
}
.page
{
background: #F6F6F6 !important;
color: #666666 !important;
}
td, th, p, li
{
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
.tborder
{
background: #B9B9B7 !important;
color: #666666 !important;
}
.tcat
{
background: #FFFFFF url(/designs/radio_dream/gradient_thead1.gif) repeat-x top left !important;
color: #333333 !important;
font: bold 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
border-top: #FFFFFF 1px solid !important;
border-left: #FFFFFF 1px solid !important;
border-left: 10px solid #FFFFFF !important;

}
.tcat a:link, .tcat_alink
{
color: #333333 !important;
text-decoration: none !important;
}
.tcat a:visited, .tcat_avisited
{
color: #333333 !important;
text-decoration: none !important;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
color: #FFFF66 !important;
text-decoration: underline !important;
}
.thead
{
background: #FFFFFF url(/designs/radio_dream/gradient_thead.gif) repeat-x top left !important;
color: #545454 !important;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
border-top: #FFFFFF 1px solid !important;
border-left: #FFFFFF 1px solid !important;
}
.thead a:link, .thead_alink
{
color: #545454 !important;
}
.thead a:visited, .thead_avisited
{
color: #545454 !important;
}
.thead a:hover, .thead a:active, .thead_ahover
{
color: #FFFF00 !important;
}
.tfoot
{
background: #F5F5FF !important;
color: #333333 !important;
border-top: #FFFFFF 1px solid !important;
border-left: #FFFFFF 1px solid !important;
}
.tfoot a:link, .tfoot_alink
{
color: #333333 !important;
}
.tfoot a:visited, .tfoot_avisited
{
color: #333333 !important;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
color: #FFFF66 !important;
}
.alt1, .alt1Active
{
background: #F5F5FF !important;
color: #666666 !important;
border-top: #FFFFFF 1px solid !important;
border-left: #FFFFFF 1px solid !important;
}
.alt2, .alt2Active
{
background: #F5F5F5 !important;
color: #666666 !important;
border-top: #FFFFFF 1px solid !important;
border-left: #FFFFFF 1px solid !important;
}
td.inlinemod
{
background: #FFFFCC !important;
color: #000000 !important;
}
.wysiwyg
{
background: #F5F5FF !important;
color: #000000 !important;
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
textarea, .bginput
{
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
background-image: url(/designs/radio_dream/h.jpg) !important;
}
.button
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
select
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
option, optgroup
{
font-size: 11px !important;
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
.smallfont
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
.time
{
color: #666686 !important;
}
.navbar
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
.highlight
{
color: #FF0000 !important;
font-weight: bold !important;
}
.fjsel
{
background: #3E5C92 !important;
color: #E0E0F6 !important;
}
.fjdpth0
{
background: #F7F7F7 !important;
color: #000000 !important;
}
.panel
{
background: #E4E7F5 url(images/gradients/gradient_panel.gif) repeat-x top left !important;
color: #000000 !important;
padding: 10px !important;
border: 2px outset !important;
}
.panelsurround
{
background: #D1D4E0 url(images/gradients/gradient_panelsurround.gif) repeat-x top left !important;
color: #000000 !important;
}
legend
{
color: #22229C !important;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
.vbmenu_control
{
background: #FFFFFF url(/designs/radio_dream/gradient_thead1.gif) repeat-x top left !important;
color: #333333 !important;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
padding: 3px 6px 3px 6px !important;
white-space: nowrap !important;
border-top: #FFFFFF 1px solid !important;
border-left: #FFFFFF 1px solid !important;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
color: #333333 !important;
text-decoration: none !important;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
color: #333333 !important;
text-decoration: none !important;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
color: #CC9900 !important;
text-decoration: underline !important;
}
.vbmenu_popup
{
background: #FFFFFF !important;
color: #000000 !important;
border: 1px solid #0B198C !important;
}
.vbmenu_option
{
background: #F6F6F6 !important;
color: #333333 !important;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
white-space: nowrap !important;
cursor: pointer !important;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
color: #333333 !important;
text-decoration: none !important;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
color: #333333 !important;
text-decoration: none !important;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
color: #FF9900 !important;
text-decoration: none !important;
}
.vbmenu_hilite
{
background: #FFCC00 !important;
color: #FFFFFF !important;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
white-space: nowrap !important;
cursor: pointer !important;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
color: #FFFFFF !important;
text-decoration: none !important;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
color: #FFFFFF !important;
text-decoration: none !important;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
color: #FFFFFF !important;
text-decoration: none !important;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt !important; }

/* ***** small padding on 'thead' elements ***** */
td.thead, div.thead { padding: 4px !important; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none !important; }
.pagenav td { padding: 2px 4px 2px 4px !important; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px !important; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px !important; }

/* ***** don't change the following ***** */
form { display: inline !important; }
label { cursor: default !important; }
.normal { font-weight: normal !important; }
.inlineimg { vertical-align: middle !important; }
.alt5
{
color: #FFFFFF !important;
font-family: Verdana, Arial !important; font-size: 11px }

.alt5 a:link
{
color: #FFFFFF !important;
text-decoration: none !important;
font-family: Verdana, Arial !important; font-size: 11px
}
.alt5 a:visited
{
color: #FFFFFF !important;
text-decoration: none !important;
font-family: Verdana, Arial !important; font-size: 11px
}
.alt5 a:hover, .tcat a:active
{
color: #FFFF66 !important;
text-decoration: underline !important;
font-family: Verdana, Arial !important; font-size: 11px
}
.tborderl
{
background-color: #F5F5FF !important;
color: #666666 !important;
border-top: #B9B9B7 1px dotted !important;

}

.info {
padding-left: 3px !important;
padding-right: 0px !important;
padding-top: 3px !important;
padding-bottom: 3px !important;
background-color: #FFFFFF !important;
border-top: 1px solid black !important;
border-right: 2px solid black !important;
border-left: 1px solid black !important;
border-bottom: 2px solid black !important;
margin-bottom: 3px !important;
}

img[src="enlighten/misc/cat_top_rs.gif"]{
display: none !important;
}

img[src="enlighten/misc/cat_back.gif"]{
display: none !important;
}

img[src="enlighten/misc/cat_top_ls.gif"]{
display: none !important;
}

}




Smooth Blue Outer
http://img69.imageshack.us/img69/6130/smoothbmenudy9.jpg

http://img69.imageshack.us/img69/4774/smoothbpostsui6.th.jpg (http://img69.imageshack.us/img69/4774/smoothbpostsui6.jpg) http://img69.imageshack.us/img69/1926/smoothbmsgrq9.th.jpg (http://img69.imageshack.us/img69/1926/smoothbmsgrq9.jpg)
Estilo
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("forum.outerspace.com.br"), domain("200.226.134.157") {

/* vBulletin 3 CSS For Style 'Smooth Blue' (styleid: 13) */
/* Adaptado para Stylish por Bruno Felipe da Silva (Brunofs) */


body

{
background: #FFFFFF !important;
color: #000000 !important;
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
margin: 0 !important;
padding: 0 !important;
}

a:link

{

color: #000000 !important;

}

a:visited

{

color: #000000 !important;

}

a:hover, a:active

{

color: #555555 !important;

text-decoration: underline !important;

}

.page

{

background: #FFFFFF !important;

color: #000000 !important;

}

td, th, p, li

{

font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;

}

.tborder

{

background: #FFFFFF !important;

color: #000000 !important;

border: 1px solid #D9D9D9 !important;

}

.tcat

{
background: #0071BC url(../../images/smoothblue/cat_tile.gif) repeat-y top right !important;
color: #FFFFFF !important;
font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
border-left: 10px solid #0071BC !important;

}

.tcat a:link

{

color: #FFFFFF !important;
text-decoration: none !important;

}

.tcat a:visited

{

color: #FFFFFF !important;
text-decoration: none !important;

}

.tcat a:hover, .tcat a:active

{

color: #FFFFFF !important;
text-decoration: underline !important;

}

.thead

{

background: #0071BC !important;

color: #FFFFFF !important;

font: bold 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;

}

.thead a:link

{

color: #FFFFFF !important;

text-decoration: none !important;

}

.thead a:visited

{

color: #FFFFFF !important;

text-decoration: none !important;

}

.thead a:hover, .thead a:active

{

color: #FFFFFF !important;

text-decoration: underline !important;

}

.tfoot

{

background: #0071BC !important;

color: #FFFFFF !important;

}

.tfoot a:link

{

color: #FFFFFF !important;

text-decoration: none !important;

}

.tfoot a:visited

{

color: #FFFFFF !important;

text-decoration: none !important;

}

.tfoot a:hover, .tfoot a:active

{

color: #FFFFFF !important;

text-decoration: underline !important;

}

.alt1, .alt1Active

{

background: #EAEAEA !important;

color: #000000 !important;

}

.alt2, .alt2Active

{

background: #F2F2F2 !important;

color: #000000 !important;

}

td.inlinemod

{

background: #FFFFCC !important;

color: #000000 !important;

}

.wysiwyg

{

background: #F2F2F2 !important;

color: #000000 !important;

font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;

}

textarea, .bginput

{

font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;

}

.button

{

font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;

}

select

{

font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;

}

option, optgroup

{

font-size: 11px !important;

font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;

}

.smallfont

{

font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;

}

.time

{

color: #888888 !important;

}

.navbar

{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}

.highlight

{

color: #15A018 !important;
font-weight: bold !important;

}

.fjsel

{

background: #DEDEDE !important;
color: #000000 !important;

}

.fjdpth0

{

background: #F7F7F7 !important;

color: #000000 !important;

}

.panel

{

background: #F2F2F2 !important;

color: #000000 !important;

padding: 10px !important;

border: 2px outset !important;

}

.panelsurround

{

background: #F2F2F2 !important;

color: #000000 !important;

}

legend

{

color: #000000 !important;

font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;

}

.vbmenu_control

{

background: #0071BC !important;

color: #FFFFFF !important;

font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;

padding: 3px 6px 3px 6px !important;

white-space: nowrap !important;

}

.vbmenu_control a:link

{

color: #FFFFFF !important;

text-decoration: none !important;

}

.vbmenu_control a:visited

{

color: #FFFFFF !important;

text-decoration: none !important;

}

.vbmenu_control a:hover, .vbmenu_control a:active

{

color: #FFFFFF !important;

text-decoration: underline !important;

}

.vbmenu_popup

{

background: #FFFFFF !important;

color: #000000 !important;

border: 1px solid #888888 !important;

text-align: left !important;

}

.vbmenu_option

{

background: #F2F2F2 !important;

color: #000000 !important;

font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;

white-space: nowrap !important;

cursor: pointer !important;

}

.vbmenu_option a:link

{

color: #444444 !important;

text-decoration: none !important;

}

.vbmenu_option a:visited

{

color: #444444 !important;

text-decoration: none !important;

}

.vbmenu_option a:hover, .vbmenu_option a:active

{

color: #444444 !important;

text-decoration: underline !important;

}

.vbmenu_hilite

{

background: #8A949E !important;

color: #FFFFFF !important;

font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;

white-space: nowrap !important;

cursor: pointer !important;

}

.vbmenu_hilite a:link

{

color: #FFFFFF !important;

text-decoration: none !important;

}

.vbmenu_hilite a:visited

{

color: #FFFFFF !important;

text-decoration: none !important;

}

.vbmenu_hilite a:hover, .vbmenu_hilite a:active

{

color: #FFFFFF !important;

text-decoration: none !important;

}

label {

cursor: default !important;

}

.pm {

background: #F1F1F1 url("../../images/pmbg.gif") no-repeat !important;

}

.staffcolor

{

color: #448CCB !important;

}

.bigusername

{

font-size: 14pt !important;

}

/* ***** active table cells (IE only) ***** */

/* .alt1Active, .alt2Active { behavior: url(../../clientscript/activecell.htc) !important; } */



.footerbottom {

background-image: url(../../images/smoothblue/footer_bottom_tile.gif) !important;

background-repeat: repeat-x !important;

background-position: top left !important;

background-color: #006EB6 !important;

color: #FFFFFF !important;

padding: 4px !important;

}



.footerbottom a {

color: #FFFFFF !important;

text-decoration: none !important;

}



.footerbottom a:hover {

color: #FFFFFF !important;

text-decoration: none !important;

}



.footerbottom a:visited {

color: #FFFFFF !important;

text-decoration: none !important;

}



.footer a {

font-weight: bold !important;

text-decoration: none !important;

color: #0071BC !important;

}



.footer a:hover {

text-decoration: underline !important;

}



.footertext {

color: #FFFFFF !important;

}



.footertext a {

color: #FFFFFF !important;

text-decoration: underline !important;

}



.footertext a:hover {

text-decoration: none !important;

}

.subnav {

background-color: #FFFFFF !important;

background-image: url(../../images/smoothblue/subnav_bg.gif) !important;

background-position: top !important;

background-repeat: repeat-x !important;

}



.headernav {

color: #888888 !important;

font-weight: bold !important;

font-size: 11px !important;

font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;

padding: 3px 6px 3px 6px !important;

white-space: nowrap !important;

}



.headernav a {

color: #888888 !important;

text-decoration: none !important;

}



.headernav a:hover {

text-decoration: blink !important;

}



.postbitinfo {

color: #606060 !important;

background-color: #FFFFFF !important;

border: 1px solid #D9D9D9 !important;

border-right: 2px solid #D9D9D9 !important;

border-bottom: 2px solid #D9D9D9 !important;
padding: 4px !important;
margin: 2px !important;

}


img[src="enlighten/misc/cat_top_rs.gif"]{
display: none !important;
}

img[src="enlighten/misc/cat_back.gif"]{
display: none !important;
}

img[src="enlighten/misc/cat_top_ls.gif"]{
display: none !important;
}

.info {
padding-left: 3px!important;
padding-right: 0px!important;
padding-top: 3px!important;
padding-bottom: 3px!important;
background-color: #EAEAEA!important;
border-top: 1px solid #818181!important;
border-right: 2px solid #818181!important;
border-left: 1px solid #818181!important;
border-bottom: 2px solid #818181!important;
margin-bottom: 3px!important;
}

.page
{
background: #FFFFFF !important;
color: #000000;
}

/*.tcat ( border e bg )
remover imagens
colocar imagens
Colocar tags da barra
Colocar !important em todos os comandos !!!!
*/


}

Brunofs (Estorei o limite de caracteres :o ... :-D)

http://wwwexe.inf.ufsc.br/%7Ebrunofs/assinatura/imagem.php

[Brunofs]

Standard Outer

http://img69.imageshack.us/img69/9697/standardmenupd0.jpg

http://img69.imageshack.us/img69/9899/standardpostaw7.th.jpg (http://img69.imageshack.us/img69/9899/standardpostaw7.jpg) http://img69.imageshack.us/img69/4467/standardmsgur9.th.jpg (http://img69.imageshack.us/img69/4467/standardmsgur9.jpg)
Estilo
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("forum.outerspace.com.br"), domain("200.226.134.157") {

/* vBulletin 3 CSS For Style 'Standard-Style' (styleid: 1) */
/* Adaptado para Stylish por Bruno Felipe da Silva (Brunofs) */

body
{
background: #E1E1E2 !important;
color: #000000 !important;
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
margin: 5px 10px 10px 10px !important;
padding: 0px !important;
}
a:link, body_alink
{
color: #22229C !important;
}
a:visited, body_avisited
{
color: #22229C !important;
}
a:hover, a:active, body_ahover
{
color: #FF4400 !important;
}
.page
{
background: #FFFFFF !important;
color: #000000 !important;
}
td, th, p, li
{
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
.tborder
{
background: #D1D1E1 !important;
color: #000000 !important;
border: 1px solid #0B198C !important;
}
.tcat
{
background: #869BBF url(images/gradients/gradient_tcat.gif) repeat-x top left !important;
color: #FFFFFF !important;
font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
border-left: 10px solid #869BBF !important;
}
.tcat a:link, .tcat_alink
{
color: #ffffff !important;
text-decoration: none !important;
}
.tcat a:visited, .tcat_avisited
{
color: #ffffff !important;
text-decoration: none !important;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
color: #FFFF66 !important;
text-decoration: underline !important;
}
.thead
{
background: #5C7099 url(images/gradients/gradient_thead.gif) repeat-x top left !important;
color: #FFFFFF !important;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
.thead a:link, .thead_alink
{
color: #FFFFFF !important;
}
.thead a:visited, .thead_avisited
{
color: #FFFFFF !important;
}
.thead a:hover, .thead a:active, .thead_ahover
{
color: #FFFF00 !important;
}
.tfoot
{
background: #3E5C92 !important;
color: #E0E0F6 !important;
}
.tfoot a:link, .tfoot_alink
{
color: #E0E0F6 !important;
}
.tfoot a:visited, .tfoot_avisited
{
color: #E0E0F6 !important;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
color: #FFFF66 !important;
}
.alt1, .alt1Active
{
background: #F5F5FF !important;
color: #000000 !important;
}
.alt2, .alt2Active
{
background: #E1E4F2 !important;
color: #000000 !important;
}
td.inlinemod
{
background: #FFFFCC !important;
color: #000000 !important;
}
.wysiwyg
{
background: #F5F5FF !important;
color: #000000 !important;
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
textarea, .bginput
{
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
.button
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
select
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
option, optgroup
{
font-size: 11px !important;
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
.smallfont
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
.time
{
color: #666686 !important;
}
.navbar
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
.highlight
{
color: #FF0000 !important;
font-weight: bold !important;
}
.fjsel
{
background: #3E5C92 !important;
color: #E0E0F6 !important;
}
.fjdpth0
{
background: #F7F7F7 !important;
color: #000000 !important;
}
.panel
{
background: #E4E7F5 url(images/gradients/gradient_panel.gif) repeat-x top left !important;
color: #000000 !important;
padding: 10px !important;
border: 2px outset !important;
}
.panelsurround
{
background: #D1D4E0 url(images/gradients/gradient_panelsurround.gif) repeat-x top left !important;
color: #000000 !important;
}
legend
{
color: #22229C !important;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
.vbmenu_control
{
background: #738FBF !important;
color: #FFFFFF !important;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
padding: 3px 6px 3px 6px !important;
white-space: nowrap !important;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
color: #FFFFFF !important;
text-decoration: none !important;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
color: #FFFFFF !important;
text-decoration: none !important;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
color: #FFFFFF !important;
text-decoration: underline !important;
}
.vbmenu_popup
{
background: #FFFFFF !important;
color: #000000 !important;
border: 1px solid #0B198C !important;
}
.vbmenu_option
{
background: #BBC7CE !important;
color: #000000 !important;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
white-space: nowrap !important;
cursor: pointer !important;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
color: #22229C !important;
text-decoration: none !important;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
color: #22229C !important;
text-decoration: none !important;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
color: #FFFFFF !important;
text-decoration: none !important;
}
.vbmenu_hilite
{
background: #8A949E !important;
color: #FFFFFF !important;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
white-space: nowrap !important;
cursor: pointer !important;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
color: #FFFFFF !important;
text-decoration: none !important;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
color: #FFFFFF !important;
text-decoration: none !important;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
color: #FFFFFF !important;
text-decoration: none !important;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt !important; }

/* ***** small padding on 'thead' elements ***** */
td.thead, div.thead { padding: 4px !important; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none !important; }
.pagenav td { padding: 2px 4px 2px 4px !important; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px !important; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px !important; }

/* ***** don't change the following ***** */
form { display: inline !important; }
label { cursor: default !important; }
.normal { font-weight: normal !important; }
.inlineimg { vertical-align: middle !important; }

.stuck {
background: #869BBF!important;
color: #FFFFFF !important;
border-left: 1px solid #5C7099 !important;
border-top: 1px solid #5C7099 !important;
}

.info {
padding-left: 3px !important;
padding-right: 0px !important;
padding-top: 3px !important;
padding-bottom: 3px !important;
background-color: #F5F5FF !important;
border-top: 1px solid #5C7099 !important;
border-right: 2px solid #5C7099 !important;
border-left: 1px solid #5C7099 !important;
border-bottom: 2px solid #5C7099 !important;
margin-bottom: 3px !important;
}

img[src="enlighten/misc/cat_top_rs.gif"]{
display: none !important;
}

img[src="enlighten/misc/cat_back.gif"]{
display: none !important;
}

img[src="enlighten/misc/cat_top_ls.gif"]{
display: none !important;
}

}






TechZone Outer

http://img69.imageshack.us/img69/1331/techzmenulv7.jpg

http://img69.imageshack.us/img69/4664/techzpostbo3.th.jpg (http://img69.imageshack.us/img69/4664/techzpostbo3.jpg) http://img69.imageshack.us/img69/7748/techzmsgfa3.th.jpg (http://img69.imageshack.us/img69/7748/techzmsgfa3.jpg)
Estilo
@-moz-document domain("forum.outerspace.com.br"), domain("200.226.134.157") {

/* vBulletin 3 CSS For Style 'Techzone' (styleid: 45) */
/* Adaptado para Stylish por Bruno Felipe da Silva (Brunofs) */

body
{
background: #7F7777 !important;
color: #c4c4c4 !important;
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
margin: 5px 10px 10px 10px !important;
padding: 0px !important;
}
a:link, body_alink
{
color: #d2ff00 !important;
text-decoration: none !important;
}
a:visited, body_avisited
{
color: #d2ff00 !important;
text-decoration: none !important;
}
a:hover, a:active, body_ahover
{
color: #99CC33 !important;
text-decoration: underline !important;
}
.page
{
background: #7F7777 !important;
color: #d2ff00 !important;
}
td, th, p, li
{
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
.tborder
{
background: #000000 !important;
color: #000000 !important;
}
.tcat
{
background: #333333 !important;
color: #ffffff !important;
font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
border-left: 10px solid #333333 !important;
}
.tcat a:link, .tcat_alink
{
color: #ffffff !important;
text-decoration: none !important;
}
.tcat a:visited, .tcat_avisited
{
color: #ffffff !important;
text-decoration: none !important;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
color: #d2ff00 !important;
text-decoration: underline !important;
}
.thead
{
background: #343434 !important;
color: #ffffff !important;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
.thead a:link, .thead_alink
{
color: #FFFFFF !important;
}
.thead a:visited, .thead_avisited
{
color: #FFFFFF !important;
}
.thead a:hover, .thead a:active, .thead_ahover
{
color: #FFFF00 !important;
}
.tfoot
{
background: #333333 !important;
color: #ffffff !important;
}
.tfoot a:link, .tfoot_alink
{
color: #E0E0F6 !important;
}
.tfoot a:visited, .tfoot_avisited
{
color: #E0E0F6 !important;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
color: #d2ff00 !important;
}
.alt1, .alt1Active
{
background: #5F5959 !important;
color: #ffffff !important;
}
.alt2, .alt2Active
{
background: #7F7777 !important;
color: #ffffff !important;
}
td.inlinemod
{
background: #FFFFCC !important;
color: #000000 !important;
}
.wysiwyg
{
background: #5F5959 !important;
color: #ffffff !important;
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
textarea, .bginput
{
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
.button
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
select
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
option, optgroup
{
font-size: 11px !important;
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
.smallfont
{
color:#FFFFFF !important;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
.time
{
color: #CCCCCC !important;
}
.navbar
{
color: #d2ff00 !important;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
.highlight
{
color: #e2ff58 !important;
font-weight: bold !important;
}
.fjsel
{
background: #3E5C92 !important;
color: #E0E0F6 !important;
}
.fjdpth0
{
background: #F7F7F7 !important;
color: #000000 !important;
}
.panel
{
background: #444444 !important;
color: #FFFFFF !important;
padding: 10px !important;
border: 2px outset #333333 !important;

}
.panelsurround
{
background: #333333 !important;
color: #FFFFFF !important;
}
legend
{
color: #CCCCCC !important;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
.vbmenu_control
{
background: #333333 !important;
color: #CCCCCC !important;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
padding: 3px 6px 3px 6px !important;
white-space: nowrap !important;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
color: #F7F7F7 !important;
text-decoration: none !important;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
color: #F7F7F7 !important;
text-decoration: none !important;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
color: #d2ff00 !important;
text-decoration: none !important;
}
.vbmenu_popup
{
background: #000000 !important;
color: #000000 !important;
}
.vbmenu_option
{
background: #CCCCCC !important;
color: #7F7777 !important;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
white-space: nowrap !important;
cursor: pointer !important;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
color: #7F7777 !important;
text-decoration: none !important;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
color: #7F7777 !important;
text-decoration: none !important;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
color: #7F7777 !important;
text-decoration: none !important;
}
.vbmenu_hilite
{
background: #2d3600 !important;
color: #FFFFFF !important;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
white-space: nowrap !important;
cursor: pointer !important;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
color: #d2ff00 !important;
text-decoration: none !important;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
color: #d2ff00 !important;
text-decoration: none !important;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
color: #d2ff00 !important;
text-decoration: none !important;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 10pt !important; }

/* ***** small padding on 'thead' elements ***** */
td.thead, div.thead { padding: 4px !important; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none !important; }
.pagenav td { padding: 2px 4px 2px 4px !important; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px !important; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px !important; }

/* ***** don't change the following ***** */
form { display: inline !important; }
label { cursor: default !important; }
.normal { font-weight: normal !important; }
.inlineimg { vertical-align: middle !important; }


img[src="enlighten/misc/cat_top_rs.gif"]{
display: none !important;
}

img[src="enlighten/misc/cat_back.gif"]{
display: none !important;
}

img[src="enlighten/misc/cat_top_ls.gif"]{
display: none !important;
}

.h_nav {
color: black !important;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
padding: 3px 6px 3px 6px !important;
white-space: nowrap !important;
}
.h_nav a:link
{
color: black !important;
text-decoration: none !important;
}
.h_nav a:visited
{
color: black !important;
text-decoration: none !important;
}
.h_nav a:hover, .h_nav a:active
{
color: black !important;
text-decoration: blink !important;
}

.stuck {
background: #343434!important;
color: #FFFFFF !important;
border-left: 1px solid #D1D4E0 !important;
border-top: 1px solid #D1D4E0 !important;
}

.info {
padding-left: 3px !important;
padding-right: 0px !important;
padding-top: 3px !important;
padding-bottom: 3px !important;
background-color: #7F7777 !important;
border-top: 1px solid black !important;
border-right: 2px solid black !important;
border-left: 1px solid black !important;
border-bottom: 2px solid black !important;
margin-bottom: 3px !important;
}

}


Bluered (By Insane Metal)

http://img128.imageshack.us/img128/5645/2hr1.jpg

(Clique na Imagem para gegar o código)


http://wwwexe.inf.ufsc.br/~brunofs/assinatura/imagem.php

[andregarcia_1]

Boa Bruno, resolveu o meu problema com essa skin, vlw!!!!:kongpositivo:

OFF: Acho que o Palhano esqueceu de fazer o tópico de votação :D :D

[Palhano]

Boa Bruno, resolveu o meu problema com essa skin, vlw!!!!:kongpositivo:

OFF: Acho que o Palhano esqueceu de fazer o tópico de votação :D :D


Pior que não esqueci, é que ando meio sem tempo mesmo.
Acabou de começar semana de prova na faculdade aí já viu..
Acho que vou criar um tópico pedindo pra alguém fazer isso pra mim..
Mas é uma ótima idéia esse trem do skin aí pro Fórum, da para personalizar.

Abraços

[andregarcia_1]

Pior que não esqueci, é que ando meio sem tempo mesmo.
Acabou de começar semana de prova na faculdade aí já viu..
Acho que vou criar um tópico pedindo pra alguém fazer isso pra mim..
Mas é uma ótima idéia esse trem do skin aí pro Fórum, da para personalizar.

Abraços

Hehehehe, eu sei como é. Essa semana também tive prova a semana inteira senão teria até feito o tópico pra vc, mas também não tive tempo :)

[andregarcia_1]

Tô usando o Tech Zone, tá perfeito!

[Ratinho_off]

nossa fui usar

mais fikou mto eskisito

as letras tão gigantescas

aí aí

o falta do solaris

vo fucar nisso e ver se consigo fazer uma solaris aki kaekpaepae

[High_Voltage]

Se mudarem oficialmente a skin podia ter a opção de continuar usando essa aqui...

[The_Crokster]

:kongpositivo: TechZone lembra um visual escuro que já foi usado no fórum. Gostei.

[Maximum Spider]

Muito boa a dica, mas fiquei na dúvida agora. Tem como restringir o style apenas a um site em questão? No caso o fórum. O problema é que ele altera os demais sites que você acessa.

[NicoLoco]

Muito boa a dica, mas fiquei na dúvida agora. Tem como restringir o style apenas a um site em questão? No caso o fórum. O problema é que ele altera os demais sites que você acessa.
Quando você for criar um style, clique em "criar estilo para forum.outerspace.com.br"

[Brunofs]

Quando você for criar um style, clique em "criar estilo para forum.outerspace.com.br"

Isso. Ou Manualmente no código do Estilo:

@-moz-document domain("SITE"){ ESTILO }

Exemplo
@-moz-document domain("forum.outerspace.com.br"){ ESTILO }

Mais de um
@-moz-document domain("forum.outerspace.com.br"), domain("200.226.134.157") { ESTILO }



http://wwwexe.inf.ufsc.br/~brunofs/assinatura/imagem.php

[DanteMayCry]

Ae, valeu pela dica.
Estou usando o tech-zone, só que quando a cor da fonte de um post estiver em azul escuro ou verde fosforescente, fica muito difícil de ver.

Não teria como colocar uma uma condição tipo:

se(a cor da fonte for azul escuro ou verde fosforescente) mudar a cor da fonte para branca

?

Obrigado.

[Brunofs]

Ae, valeu pela dica.
Estou usando o tech-zone, só que quando a cor da fonte de um post estiver em azul escuro ou verde fosforescente, fica muito difícil de ver.

Não teria como colocar uma uma condição tipo:

se(a cor da fonte for azul escuro ou verde fosforescente) mudar a cor da fonte para branca

?

Obrigado.

1) Acho que não dá.
2) Mesmo que desse ficaria difícil, pois teria que fazer isso com todas as cores escuras.

Esse é o problema de um tema escuro, acontecia isso quando o pessoal usava o solaris também.

[Maximum Spider]

Obrigado pela ajuda Brunofs e Nico Loco. O esquema tá funcionando perfeitamente aqui.

Parabéns! ;D

[cheralhoo]

sou mais o original

anos luz a frente


parece meio simples essas cores~~ tem menos sensação de volume

sei lá~~ acjei o atual mais bonito mesmo

[_Morgoth_]

To usando o Old Outer, tá funcionando muito bem aqui. Vlw Bruno!

[Brunofs]

sou mais o original

anos luz a frente


parece meio simples essas cores~~ tem menos sensação de volume

sei lá~~ acjei o atual mais bonito mesmo

O original antigo ou o atual ?

http://wwwexe.inf.ufsc.br/~brunofs/assinatura/imagem.php

[High_Voltage]

sou mais o original

anos luz a frente


parece meio simples essas cores~~ tem menos sensação de volume

sei lá~~ acjei o atual mais bonito mesmo

Cheralhoo sabe das coisas.
Original rules :rox
[:king]

[mola_samas]

To usando o Old Outer, tá funcionando muito bem aqui. Vlw Bruno!


EU tb uso o Old OUter, q nem é tão old assim né:D

O q ficou ruim é q as letras dos titulos de topicos estavam gigantes, mas com meus conhecimentos de CSS do tamanho de 3 linhas de texto eu achei a variavel "font" no codigo e mudei pra um tamanho menor.

O que falta mudar é q quando posta sem usar a resposta rapadi todo o texto q vc vai postar aparece em branco no fundo SubSilver. Daew tá ruim, e ainda num achei a variável...Alguem sabe qual é?

[serfepro]

EU tb uso o Old OUter, q nem é tão old assim né:D

O q ficou ruim é q as letras dos titulos de topicos estavam gigantes, mas com meus conhecimentos de CSS do tamanho de 3 linhas de texto eu achei a variavel "font" no codigo e mudei pra um tamanho menor.

O que falta mudar é q quando posta sem usar a resposta rapadi todo o texto q vc vai postar aparece em branco no fundo SubSilver. Daew tá ruim, e ainda num achei a variável...Alguem sabe qual é?

É verdade, está saindo realmente em branco. Será que não tem como modificar isso não?

[ZeH LuIs]

Gosto da skin padrão do Fórum... Não cansa.

[vangelismm]

e o topico de votacao?

[NintendoGuy]

Desculpa reviver, é que eu queria saber se dá para usar isto no Internet Explorer...

[Brunofs]

Desculpa reviver, é que eu queria saber se dá para usar isto no Internet Explorer...

Só FireFox e talvez Opera [1] (http://www.opera.com/support/usingopera/stylesheets/index.dml) [2] (http://www.opera.com/support/tutorials/opera/custom/styles/index.dml) (nunca testei)

[NintendoGuy]

Aqui nem rola, o PC nem é meu...
Mas valeu pelo tutorial, e assim que adquirir firefox irei mudar o visual...

[Fennix]

Queria saber se tem como usar aquele skin "Solaris" do antigo forum??
Sinto saudades.
:(

[Damyen]

Não funfa com essa misera do FF 2.0, vo desinstalar porquera!

EDIT: funfa sim :D

Mudei pro antigo, muito melhor, aquele verde limão doi as vistas. [kong]

Só tem um problema, na caixa de texto, o texto sai branco quando tá escrevendo, vou mudar meu estilo.
Tu é O cara!

[MATA_LOCO]

Só tem um problema, na caixa de texto, o texto sai branco quando tá escrevendo, vou mudar meu estilo.
Tu é O cara!

Mesmo problema, como faz para mudar?

[Brunofs]

Mesmo problema, como faz para mudar?

Não funfa com essa misera do FF 2.0, vo desinstalar porquera!

EDIT: funfa sim :D

Mudei pro antigo, muito melhor, aquele verde limão doi as vistas. [kong]

Só tem um problema, na caixa de texto, o texto sai branco quando tá escrevendo, vou mudar meu estilo.
Tu é O cara!

Em qual estilo ??

[Damyen]

Eu tentei mudar o CSS, mas não resolveu, tinha lah a tag TEXTAREA, eu mudei a cor da fonte mas não resolveu nada, continua branco na caixa de texto.
É no estilo OldOuterSpace

[Brunofs]

Eu tentei mudar o CSS, mas não resolveu, tinha lah a tag TEXTAREA, eu mudei a cor da fonte mas não resolveu nada, continua branco na caixa de texto.
É no estilo OldOuterSpace

Corrigido !

Só não tinha visto antes porque isso só acontece no Editor Avançado (WYSIWYG), e eu não uso ele.

[MATA_LOCO]

Corrigido !

Só não tinha visto antes porque isso só acontece no Editor Avançado (WYSIWYG), e eu não uso ele.


Valeu ficou muito bom!!!!:rox:rox:rox:rox:rox

[Fennix]

Mto bom! estou usando o TechZone Outer, mas tenho umas dúvidas, falaram ae que usando essa extensão ela poderia interferir em outros sites tmb.. isso que n entendi direito, quais seriam esses outros sites?

http://img76.imageshack.us/img76/4370/2cn6.th.jpg (http://img76.imageshack.us/my.php?image=2cn6.jpg)

E quando eu quero desabilitar a extensão

http://img247.imageshack.us/img247/3411/535iz2.jpg

Apenas vou lah, e desmarco a opção, "OS Black" foi o nome que eu dei..
esta correto?

Obrigado!

[Brunofs]

Mto bom! estou usando o TechZone Outer, mas tenho umas dúvidas, falaram ae que usando essa extensão ela poderia interferir em outros sites tmb.. isso que n entendi direito, quais seriam esses outros sites?

http://img76.imageshack.us/img76/4370/2cn6.th.jpg (http://img76.imageshack.us/my.php?image=2cn6.jpg)

E quando eu quero desabilitar a extensão

http://img247.imageshack.us/img247/3411/535iz2.jpg

Apenas vou lah, e desmarco a opção, "OS Black" foi o nome que eu dei..
esta correto?

Obrigado!

Correto.
A questão de interferir em outros sites é se o estilo for setado como global. Como no estilo diz que é para ser aplicado só no Fórum Outerspace não tem problema.

Só cuide pra deixa apenas um selecionado de cada vez, senão pode acontecer deles se 'sobreporem' (pegar um pouco de cada estilo). Caso isso aconteça é só deselecionar um deles.

[MATA_LOCO]

No OldOuterSpace depois de postar o titulo do tópico fica em negrito, como se vc ainda não tivesse lido, na verdade ele deveria ficar em fonte normal sem negrito.
E também qualdo vc posta mensagem rápida, aparece um texto logo abaixo em fonte de cor branca, deveria estar em preto também.

Bom foi isso que achei de probleminhas nos ultimos dias, mas tá muito bom usar o visual antigo do forum.

[Insane Metal]

Poxa, interessante. Vou ver se consigo criar alguns estilos também... :smile

[Insane Metal]

Pronto, primeiro skin criado :D

Ta meia boca ainda, mas ta valendo :p

Bluered OS - By Insane [:king]:lol

http://img128.imageshack.us/img128/2328/1ro6.th.jpg (http://img128.imageshack.us/my.php?image=1ro6.jpg) http://img128.imageshack.us/img128/5645/2hr1.th.jpg (http://img128.imageshack.us/my.php?image=2hr1.jpg)

Espero que alguém goste e use... :kongpositivo:

[Henry Townsend]

Que baiano, Insane. :lol

[Insane Metal]

Que baiano, Insane. :lol
Num é não... [kong]

[Brunofs]

Pronto, primeiro skin criado :D

Ta meia boca ainda, mas ta valendo :p

Bluered OS - By Insane [:king]:lol

http://img128.imageshack.us/img128/2328/1ro6.th.jpg (http://img128.imageshack.us/my.php?image=1ro6.jpg) http://img128.imageshack.us/img128/5645/2hr1.th.jpg (http://img128.imageshack.us/my.php?image=2hr1.jpg)

Espero que alguém goste e use... :kongpositivo:

Pode ser que alguém use, se você postar o código :D
Posta aí que coloco no tópico principal...
(Melhor, faz um post nesse tópico com o código, no padrão do post principal. Assim eu só linko o seu post, e você pode editar o código do seu css quando quiser, e eu não preciso ficar editando o tópico principal.)

(A barra de ferramentas no topo é cinza mesmo? Não ficaria melhor azul ? :p)

Uma coisa legal é pegar aqueles skins da votação e 'traduzí-lo' para o css da outer. Foi o que fiz com alguns que estão na pg principal

[Insane Metal]

Blz Bruno :D

Ta aí:

Pronto, primeiro skin criado :D

Ta meia boca ainda, mas ta valendo :p

Bluered OS - By Insane [:king]:lol

http://img128.imageshack.us/img128/2328/1ro6.th.jpg (http://img128.imageshack.us/my.php?image=1ro6.jpg) http://img128.imageshack.us/img128/5645/2hr1.th.jpg (http://img128.imageshack.us/my.php?image=2hr1.jpg)

Espero que alguém goste e use... :kongpositivo:

@-moz-document domain("forum.outerspace.com.br"), domain("200.226.134.157") {

/* vBulletin 3 CSS For Style 'Techzone' (styleid: 45) */
/* Adaptado para Stylish por Bruno Felipe da Silva (Brunofs) */
/* Bluered OS - Esse skin feito por Insane Metal - OS Fórum */

body
{
background: #c9c9c9 !important;
color: #c4c4c4 !important;
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
margin: 5px 10px 10px 10px !important;
padding: 0px !important;
}
a:link, body_alink
{
color: #b90404 !important;
text-decoration: none !important;
}
a:visited, body_avisited
{
color: #b90404 !important;
text-decoration: none !important;
}
a:hover, a:active, body_ahover
{
color: #024c8a !important;
text-decoration: underline !important;
}
.page
{
background: #d9d9d9 !important;
color: black !important;
}
td, th, p, li
{
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
.tborder
{
background: #3d3131 !important;
color: #ffffff !important;
}
.tcat
{
background: #a6aab3 !important;
color: #ffffff !important;
font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
border-left: 10px solid #a6aab3 !important;
}
.tcat a:link, .tcat_alink
{
color: #ffffff !important;
text-decoration: none !important;
}
.tcat a:visited, .tcat_avisited
{
color: #ffffff !important;
text-decoration: none !important;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
color: #024c8a !important;
text-decoration: underline !important;
}
.thead
{
background: #6e7f9e !important;
color: #ffffff !important;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
.thead a:link, .thead_alink
{
color: #FFFFFF !important;
}
.thead a:visited, .thead_avisited
{
color: #FFFFFF !important;
}
.thead a:hover, .thead a:active, .thead_ahover
{
color: #024c8a !important;
}
.tfoot
{
background: #6e7f9e !important;
color: #ffffff !important;
}
.tfoot a:link, .tfoot_alink
{
color: #FFFFFF !important;
}
.tfoot a:visited, .tfoot_avisited
{
color: #FFFFFF !important;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
color: #024c8a !important;
}
.alt1, .alt1Active
{
background: #dadfe2 !important;
color: black !important;
}
.alt2, .alt2Active
{
background: #e8e8e8 !important;
color: black !important;
}
td.inlinemod
{
background: #FFFFCC !important;
color: #000000 !important;
}
.wysiwyg
{
background: #EEEEEE !important;
color: #000000 !important;
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
textarea, .bginput
{
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
.button
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
select
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
option, optgroup
{
font-size: 11px !important;
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
.smallfont
{
color: black !important;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
.time
{
color: black !important;
}
.navbar
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
.highlight
{
color: #e2ff58 !important;
font-weight: bold !important;
}
.fjsel
{
background: #3E5C92 !important;
color: #FFFFFF !important;
}
.fjdpth0
{
background: #F7F7F7 !important;
color: #000000 !important;
}
.panel
{
background: #EEEEEE !important;
color: #000000 !important;
padding: 10px !important;
border: 2px outset #535353 !important;

}
.panelsurround
{
background: #EEEEEE !important;
color: #FFFFFF !important;
}
legend
{
color: #000000 !important;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
}
.vbmenu_control
{
background: #535353 !important;
color: #D7D1D3 !important;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
padding: 3px 6px 3px 6px !important;
white-space: nowrap !important;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
color: #FFFFFF !important;
text-decoration: none !important;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
color: #FFFFFF !important;
text-decoration: none !important;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
color: #FFFFFF !important;
text-decoration: none !important;
}
.vbmenu_popup
{
background: #D7D1D3 !important;
color: #000000 !important;
}
.vbmenu_option
{
background: #D7D1D3 !important;
color: #000000 !important;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
white-space: nowrap !important;
cursor: pointer !important;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
color: #000000 !important;
text-decoration: none !important;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
color: #000000 !important;
text-decoration: none !important;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
color: #000000 !important;
text-decoration: none !important;
}
.vbmenu_hilite
{
background: #535353 !important;
color: #FFFFFF !important;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
white-space: nowrap !important;
cursor: pointer !important;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
color: black !important;
text-decoration: none !important;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
color: black !important;
text-decoration: none !important;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
color: black !important;
text-decoration: none !important;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 10pt !important; }

/* ***** small padding on 'thead' elements ***** */
td.thead, div.thead { padding: 4px !important; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none !important; }
.pagenav td { padding: 2px 4px 2px 4px !important; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px !important; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px !important; }

/* ***** don't change the following ***** */
form { display: inline !important; }
label { cursor: default !important; }
.normal { font-weight: normal !important; }
.inlineimg { vertical-align: middle !important; }


img[src="enlighten/misc/cat_top_rs.gif"]{
display: none !important;
}

img[src="enlighten/misc/cat_back.gif"]{
display: none !important;
}

img[src="enlighten/misc/cat_top_ls.gif"]{
display: none !important;
}

.h_nav {
color: black !important;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif !important;
padding: 3px 6px 3px 6px !important;
white-space: nowrap !important;
}
.h_nav a:link
{
color: black !important;
text-decoration: none !important;
}
.h_nav a:visited
{
color: black !important;
text-decoration: none !important;
}
.h_nav a:hover, .h_nav a:active
{
color: black !important;
text-decoration: blink !important;
}

.stuck {
background: #E4E0E0!important;
color: #000000 !important;
border-left: 1px solid #D1D4E0 !important;
border-top: 1px solid #D1D4E0 !important;
}

.info {
padding-left: 3px !important;
padding-right: 0px !important;
padding-top: 3px !important;
padding-bottom: 3px !important;
background-color: #EEEEEE !important;
border-top: 1px solid black !important;
border-right: 2px solid black !important;
border-left: 1px solid black !important;
border-bottom: 2px solid black !important;
margin-bottom: 3px !important;
}

}

E sim, deixei a barra no topo cinza pra facilitar por causa das ferramentas... deixa elas mais visíveis :D

[Chris Redfield]

tem como colocar as funções do "advanced reply" no "quick reply" com alguma extenção do FF? ou através do GreaseMonkey???

[Brunofs]

tem como colocar as funções do "advanced reply" no "quick reply" com alguma extenção do FF? ou através do GreaseMonkey???

Não sei o que você quer com essas funções, mas você pode procurar por um greasemonkey script em http://userscripts.org/ (dica: procure por vBulletin)

[Insane Metal]

Up nesse tópico que é muito bom! :D

[andregarcia_1]

Up nesse tópico que é muito bom! :D

Coveiro!!![kong]









:-D :-D :-D

[billpower]

Não poderia ser fixo?

[henrique_rp]

Nossa que interessante. Não sabia que dava para mudar esse visual do fórum. Vou testar os outros padrões.

Também acho que esse tópico é interessante demais para não ser fixo.

Fica aí a dica. ;D

[neko17]

Eu uso o TechZone, fica muito melhor! :D

Mas assim mesmo gosto do visual normal, nada contra!

[Eledryn]

Aproveitando o tópico, alguêm aqui usa o Auto Text do Greasemonkey?
Não tá funcionando nem por decreto aqui...

[Maximu's]

Bem que eles podiam dar uma renovada para quem use IE, não aguento mais olhar para esse cinza. :p

[Eriert]

Bem que eles podiam dar uma renovada para quem use IE, não aguento mais olhar para esse cinza. :p

IE??? [ksuxx] [ksuxx] [ksuxx]

[neil young]

Eu gostava do layout da epoca do UOL.....

[masterdx]

valeu:kongpositivo::kongpositivo:

muito legal isso:D:D

e ter limpado o imageshack foi muito bom

[Fennix]

Como eu faço pra criar um estilo?

Tem algum tuto? :D

[-Rocky_Balboa-]

tava procurando esse ópico e não tava achando....vou favoritar e depois vou mudar essa cor de catarro

[DiogoNT]

esse visual não é feio não mas acho que deveria ter opções de outras skins no próprio os

[Matt]

Legal e bem mais facil de usar que GreaseMonkey, só que podia mudar a barra ali em cima tb..

[Id]

Era mais facil colocarem skins nas opções do forum... quem sabe na proxima quarta feira né.
Ate o site tem skins diferentes.

[Insane Metal]

Up galera!! Acabei de reinstalar meu ReDBlue aqui e é muito foda [:king]

:lol brinks nem é por isso o up, é pq o tópico é bacana!

[AtDeathDoor]

Se for mudar soau a favor do visual geral clássico de 1998.

Ciao

[kenziner]

Funciona no Chrome?

[Insane Metal]

Se for mudar soau a favor do visual geral clássico de 1998.

Ciao


Ué, é só usar o código...

Funciona no Chrome?
Não, é pra FF.

[Junior]

Essa extensão funciona direito no FF3?
Já salvei a folha de estilos que quero, mas ela nem aparece nas opções do Stylish pra eu usar no site. Não sei o que tá acontecendo.

[sparcx86]

Po gostei disso pacas Admin. Valeu.:kongpositivo:

[kenziner]

...

Bruno,
Seria interessante atualizar os códigos com o endereço atual do fórum: http://forum.outerspace.terra.com.br/ e se possível fazer mais algumas skins :D

[Coffinator]

Cebola podia colocar algumas skins pra votação e a galera escolher 3 pra serem usadas no fórum.

[Insane Metal]

Bruno,
Seria interessante atualizar os códigos com o endereço atual do fórum: http://forum.outerspace.terra.com.br/ e se possível fazer mais algumas skins :D

É só abrir no Greasemonkey: Editar estilos, aí onde tem o endereço do fórum, logo no começo dos códigos, colocar o link novo... :smile

ps: usem o estilo que criei, fica legal [:king][:king]

[JUGULADOR]

Curti essa skin estilo forum antigo... tem como usar ela no Opera?

FALOW
U
I

[Vadiagem RJ]

como tiro as propaganda?

[Tiranossauro Rex]

Que legal... ainda bem que dá pra personalizar o fórum... pois já era hora de mudar o fórum bege-cinza (não sei como é que fala a cor daki), pois achei meio obscuro o visual.

[kenziner]

É só abrir no Greasemonkey: Editar estilos, aí onde tem o endereço do fórum, logo no começo dos códigos, colocar o link novo... :smile

ps: usem o estilo que criei, fica legal [:king][:king]

Eu fiz isso, mas só depois de já ter me irritado por não ter funcionado :D
ps: eu já usei o que você criou.

[Insane Metal]

Eu fiz isso, mas só depois de já ter me irritado por não ter funcionado :D
ps: eu já usei o que você criou.

Valeu :D

Num gostou é? :p

Eu acostumei tanto com ele q num consigo usar outro, gosto muito do esquema de cores.

[raphtorne]

Seu eu soubesse mudar o esquema de cores eu até mudaria pra um preto com laranja, tipo o antigo Solaris, ou até preto com vermelho escuro. Mas como eu não sei, só me resta pedir pra alguém fazer isso por mim.

[Tiranossauro Rex]

Se for mudar soau a favor do visual geral clássico de 1998.

Ciao



Aloc... como era o visual de 1998?? Ou tá falando da aparência do estilo de Windows 98??