2 replies to this topic

[webbz]

Eu encontro em vários sites, códigos CSS organizados em uma única linha, oq posso usar para separar automaticamente tudo isso?

Ex:

a:hover{color:#CC0000}.dfbg{background:#CC0000;color:#FFFFFF}.dfbg a{color:#FFFFFF}.dfbg a:hover{color:#FFFFFF}.dffont2,#menuthemes b{color:#CC0000}.dl:hover,.donate:hover{border:2px solid #CC0000}#menuthemes table,.menupselect{border:4px solid #CC0000}.titlebar{border-top:1px solid #CC0000;border-bottom:1px solid #CC0000}h1,h3,.headerpage{border-top:1px solid #CC0000;border-bottom:1px solid #CC0000;color:#CC0000}.select{background:#FFFFFF;color:#CC0000;border:solid 1px #CC0000}.contain{background:#FFFFFF;color:#CC0000}.pselect,.pselect a{color:#CC0000}.fleche{background:#CC0000}.headindex{border-top:1px solid #CC0000;color:#CC0000}.settingshead{background:#CC0000;color:#FFFFFF}.dlbox{height:88px}.indexad table{float:none}

*de preferência algum serviço online, que não precise instalar nada.

Edição feita por: webbz, 03/08/2010, 08:46.

[André Manoel]

Bom dia!

Bem... eu não sei qual a ferramenta que você tem usado para desenvolver. Mas principalmente em PHP... existem IDE's que já fazem isso com qualquer tipo de código.

Para programar e desenvolver sites eu utilizo o Eclipse para PHP.

Se você quiser baixar ele e instalar na sua máquina será bem útil. Vale a pena perder esse tempo.

Você pode abrir o arquivo .css ou qualquer extensão que nós usamos nos sites - js, php, html, phtml... -

E você vai no menu Source, e depois Format...

Pronto está feita a mágica...

E se forem 300 ou 30000 linhas... está tudo formatado...

E vai te poupar bastante tempo...





Copiei e colei o seu código aqui no meu eclipse... segui esses passos que te disse...
e pronto:

a:hover {
	color: #CC0000
}

.dfbg {
	background: #CC0000;
	color: #FFFFFF
}

.dfbg a {
	color: #FFFFFF
}

.dfbg a:hover {
	color: #FFFFFF
}

.dffont2,#menuthemes b {
	color: #CC0000
}

.dl:hover,.donate:hover {
	border: 2px solid #CC0000
}

#menuthemes table,.menupselect {
	border: 4px solid #CC0000
}

.titlebar {
	border-top: 1px solid #CC0000;
	border-bottom: 1px solid #CC0000
}

h1,h3,.headerpage {
	border-top: 1px solid #CC0000;
	border-bottom: 1px solid #CC0000;
	color: #CC0000
}

.select {
	background: #FFFFFF;
	color: #CC0000;
	border: solid 1px #CC0000
}

.contain {
	background: #FFFFFF;
	color: #CC0000
}

.pselect,.pselect a {
	color: #CC0000
}

.fleche {
	background: #CC0000
}

.headindex {
	border-top: 1px solid #CC0000;
	color: #CC0000
}

.settingshead {
	background: #CC0000;
	color: #FFFFFF
}

.dlbox {
	height: 88px
}

.indexad table {
	float: none
}

Pense em algo que ajuda a gente...

[webbz]

Legal, eu vou testar esse aí em casa. Valeu pela dica!
Mas aqui onde trabalho não posso instalar programas, por isso quis algo que fosso online.
Eu procurei no Google e achei esse aqui: Formatador de CSS

Ele fez certo, veja só:

a:hover {
 color:#CC0000;
}
.dfbg {
 background:#CC0000;
 color:#FFFFFF;
}
.dfbg a {
 color:#FFFFFF;
}
.dfbg a:hover {
 color:#FFFFFF;
}
.dffont2,#menuthemes b {
 color:#CC0000;
}
.dl:hover,.donate:hover {
 border:2px solid #CC0000;
} [...]

Só não gostei do layout da página. Podia ser mais elaborado, mas enfim...