Autor Tópico: [code] Tema do Forum  (Lida 17379 vezes)

Offline a13x

  • Usuário Ubuntu
  • *
  • Mensagens: 98
    • Ver perfil
[code] Tema do Forum
« Online: 04 de Outubro de 2006, 16:45 »
Olá,

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

Código: [Selecionar]
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...

Offline Perícope

  • Vivendo e aprendendo... Liga dos Dinos
  • Usuário Ubuntu
  • *
  • Mensagens: 299
    • Ver perfil
Re: [code] Tema do Forum
« Resposta #1 Online: 04 de Outubro de 2006, 16:48 »
Se for possível mudar, concordo com a sugestão.
Usuário Linux n. 414104 - Usuário Ubuntu n. 3048
| Não tenha pressa: pesquise no fórum primeiro! |

Offline agente100gelo

  • Administrador
  • Usuário Ubuntu
  • *****
  • Mensagens: 4.369
  • @Ceará
    • Ver perfil
Re: [code] Tema do Forum
« Resposta #2 Online: 04 de Outubro de 2006, 16:55 »
Basta alterar este arquivo:
http://ubuntuforum-pt.org/Themes/human/style.css?rc3

Onde tem .code.
Advogado e analista de sistema cearense.
Twitter: @glaydson

Offline gaijin

  • Usuário Ubuntu
  • *
  • Mensagens: 182
  • Katsujinken
    • Ver perfil
Re: [code] Tema do Forum
« Resposta #3 Online: 05 de Outubro de 2006, 17:32 »
Realmente, acho que simplesmente aumentando a letra seria bem melhor.
"Conhece-te a ti mesmo." Oráculo de Delfos

Como proceder quando tenho uma dúvida? (7 passos) http://ubuntuforum-pt.org/index.php?topic=8212.0

Offline a13x

  • Usuário Ubuntu
  • *
  • Mensagens: 98
    • Ver perfil
Re: [code] Tema do Forum
« Resposta #4 Online: 13 de Outubro de 2006, 11:10 »
já que todo mundo concordou....
podia pegar essa onda de mudanças no fórum e mudar esse CSS também :P

Offline pedropg

  • Usuário Ubuntu
  • *
  • Mensagens: 90
  • Laranja Mecanica
    • Ver perfil
Re: [code] Tema do Forum
« Resposta #5 Online: 13 de Outubro de 2006, 11:31 »
Agora que vc comentou que dei importancia a isso...
engraçado... mas esta foi uma boa sugestão.
" A dúvida é o preço que pagamos pela pureza, e é inútil ter certeza. "
( Jean Paul Sartre )

Offline Curioso

  • Usuário Ubuntu
  • *
  • Mensagens: 90
  • Curioso de nascença...
    • Ver perfil
    • BLOG:
Re: [code] Tema do Forum
« Resposta #6 Online: 27 de Outubro de 2006, 23:10 »
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.

Offline FaBMak

  • Administrador
  • Usuário Ubuntu
  • *****
  • Mensagens: 722
    • Ver perfil
    • fabmak://website
Re: [code] Tema do Forum
« Resposta #7 Online: 03 de Novembro de 2006, 12:44 »
Isso será implantado. Aguardem.

FaBMak
"Não creias impossível o que apenas improvável parece". (Shakespeare)
fabmak://website | http://twitter.com/fabmak

Offline ninjitisu

  • Usuário Ubuntu
  • *
  • Mensagens: 213
  • Design Dojo
    • Ver perfil
    • Design Dojo
Re: [code] Tema do Forum
« Resposta #8 Online: 03 de Novembro de 2006, 13:52 »
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
Agail Sanches aka "Ninjitisu"
www.designdojo.com.br
Interessado em aprender mais sobre o Ubuntu em português? ComeceAqui

Offline arsolto

  • Usuário Ubuntu
  • *
  • Mensagens: 625
  • Alea Jacta Est
    • Ver perfil
    • Por Ofício
Re: [code] Tema do Forum
« Resposta #9 Online: 21 de Novembro de 2006, 18:23 »
Olá,

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

Código: [Selecionar]
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.

Offline Rwainder Miller

  • Usuário Ubuntu
  • *
  • Mensagens: 102
    • Ver perfil
Re: [code] Tema do Forum
« Resposta #10 Online: 22 de Novembro de 2006, 08:00 »
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.


Offline ctavares

  • Usuário Ubuntu
  • *
  • Mensagens: 241
  • Linux
    • Ver perfil
Re: [code] Tema do Forum
« Resposta #11 Online: 22 de Novembro de 2006, 08:54 »
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.

Abraço,
Carlos Tavares
Blog: http://ti-online.blogspot.com/ MSN: ctavaresjr@hotmail.com

Offline ninjitisu

  • Usuário Ubuntu
  • *
  • Mensagens: 213
  • Design Dojo
    • Ver perfil
    • Design Dojo
Re: [code] Tema do Forum
« Resposta #12 Online: 22 de Novembro de 2006, 12:33 »
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
Agail Sanches aka "Ninjitisu"
www.designdojo.com.br
Interessado em aprender mais sobre o Ubuntu em português? ComeceAqui

Offline FaBMak

  • Administrador
  • Usuário Ubuntu
  • *****
  • Mensagens: 722
    • Ver perfil
    • fabmak://website
Re: [code] Tema do Forum
« Resposta #13 Online: 22 de Novembro de 2006, 12:48 »
Mudei a cor do fundo e aumentei a letra um pouco.

FaBMak
"Não creias impossível o que apenas improvável parece". (Shakespeare)
fabmak://website | http://twitter.com/fabmak

Offline ninjitisu

  • Usuário Ubuntu
  • *
  • Mensagens: 213
  • Design Dojo
    • Ver perfil
    • Design Dojo
Re: [code] Tema do Forum
« Resposta #14 Online: 22 de Novembro de 2006, 15:03 »
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]
@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
Agail Sanches aka "Ninjitisu"
www.designdojo.com.br
Interessado em aprender mais sobre o Ubuntu em português? ComeceAqui