[code] Tema do Forum

[a13x]

Olá,

eu queria sugerir a mudança do estilo da tag code

Código Selecionar Expandir

Olhe como é difícil de ler alguma coisa aqui!!

podia aumentar a letra e clarear o fundo...
eu não entendo muito de webdesign para dar dicas,
mas eu queria saber também dos outros usuários do fórum o que eles tem a dizer sobre isso

abraços a todos...

[Perícope]

Se for possível mudar, concordo com a sugestão.

[agente100gelo]

Basta alterar este arquivo:
http://ubuntuforum-pt.org/Themes/human/style.css?rc3

Onde tem .code.

[gaijin]

Realmente, acho que simplesmente aumentando a letra seria bem melhor.

[a13x]

já que todo mundo concordou....
podia pegar essa onda de mudanças no fórum e mudar esse CSS também

[pedropg]

Agora que vc comentou que dei importancia a isso...
engraçado... mas esta foi uma boa sugestão.

[Curioso]

essa é a vantagem do php... vc edita ele e não precisa tirar nada do ar...

ah, existem mods para o SMF que implementam a opção de citação.

[FaBMak]

Isso será implantado. Aguardem.

FaBMak

[ninjitisu]

Aproveitando o tópico podia também tem variações de cores, tipo Kubuntu tons de azul e Xubuntu tons de cinza o que acham?
É coisa facil de fazer se quiserem ajuda podem contar comigo

[arsolto]

Olá,

eu queria sugerir a mudança do estilo da tag code

Código Selecionar Expandir

Olhe como é difícil de ler alguma coisa aqui!!

podia aumentar a letra e clarear o fundo...
eu não entendo muito de webdesign para dar dicas,
mas eu queria saber também dos outros usuários do fórum o que eles tem a dizer sobre isso

abraços a todos...

Atenção, administradores do fórum Ubuntu. A sugestão do membro a13x foi aceita por toda a Comunidade, sem exceção, num espaço de tempo significativo. Por favor, tomem providências logo quanto ao quadro da fonte utilizada nos códigos porque se trata de algo realmente inconveniente.

[Rwainder Miller]

não concordo,acho que se implementarem isso dai não vai ficar legal,esta facil de ler sim, como é code tem que ficar pequeno para não ocupar muito espaço,o problema é com o monitor de vocês que deve estar muito escuro ou com algum problema.

[ctavares]

Também nao vejo dificuldades em ler o conteúdo dos Post, acredito que uma letra maior só torne a leitura mais cansativa e menos dinâmica. Quanto a mudar o cor do fórum por mim tudo bem.

[ninjitisu]

Ai eu tenho de discordar de vocês, quer dizer que se o monitor de vocês está bem configurado e vocês não tem problema de ver as letras os demais tem que sofrer? em casa uso um monitor de 17' em 1280x1024 fica sim muito ruim de enxergar, já no trampo com um de 15' em 1024x768 fica mais facil de ler mais ainda assim não é o ideal.

é só trocar a fonte no css por uma com serifa simples assim

[FaBMak]

Mudei a cor do fundo e aumentei a letra um pouco.

FaBMak

[ninjitisu]

Pessoal eu fiz um .css com as cores do Xubuntu e estou usando ele com o Stylish no firefox.

O Stylish nos deixa usar um css personalizado em qualquer pagina assim podemos personalizar a maneira de visualizar essa pagina quem quiser testar é só instalar a extensão e copiar o meu css:

Código Selecionar Expandir

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

@-moz-document domain("ubuntu.linuxval.org") {/* Normal, standard links. */
a:link
{
color: #204a87;
text-decoration: none;
}
a:visited
{
color: #204a87;
text-decoration: none;
}
a:hover
{
text-decoration: underline;
}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
color: #000000;
text-decoration: none;
}
a.nav:hover
{
color: #3a5065;
text-decoration: underline;
}

/* Tables should show empty cells. */
table
{
empty-cells: show;
}

/* By default (td, body..) use verdana in black. */
body, td, th , tr
{
color: #000000;
font-size: small;
font-family: verdana, sans-serif;
}

/* The main body of the entire forum. */
body
{
background-color: #729fcf;
margin: 0px;
padding: 12px 30px 4px 30px;
}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
color: #000000;
font-family: verdana, sans-serif;
}
input, button
{
font-size: 90%;
}

textarea
{
font-size: 100%;
color: #000000;
font-family: verdana, sans-serif;
}

/* All input elements that are checkboxes or radio buttons. */
input.check
{
}

/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
font-size: 90%;
font-weight: normal;
color: #000000;
font-family: verdana, sans-serif;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
height: 1px;
border: 0;
color: #666666;
background-color: #666666;
}

