Limpeza css
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1 • Compartilhe
Limpeza css
Qual é minha questão:
Olá! Eu já tenho meu fórum há quase três meses e já alterei bastante coisa. Incluindo javascript e CSS. Gostaria de saber se existe uma forma de saber se existem codigos não utilizados em meu código, ou que não surtem efeito (visto que varia de versão pra versão - o meu é invision) . Estou tendo alguns conflitos, por exemplo, o fundo do meu forum para ser alterado precisa ser alterado em dois codigos do css antes de ser mudado em "Visualização, imagens".
Se tiver como fazer essa limpeza, eu agradeceria bastante. SEgue abaixo meu codigo.
Endereço do meu fórum:
http://www.jogodostronos.forumeiros.com
Versão do fórum:
INVISION
Olá! Eu já tenho meu fórum há quase três meses e já alterei bastante coisa. Incluindo javascript e CSS. Gostaria de saber se existe uma forma de saber se existem codigos não utilizados em meu código, ou que não surtem efeito (visto que varia de versão pra versão - o meu é invision) . Estou tendo alguns conflitos, por exemplo, o fundo do meu forum para ser alterado precisa ser alterado em dois codigos do css antes de ser mudado em "Visualização, imagens".
Se tiver como fazer essa limpeza, eu agradeceria bastante. SEgue abaixo meu codigo.
- Código:
#ipbwrapper {
color: #828282;
}body{background:url(http://i.imgur.com/86zGU.png)repeat-x ,url(http://images4.fanpop.com/image/photos/21900000/King-s-Landing-concept-art-game-of-thrones-21954054-2048-1369.jpg);background-attachment:fixed!important;color:#333;font-family:"Helvetica Neue",Arial,sans-serif;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;line-height:150%;scrollbar-3dlight-color:#CDCDCD;scrollbar-arrow-color:#FFF;scrollbar-base-color:#EFEFEF;scrollbar-darkshadow-color:#CDCDCD;scrollbar-face-color:#CDCDCD;scrollbar-highlight-color:#EFEFEF;scrollbar-shadow-color:#CDCDCD}.tipsy {
padding: 5px;
font-size: 10px;
position: absolute;
z-index: 999;
}
.tipsy-inner {
padding: 5px 8px 4px 8px;
background-color: black;
color: white;
max-width: 200px;
text-align: center;
}
.tipsy-inner {
border-radius: 3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.tipsy-arrow {
position: absolute;
background: url('http://onehackoranother.com/projects/jquery/tipsy/stylesheets/../images/tipsy.gif') no-repeat top left;
width: 9px;
height: 5px;
}
.tipsy-n .tipsy-arrow {
top: 0;
left: 50%;
margin-left: -4px;
}
.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
}
.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
}
.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -4px;
background-position: bottom left;
}
.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
background-position: bottom left;
}
.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
background-position: bottom left;
}
.tipsy-e .tipsy-arrow {
top: 50%;
margin-top: -4px;
right: 0;
width: 5px;
height: 9px;
background-position: top right;
}
.tipsy-w .tipsy-arrow {
top: 50%;
margin-top: -4px;
left: 0;
width: 5px;
height: 9px;
}#profile-tip {
position: fixed;
top: 50%;
left: 30%;
background: white;
padding: 10px;
border: 1px solid black;
box-shadow: 0 0 50px black;
border-radius: 20px;
z-index: 9999 !important;
}
#profile-tip .panel {
background: transparent !important;
}
.column2 {
float: none !important;
}
#close-profile {
cursor: pointer;
padding: 5px;
position: absolute;
left: -15px;
top: -25px;
}
#prevBG{background:rgba(0, 0, 0, 0.31);bottom:0;left:0;position:fixed;right:0;top:0;z-index:99!important}/* Resposta rápida com efeito retratil */
form#quick_reply #textarea_content textarea#text_editor_textarea, form#quick_reply textarea#text_editor_textarea {
-htm-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 5ms;
-webkit-transition-duration: 1s;
transition-duration: 1s;
height: 10px;
width: 100%!important;
}
form#quick_reply:hover #textarea_content textarea#text_editor_textarea:hover, form#quick_reply textarea#text_editor_textarea:hover, form#quick_reply textarea#text_editor_textarea.post:hover {
position: relative;
height: 155px;
width: 100%!important;
}
/* Fim do código *//* Fancybox by Baivong */
.fancybox-tmp iframe,.fancybox-tmp object{vertical-align:top;margin:0;padding:0}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:1002}
.fancybox-outer{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin:0;padding:0}
.fancybox-opened{z-index:1003}
.fancybox-opened .fancybox-outer{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}
.fancybox-inner{width:100%;height:100%;position:relative;outline:none;overflow:hidden;margin:0;padding:0}
.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:10px}
.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;border:0;vertical-align:top;margin:0;padding:0}
.fancybox-image{max-width:100%;max-height:100%}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-21px;margin-left:-21px;width:42px;height:42px;background:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.gif);opacity:0.8;cursor:pointer;z-index:1010}
.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/fancyb10.png)}
.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:1004}
.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;overflow:visible;visibility:hidden;padding:0}
#fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index: 999;background:#000}
.fancybox-title{display:none}
.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index: 999;text-align:center}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap;padding:2px 20px}
.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}
.fancybox-title-inside-wrap{margin-top:10px}
.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;background:rgba(0,0,0,.8);padding:10px}#message { color: white !important; }.mainmenu:hover {
background: transparent !important;
} #submenu ul li a hover {
background-color: none;
}
#submenu ul li a {
margin: 0px;
padding: 0px;
text-decoration: none;
}
a.mainmenu:hover {
background: transparent;
}
input, textarea, select { color: "#000000" !important; }
#navstrip {
background: #363636
}#submenu {background:transparent!important;}
div#logostrip {background: transparent!important;}
body {
background-image: url('http://images4.fanpop.com/image/photos/21900000/King-s-Landing-concept-art-game-of-thrones-21954054-2048-1369.jpg');
background-repeat: repeat-x;
}
.colorpicker {
width: 356px;
height: 176px;
overflow: hidden;
position: absolute;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp11.png);
font-family: Arial, Helvetica, sans-serif;
display: none;
}
.colorpicker_color {
width: 150px;
height: 150px;
left: 14px;
top: 13px;
position: absolute;
background: #f00;
overflow: hidden;
cursor: crosshair;
}
.colorpicker_color div {
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp12.png);
}
.colorpicker_color div div {
position: absolute;
top: 0;
left: 0;
width: 11px;
height: 11px;
overflow: hidden;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/select10.gif);
margin: -5px 0 0 -5px;
}
.colorpicker_hue {
position: absolute;
top: 13px;
left: 171px;
width: 35px;
height: 150px;
cursor: n-resize;
}
.colorpicker_hue div {
position: absolute;
width: 35px;
height: 9px;
overflow: hidden;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp10.gif) left top;
margin: -4px 0 0 0;
left: 0px;
}
.colorpicker_new_color {
position: absolute;
width: 60px;
height: 30px;
left: 213px;
top: 13px;
background: #f00;
}
.colorpicker_current_color {
position: absolute;
width: 60px;
height: 30px;
left: 283px;
top: 13px;
background: #f00;
}
.colorpicker input {
background-color: transparent;
border: 1px solid transparent;
position: absolute;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
top: 4px;
right: 11px;
text-align: right;
margin: 0;
padding: 0;
height: 11px;
}
.colorpicker_hex {
position: absolute;
width: 72px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp13.png) top;
left: 212px;
top: 142px;
}
.colorpicker_hex input {
right: 6px;
}
.colorpicker_field {
height: 22px;
width: 62px;
background-position: top;
position: absolute;
}
.colorpicker_field span {
position: absolute;
width: 12px;
height: 22px;
overflow: hidden;
top: 0;
right: 0;
cursor: n-resize;
}
.colorpicker_rgb_r {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp14.png);
top: 52px;
left: 212px;
}
.colorpicker_rgb_g {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp15.png);
top: 82px;
left: 212px;
}
.colorpicker_rgb_b {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp16.png);
top: 112px;
left: 212px;
}
.colorpicker_hsb_h {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp17.png);
top: 52px;
left: 282px;
}
.colorpicker_hsb_s {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp18.png);
top: 82px;
left: 282px;
}
.colorpicker_hsb_b {
background-image: url(http://i46.servimg.com/u/f46/16/56/73/62/colorp19.png);
top: 112px;
left: 282px;
}
.colorpicker_submit {
position: absolute;
width: 22px;
height: 22px;
background: url(http://i46.servimg.com/u/f46/16/56/73/62/aceita10.png) top;
left: 322px;
top: 142px;
overflow: hidden;
}
.colorpicker_focus {
background-position: center;
}
.colorpicker_hex.colorpicker_focus {
background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
background-position: bottom;
}
.colorpicker_slider {
background-position: bottom;
}
.module li {list-style-type: none !important;}
#userlinks.not-connected {
background: #8B6914;
}.avatar img {
width: auto!important;
height: auto!important;
}body {
cursor: url('http://www.hiveworkshop.com/forums/attachments/world-editor-help-zone-98/2323d1171206607-reskin-wow-cursor-arrow.png'), url('http://www.hiveworkshop.com/forums/attachments/world-editor-help-zone-98/2323d1171206607-reskin-wow-cursor-arrow.png'), auto;
}
a:hover {
cursor: url('http://www.hiveworkshop.com/forums/attachments/world-editor-help-zone-98/2324d1171206607-reskin-wow-cursor-hand.png'), url('http://www.hiveworkshop.com/forums/attachments/world-editor-help-zone-98/2324d1171206607-reskin-wow-cursor-hand.png'), auto;
}
.ipbform2 dl dd textarea.inputbox {
background-color: white!important;
}
a:link,
a:visited,
a:active{
text-decoration: none;
}
table.ipbtable tfoot td {
background-color:#1d1d1d;
}
div.maintitle .expand,div.maintitle .contract {
float: right;
width: 80px;
height: 20px;
background: url('http://img20.imageshack.us/img20/3273/80645717.jpg') no-repeat 50% 50%;
cursor: pointer;
}
div.maintitle .expand {
background: url('http://img20.imageshack.us/img20/130/99148459.jpg') no-repeat 50% 50%;
}
.popupmenu li {
background-color: #1d1d1d;
}
.box-content {
border-bottom: transparent;
}
table.ipbtable tfoot td {
background-color: transparent;
}
.post {
border-bottom:10px solid #1d1d1d;
}
#navstrip li.begin {
padding-left: 15px;
background: url('http://img35.imageshack.us/img35/9853/ae1e.png') no-repeat left 50%;
}
Endereço do meu fórum:
http://www.jogodostronos.forumeiros.com
Versão do fórum:
INVISION
Última edição por kakakoro em 28.06.13 12:57, editado 1 vez(es)
Re: Limpeza css
Olá!
Querido, não tem como fazermos "uma limpeza" em sua "Folha de Estilos CSS",
pois não sabemos o que deve ou não ser apagado, você deve saber o que importa para a sua "Folha de Estilos CSS", quando for excluir um efeito, deve deletar o código CSS dele e não só o JavaScript.
Até mais.
Querido, não tem como fazermos "uma limpeza" em sua "Folha de Estilos CSS",
pois não sabemos o que deve ou não ser apagado, você deve saber o que importa para a sua "Folha de Estilos CSS", quando for excluir um efeito, deve deletar o código CSS dele e não só o JavaScript.
Até mais.
Re: Limpeza css
Ah sim, é porque agora eu não sei ' o que altera o que' entende? No caso dessa limpeza, seria apenas códigos duplicados. Eu apaguei um codigo duplicado em "body", deixando apenas o que deixa repetir o fundo. Estou tendo conflito com esse codigo ainda. O fundo da página desaparece quando eu altero o sistema de cores e isso não pode acontecer. De qualquer forma, se não tiver como...pode finalizar este topico. Obrigado Crazy ^^
Re: Limpeza css
Olá!
Entendo, mais fica difícil saber o que podemos excluir ou não, se você lista-se cada um ate poderia ser feita a limpeza, mais como vamos "fazer uma limpeza", se não sabemos o que limpar?
Infelizmente, se você não citar cada um, não poderei lhe ajudar.
Você vai citar cada um ou o tópico pode ser arquivado?
Até mais.
Entendo, mais fica difícil saber o que podemos excluir ou não, se você lista-se cada um ate poderia ser feita a limpeza, mais como vamos "fazer uma limpeza", se não sabemos o que limpar?
Infelizmente, se você não citar cada um, não poderei lhe ajudar.
Você vai citar cada um ou o tópico pode ser arquivado?
Até mais.
Re: Limpeza css
Pode arquivar amigo, conseguir tirar alguns codigos que se repetem procurando pela barra "Search". Obrigado pela atenção ^^
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos