menu lateral igual de devmedia
oi gostaria de saber se tem um modelo ou um passo a passo de como fazer o menu lateral da devmedia... gostei muito e gostaria de fazer também... obrigado....
opa, tudo bem?temos um exemplo que pode lhe ajudar. ele ensina a fazer um menu hambúrguer com html, css e jquery: //www.devmedia.com.br/exemplo/menu-hamburguer-com-html-css-e-jquery/9...
as instruções estão na wiki do rofi…

[imagem]

[davatorium/rofi](https://github.com/davatorium/rofi/wiki)

rofi: a window switcher, application launcher and dmenu replacement - davatorium/rofi olá,

você pode fazer isso de duas formas, usar um plano com a imagem que você quer utilizar

ou

renderiza com o bg transparente. => menu de render => film => marca a opção transparent além da dica do [@leoteodoro](/u/leoteodoro), caso queira você pode instalar o pacote tilix-nautilus, isso vai te dar uma opção no menu de contexto do nautilus para abrir com o tilix.

[[captura de tela de 2020-10-22 01-00-08]](https://plus.diolinux.com.br/uploads/default/original/3x/e/9/e93a4f2cee6fc3de448e89dbed8718ccff8f8ca6.jpeg "captura de tela de 2020-10-22 01-00-08") <p>agradeço o help. consegui a seguinte solução: comunicação entre ipcrenderer e ipcmain através dos métodos send() e on(). </p>
<pre class="prettyprint"><code>botaostart.addeventlistener(&#39;click&#39;, () &#61;&gt; {
 ipcrenderer.send(&#39;start-tela&#39;);
});</code></pre><p>uma vez realizada a comunicação, utilizei o método: browserwindow.webcontents.send() enviando um evento para todas as telas interessadas.</p>
<pre class="prettyprint"><code>ipcmain.on(&#39;start-tela&#39;, () &#61;&gt; {
 controlwindow.webcontents.send(&#39;start&#39;);
 mainwindow.webcontents.send(&#39;start&#39;);
});</code></pre> <p>olá willian,</p>
<p>o procedimento para alcançar este efeito é um pouco trabalhoso mas é descrito no link abaixo:</p>
<p><a href="http://www.slideshare.net/vidhi\_khatri/create-circular-reveal-animation-and-ripple-effect-like-whatsapp" rel="nofollow">http://www.slideshare.net/vidhi\_khatri/create-circular-reveal-animation-and-ripple-effect-like-whatsapp</a></p>
<p>basicamente você vai adicionar o seu menu ao seu layout e mantê-lo escondido. quando o botão do menu for pressionado você vai utilizar o recurso de animação para revelar gradualmente o seu menu que estava escondido.</p> boa tarde christiana!!

para alterar a cor do ícone do instagram e dos futuros ícones que forem adicionados, podemos aplicar esse estilo dentro daquele anterior que deixava ele arredondado:

.barra-inicial .lista-redes i {

border-radius: 100%;

background: #000;

}

que isso, imagina. sinta-se à v… nesse site tem uma capturade tela dessa funcionalidade... https:/… <p>você deve usar somente <strong> <a href="https://www.sevenforums.com/tutorials/487-snap-window-side.html">atalhos de teclado</a> </strong> para essa configuração, já que os movimentos do mouse sozinhos não são compatíveis com esse lado especial que passa para o outro monitor.</p><blockquote> <p>nota: em vários monitores, pressionar continuamente uma combinação de atalho de teclado abaixo fará com que a janela se encaixe lateralmente e role nessa direção pelas várias telas do monitor.</p> <ul> <li> <p><kbd>windows key</kbd> + <kbd>&larr;</kbd><br> isto irá encaixar a janela atual no lado esquerdo da tela, ou soltar uma janela que é encaixada no lado direito da tela.</p> </li> <li> <p><kbd>windows key</kbd> + <kbd>&rarr;</kbd><br> isso fará com que a janela atual fique do lado direito da tela ou solte uma janela que é encaixada no lado esquerdo da tela.</p> </li> </ul> </blockquote> eu já fiz como [neste tutorial](https://www.reddit.com/r/gnome/comments/gpbq7b/tutorial_stripping_the_ubuntu_desktop_into/) no passado apenas por curiosidade, apenas evitei instalar o vanilla-gnome-desktop para não instalar aquele monte de bloatware do gnome.

no princípio é como se você estivesse instalado uma versão atual do finado [ubuntu gnome](https://ubuntugnome.org/), mas se quiser, no mesmo tutorial tem as dica… segue o vídeo da minha tela…

<https://www.youtube.com/watch?v=0qtlewq4d5a>