/* No image should have a border when linked */
a img{
border: 0;
}
/* A quote, perhaps from another post. */
.quote
{
color: #000000;
background-color: #E8E8E8;
border: 1px solid #000000;
margin: 1px;
padding: 1px;
font-size: x-small;
line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code
{
color: #000000;
background-color: #dddddd;
font-family: verdana, sans-serif;
font-size: x-small;
line-height: 1.3em;
/* Put a nice border around it. */
border: 1px solid #000000;
margin: 1px auto 1px auto;
padding: 1px;
width: 99%;
/* Don't wrap its contents, and show scrollbars. */
white-space: nowrap;
overflow: auto;
/* Stop after about 24 lines, and just show a scrollbar. */
max-height: 24em;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
color: #000000;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: x-small;
line-height: 1.2em;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
cursor: help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
color: red;
}

/* The main post box - this makes it as wide as possible. */
.editor
{
width: 96%;
}

/* Highlighted text - such as search results. */
.highlight
{
background-color: #DDDDDD;
font-weight: bold;
color: black;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
color: #000000;
background-color: #FFFFFF;
}
.windowbg2
{
color: #000000;
background-color: #e8e8e8;
}
.windowbg3
{
color: #000000;
background-color: #d2d7cf;
}
/* the today container in calendar */
.calendar_today
{
background-color: #FFFFFF;
}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td
{
color: #3a5065;
font-style: normal;
background-color: #789abd;
background-image: url(images/titlebg.jpg);
border-bottom: solid 1px #b9bdb6;
border-top: solid 1px #FFFFFF;
background-repeat: repeat-x;
padding-left: 10px;
padding-right: 10px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
font-weight: bold;
color: #FFFFFF;
font-style: normal;
}

.titlebg a:hover
{
color: #FDFCFB;
}
/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
color: #816648;
font-style: normal;
text-decoration: none;
}

.titlebg2 a:hover
{
text-decoration: underline;
}

/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
.catbg , tr.catbg td , .catbg3 , tr.catbg3 td
{
background-image: url(images/catbg.jpg);
background-color: #3a5065;
color: #F2E9D5;
padding-left: 10px;
padding-right: 10px;
}
.catbg2 , tr.catbg2 td
{
background-image: url(images/catbg2.jpg);
background-color: #3a5065;
color: #F2E9D5;
padding-left: 10px;
padding-right: 10px;
}
.catbg, .catbg2, .catbg3
{
border-bottom: solid 1px #000000;
background-repeat: repeat-x;
}
.catbg, .catbg2
{
font-weight: bold;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
font-size: 95%;
color: #F2E9D5;
text-decoration: none;
}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
{
color: #F2E9D5;
text-decoration: none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
color: #FAF8F3;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
background-color: #ababab;
padding: 0px;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
padding: 1px;
border: 1px solid #3a5065;
background-color: #F8F4ED;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext
{
font-size: x-small;
font-family: verdana, sans-serif;
}
.middletext
{
font-size: 90%;
}
.normaltext
{
font-size: small;
}
.largetext
{
font-size: large;
}


/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
width: 100%;
/* overflow: auto; */
line-height: 1.3em;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature
{
width: 100%;
overflow: auto;
padding-bottom: 3px;
line-height: 1.3em;
}

/* Sometimes there will be an error when you post */
.error{
color: red;
}


/* definitions for the main tab, active means the tab reflects which page is displayed */
.maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last
{
background-position: left bottom;
color: #F7EEDB;
text-transform: uppercase;
vertical-align: top;

}
.maintab_back, .maintab_active_back
{
color: #F7EEDB;
text-decoration: none;
font-size:  9px;
vertical-align: top;
padding: 2px 6px 6px 6px;
font-family: tahoma, sans-serif;
}

.maintab_first
{
background-image: url(images/maintab_first.gif);
background-repeat: no-repeat;
width: 10px;
}
.maintab_back
{
background-image: url(images/maintab_back.gif);
background-repeat: repeat-x;
}
.maintab_last
{
background-image: url(images/maintab_last.gif);
background-repeat: no-repeat;
width: 8px;
}
.maintab_active_first
{
background-image: url(images/maintab_active_first.gif);
background-repeat: no-repeat;
width: 6px;
}
.maintab_active_back
{
background-image: url(images/maintab_active_back.gif);
background-repeat: repeat-x;
}
.maintab_active_last
{
background-image: url(images/maintab_active_last.gif);
background-repeat: no-repeat;
width: 8px;
}

/* how links behave in main tab. */
.maintab_back a:link , .maintab_back a:visited, .maintab_active_back a:link , .maintab_active_back a:visited
{
color: #F7EEDB;
text-decoration: none;
}

.maintab_back a:hover, .maintab_active_back a:hover
{
color: #F9F2E7;
text-decoration: none;
}
/* definitions for the mirror tab */
.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last
{
background-position: left top;
color: #F7EEDB;
text-transform: uppercase;
vertical-align: top;

}
.mirrortab_back, .mirrortab_active_back
{
color: #F7EEDB;
text-decoration: none;
font-size: 9px;
vertical-align: bottom;
padding: 6px 6px 2px 6px;
font-family: tahoma, sans-serif;
}

.mirrortab_first
{
background-image: url(images/mirrortab_first.gif);
background-repeat: no-repeat;
width: 10px;
}
.mirrortab_back
{
background-image: url(images/mirrortab_back.gif);
background-repeat: repeat-x;
}
.mirrortab_last
{
background-image: url(images/mirrortab_last.gif);
background-repeat: no-repeat;
width: 6px;
}

.mirrortab_active_first
{
background-image: url(images/mirrortab_active_first.gif);
background-repeat: no-repeat;
width: 6px;
}
.mirrortab_active_back
{
background-image: url(images/mirrortab_active_back.gif);
background-repeat: repeat-x;
}
.mirrortab_active_last
{
background-image: url(images/mirrortab_active_last.gif);
background-repeat: no-repeat;
width: 8px;
}

/* how links behave in mirror tab. */
.mirrortab_back a:link , .mirrortab_back a:visited, .mirrortab_active_back a:link , .mirrortab_active_back a:visited
{
color: #F7EEDB;
text-decoration: none;
}

.mirrortab_back a:hover, .mirrortab_active_back a:hover
{
color: #F9F2E7;
text-decoration: none;
}


}

Espero que gostem e logo farei uma com as cores do Kubuntu