Autor da pergunta: YK mny Scripteiro
Como usar e visualizar o jsfiddle.net em tela cheia?
Existe alguma forma de deixar o console do site jsfiddle.net em tela cheia e programar com a tela maior?, remover a sidebar lateral?
Perguntado em: Tecnologia
REF-1705719759
Deseja acompanhar as respostas para esta pergunta?
Cliquepara acompanhar as respostas. Ver Minhas PerguntasSabe a Resposta? responda usando o Facebook:
sim existe uma forma de remover a lateral inteira e ficar mais livre para programar no console:
ResponderExcluir👉1º passo: Instale a extensão "Stylebot", que fará com que voce personalize o css de qualquer site.
👉Instale-a aqui:
https://chromewebstore.google.com/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha
👉2º passo: vá ate o endereço www.jsfiddle.net no seu navegador Google Chrome.
👉3ºpasso: na guia superior direita do lado do seu avatar da sua conta no Chrome, clique no simbolo extensão (uma peça de quebra-cabeças) e clique em "Stylebot"
Ver Image: https://ibb.co/164XB6j
👉4º passo: Abrir Stylebot
👉5ºpasso: click em "Modo de código" assim como na imagem: https://ibb.co/pxcwV1z
👉6º e ultimo passo: Adicione o treixo CSS dentro do espaço em branco a seguir:
#layout-container {
left:-200px
}
div.panel-h.panel.resultsPanel{
width: 500px;
}
div.gutter.gutter-vertical {
width: 1350px;
}
iframe {
width: 100%;
}
div.panel-h.panel.resultsPanel{
width: 100%;
overflow-x: hidden;
}
div.panel-v.right {
overflow-x: hidden;
}
div.panel-v.left {
overflow-x: hidden;
}
.windowLabelCont, .windowLabelCont, .windowLabel {
position: abso;
left: 100px;
}
👉veja a imagem a seguir de como colar o codigo:
https://ibb.co/x8BWhQH
pronto! todas as paginas do jsfiddle vão abrir em tela cheia ficando maior o seu espaço de trabalho!
espero ter ajudado algum programador!
Eu gostei da primeira configuração, porem, algumas vezes temos que adicionar algumas bibliotecas externas javascript, posicionei melhor e veja a minha versão:
ResponderExcluirdiv.body {
width: 100%;
position:absolute;
padding: 0 5px;
height: 34px;
top:-50px;
left: 780px;
z-index: 9999999;
}
#sidebar textarea {
height: 30px;
max-width: 100%;
padding: 5px;
resize: none;
left: 220px;
position: absolute;
top:0px;
}
h3.toggler.proBadge {
display: none;
}
p.privateFiddleCont {
display: none;
}
h3.toggler {
width: 600px;
height: 40px;
overflow: hidden;
top: 20px;
left:1800px;
z-index: 999999999;
}
#layout-container {
left:-200px
}
div.panel-h.panel.resultsPanel{
width: 500px;
}
div.gutter.gutter-vertical {
width: 1350px;
}
iframe {
width: 100%;
}
div.panel-h.panel.resultsPanel{
width: 100%;
overflow-x: hidden;
}
div.panel-v.right {
overflow-x: hidden;
}
div.panel-v.left {
overflow-x: hidden;
}
.windowLabelCont, .windowLabelCont, .windowLabel {
position: abso;
left: 100px;
}