Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal, peço a ajuda de vocês para poder fazer uma alteração no template deste site https://adminlte.io/themes/AdminLTE/pages/layout/fixed.html.
Como podem observar, o menu lateral tem rolagem vertical. Oque eu gostaria de fazer e fixar somente o espaço onde está a imagem com o mone de usuário e o formulário de pesquisa logo abaixo. Mantendo assim o restante com a rolagem.
Veja imagem:
fixar somente a parte destaca em vermelho
>
5 horas atrás, HwapX disse:
A principio basta você mover a div.user-panel e o form.sidebar-form da section.sidebar para o topo da aside.main-sidebar.
Já havia tentado essa solução, porém a caixa de pesquisa some.
<!-- Sidebar user panel -->
<div class="user-panel">
<div class="pull-left image">
<img src="{$GET_IMAGE}/userteste.jpg" class="img-circle" alt="User Image">
</div>
<div class="pull-left info">
<p>Alexander Pierce</p>
<a href="#"><i class="fa fa-circle text-success"></i> Online</a>
</div>
</div>
<!-- search form -->
<form action="#" method="get" class="sidebar-form">
<div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
</button>
</span>
</div>
</form>
<!-- /.search form -->
<aside class="main-sidebar">
<!-- sidebar: style can be found in sidebar.less -->
<section class="sidebar">
<!-- sidebar menu: : style can be found in sidebar.less -->
<ul class="sidebar-menu" data-widget="tree">
<li class="header">MAIN NAVIGATION</li>........Quando disse no topo quis dizer logo inicio após a abertura da aside.main-sidebar, como no exemplo abaixo:
<aside class="main-sidebar">
<!-- Sidebar user panel -->
<div class="user-panel">
<div class="pull-left image">
<img src="{$GET_IMAGE}/userteste.jpg" class="img-circle" alt="User Image">
</div>
<div class="pull-left info">
<p>Alexander Pierce</p>
<a href="#"><i class="fa fa-circle text-success"></i> Online</a>
</div>
</div>
<!-- search form -->
<form action="#" method="get" class="sidebar-form">
<div class="input-group">
<input type="text" name="q" class="form-control" placeholder="Search...">
<span class="input-group-btn">
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
</button>
</span>
</div>
</form>
<!-- /.search form -->
<!-- sidebar: style can be found in sidebar.less -->
<section class="sidebar">
<!-- sidebar menu: : style can be found in sidebar.less -->
<ul class="sidebar-menu" data-widget="tree">
<li class="header">MAIN NAVIGATION</li>........Poxa! e não é que deu certo mesmo!
Valeu amigo pela ajuda.
(resolvido)
A principio basta você mover a div.user-panel e o form.sidebar-form da section.sidebar para o topo da aside.main-sidebar.