Colocar esta imagem de logo fixo no forum

2 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Colocar esta imagem de logo fixo no forum

Mensagem por EDU2010 13.03.19 2:49

Detalhes da questão


Endereço do fórum: http://quintamarcha.forumeiros.com/portal
Versão do fórum: ModernBB

Descrição


Quero por este banner fixo no logo do fórum e nao consigo !

Colocar esta imagem de logo fixo no forum  1f5a4b11
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2295
Pontos : 3601

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Colocar esta imagem de logo fixo no forum

Mensagem por Roevs 13.03.19 11:44

Olá,

Adiciona esse código na sua Folha de estilo CSS

Código:
.is-sticky#headerbar-top {
    background-color: transparent!important;
    height: 90px!important;
    background-image: url(https://i.servimg.com/u/f83/15/95/44/80/1f5a4b11.jpg);
    margin-left: 299px!important;
    position: fixed!important;
}
.is-sticky#headerbar-top {
    background-color: transparent!important;
    box-shadow: 0 0 0px rgba(0,0,0,0.9);
    position: fixed;
}
#logo {
    display: initial!important;
    float: none!important;
    background-image: url(https://i.servimg.com/u/f83/15/95/44/80/1f5a4b11.jpg);
    position: inherit;
    margin-left: -464px;
}

Até mais!
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar esta imagem de logo fixo no forum

Mensagem por EDU2010 13.03.19 11:57

Resultou , em parte ficou com um bug , ele não esta fixo , olha la , quando rola a pagina ele se mexe .. 

Obrigado
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2295
Pontos : 3601

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Colocar esta imagem de logo fixo no forum

Mensagem por Roevs 13.03.19 12:14

Olá,

Substitua o código por esse

Código:
.is-sticky#headerbar-top {
   background-color: transparent!important;
   height: 90px!important;
   background-image: none!important;
   margin-left: 299px!important;
   position: fixed!important;
}
.is-sticky#headerbar-top {
   background-color: transparent!important;
   box-shadow: 0 0 0px rgba(0,0,0,0.9);
   position: fixed;
}
#logo {
   display: initial!important;
   float: none!important;
   background-image: url(https://i.servimg.com/u/f83/15/95/44/80/1f5a4b11.jpg);
   position: inherit;
   margin-left: -464px;
}

Até mais!
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar esta imagem de logo fixo no forum

Mensagem por EDU2010 13.03.19 12:19

Quando eu engo a pagina ele some e não vai rolando junto o correto seria ficar fixo na pagina e ir rolando normalmente e não sumiur de vez
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2295
Pontos : 3601

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Colocar esta imagem de logo fixo no forum

Mensagem por Roevs 13.03.19 12:33

Olá,

O código anterior faz esse feito, poderia explicar melhor qual é o erro que havia ocorrido?

Código:
.is-sticky#headerbar-top {
    background-color: transparent!important;
    height: 90px!important;
    background-image: url(https://i.servimg.com/u/f83/15/95/44/80/1f5a4b11.jpg);
    margin-left: 299px!important;
    position: fixed!important;
}
.is-sticky#headerbar-top {
    background-color: transparent!important;
    box-shadow: 0 0 0px rgba(0,0,0,0.9);
    position: fixed;
}
#logo {
    display: initial!important;
    float: none!important;
    background-image: url(https://i.servimg.com/u/f83/15/95/44/80/1f5a4b11.jpg);
    position: inherit;
    margin-left: -464px;
}

Até mais!
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar esta imagem de logo fixo no forum

Mensagem por EDU2010 13.03.19 12:39

Devo tirar este codigo anterior e manter apenas o seu atual então , vo testar ...
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2295
Pontos : 3601

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Colocar esta imagem de logo fixo no forum

Mensagem por Roevs 13.03.19 12:54

Olá,

Exatamente, substitua os código e veja se resulta

Até mais!
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar esta imagem de logo fixo no forum

Mensagem por EDU2010 13.03.19 13:13

Não resultou ai ficou com o mesmo efeito e com um buraco sem fundo
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2295
Pontos : 3601

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Colocar esta imagem de logo fixo no forum

Mensagem por Roevs 13.03.19 13:27

Olá,

Substitua o código por esse

Código:
  .is-sticky#headerbar-top {
    background-color: white!important;
    box-shadow: 0 0 0 rgba(0,0,0,0.9);
    height: 84px!important;
    position: fixed!important;
    background-image: url(https://i.servimg.com/u/f83/15/95/44/80/1f5a4b11.jpg);
    background-position-x: 233px;
}
.is-sticky#headerbar-top {
    background-color: transparent!important;
    box-shadow: 0 0 0px rgba(0,0,0,0.9);
    position: fixed;
}
#logo {
    display: initial!important;
    float: none!important;
    background-image: url(https://i.servimg.com/u/f83/15/95/44/80/1f5a4b11.jpg);
    position: inherit;
    margin-left: -464px;
}
.navbar {
    display: none!important;
}

Até mais!
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar esta imagem de logo fixo no forum

Mensagem por EDU2010 13.03.19 14:46

Não resultou , agora sim so acompanhando este Tópico , mais olha la como ficou 

Vo por minha css aqui completa ..
Código:
/********** acertar logo ****************/
  .is-sticky#headerbar-top {
    background-color: white!important;
    box-shadow: 0 0 0 rgba(0,0,0,0.9);
    height: 84px!important;
    position: fixed!important;
    background-image: url(https://i.servimg.com/u/f83/15/95/44/80/1f5a4b11.jpg);
    background-position-x: 233px;
}
.is-sticky#headerbar-top {
    background-color: transparent!important;
    box-shadow: 0 0 0px rgba(0,0,0,0.9);
    position: fixed;
}
#logo {
    display: initial!important;
    float: none!important;
    background-image: url(https://i.servimg.com/u/f83/15/95/44/80/1f5a4b11.jpg);
    position: inherit;
    margin-left: -464px;
}
.navbar {
    display: none!important;
}
/************fim acertar logo **************/




/***** tamanho slide ******/
.nivoSlider {
    width: 70%!important;
    height: 70%!important;
}

/***** fim tamanho slide ******/



/***** acertar  alinhamento portal *****/
.portal .portal-mid {
    width: 33%;
}

/****** fim acertar alinhamento portal *******/


/***** tamanho slide ******/
.nivoSlider {
    width: 80%!important;
    height: 80%!important;
}

/***** fim tamanho slide ******/

/**** imagem se ajustarem *****/
a img,
.module img {
  max-width: 100%!important;
  height: auto!important;
}


/**** imagem fim se ajustarem ****/


/***** fixo fim *******/
div#headerbar-top, div#headerbar-top.is-sticky.w-toolbar { height: 70px!important; }
/******* fim fixo fim ********/



* HEADER_MOD - begin */
#site-desc {
    text-align: center !important;
    position: sticky !important;
    margin-top: 105px !important;
}

div#site-title h1 {
   text-transform: uppercase;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
    -webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
    -ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
    transition: transform 0.5s ease, opacity 0.5s ease;
    display: inline-block;
    font-size: 1.75em;
    opacity: 1;
    padding: 0.35em 0em;
    position: relative;
    z-index: 1;
}

div#site-title h1:after, div#site-title h1:before {
    -moz-transition: width 0.85s ease;
    -webkit-transition: width 0.85s ease;
    -ms-transition: width 0.85s ease;
    transition: width 0.85s ease;
    -moz-transition-delay: 0.25s;
    -webkit-transition-delay: 0.25s;
    -ms-transition-delay: 0.25s;
    transition-delay: 0.25s;
    background: #fff;
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    width: 100%;
}

div#site-desc > p {
    letter-spacing: 0.225em;
    text-transform: uppercase;
}

.is-sticky#headerbar-top {
    background-color: #fff!important;
}

/* HEADER_MOD end */
/* WRAP_BODY begin */
.module .h3 {
    background-color: #fff !important;
}
/* WRAP_BODY end */

/*****logo fórum ******/
#logo {
float: none !important;
}
.navbar {
text-align: center !important;
margin-top: -385x !important;
}
/******logo tamanho*****/
#logo {
display: none !important;
}
.headerbar {
background-image: url() !important;
height: 90px!important;
    background-position: top!important;
 
}

/*******fim logo tamanho ******/

/*** ocultar menu****/
a.mainmenu[href="/calendar"], [href="/faq"],[href="/forum"], [href="/groups"], [href=""], [href="/memberlist"], [href=""], [href="/search"], [href="/profile?mode=editprofile"], [href="/privmsg?folder=inbox"], [href="/gallery/index.htm"]
{display: none !important}
a#logout {display: none !important;}


/****m fim ocultar menu******/


*** ACERTAR TAMANHO BANNER *****/
.headerbar {
  width: 100% !important;
  background-size: 100% 100% !important;
}
/******* FIM ACERTAR BANNER ******/


/**** marca em lista do menu *******/
.is-sticky#headerbar-top.w-toolbar {
    background: url('') no-repeat;
}

.is-sticky#headerbar-top{ height: 50px !important; }


/**** fim  logo na marca do menu *****/


/**** logo escrito fixo *****/
div#headerbar-top.is-sticky.w-toolbar, div#headerbar-top {
    position: fixed;
    background: url() no-repeat;
    width: 150%;
    background-color: #fff;
    height: 50px;
    text-align: center;
}
div#headerbar-top.w-toolbar .wrap ul.navbar li {
    display: inline-block;
    margin: 15px 0 0;
}
 
  /******** fim escrito fixo ********/

/***** fundo cor banner *****/

.headerbar { background-color: #fff !important; }

/******fim fundo banner ******/

/***** RETIRAR PERFIL ******/
.postprofile {
  display: none!important;
  }
.postbody {
  width: 100%!important;
  margin-right: 0!important;
  }

/***** FIM RETIRAR PERFIL *******/


/***rodape****/
.cont_footer {
    display: flex;
}
 .credits_ppf {
    padding: 10px;
    height: 10px;
    border-top: 1px solid #eee;
    text-align: center;
    padding-bottom: 25px;
}
 .footer-col {
    float: left;
    width: 25%;
}
 .footer-title {
    display: block;
    font-size: 17px;
    text-transform: uppercase;
    color: #eee;
}
 .footer-list {
    list-style: none;
    margin: 7px 0 10px;
    padding-left: 0;
}
 .footer-list li a {
    color: #eee!important;
}
 .footer-text p {
    word-wrap: break-word;
    width: 80%!important;
}
 #page-footer {
    color: #d6d5d3;
    font-family: Roboto, sans-serif;
    font-size: 11px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 .copyright-body {
    border: 0;
}
 .copyright-body a[href^="/admin/"] {
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
    position: fixed;
    bottom: 2%;
    right: 5%;
    background-color: #36b;
    color: white;
    z-index: 999;
    width: 10%;
    text-align: center;
    height: 30px;
    padding: 7px;
    border-radius: 2em;
}
 #page-footer .h3, #page-footer .h3 a {
    color: #3793ff;
    font-weight: 700;
    border: none;
    padding-top: 20px;
}
 .group b:last-child:after {
    content: none;
}
 .group b:after {
    content: ', ';
}
 .group strong, .group b {
    font-size: 12px;
}
 .group:before {
    font-size: 11px;
    content: 'Staff: ';
    font-weight: 700;
}
 .group {
    font-size: 0;
    padding-bottom: 50px;
}

/***fimm rodape****/

/*****cor widget *****/
.module .h3 {
    background-color: #ffffff!important
}

/***** fim cor widget *****/


/***** BANNER  NAO FICAR FIXO****/
div#headerbar-top, div#headerbar-top.is-sticky.w-toolbar {
    position: inherit!important;
}


/**** FIM BANNER NÃO FICAR FIXO *******/

EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2295
Pontos : 3601

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Colocar esta imagem de logo fixo no forum

Mensagem por Roevs 13.03.19 14:55

Olá,

Substitua sua Folha de estilo CSS pelo código abaixo

Código:
/********** acertar logo ****************/
  .is-sticky#headerbar-top {
    background-color: white!important;
    box-shadow: 0 0 0 rgba(0,0,0,0.9);
    height: 87px!important;
    position: fixed!important;
    background-image: url(https://i.servimg.com/u/f83/15/95/44/80/1f5a4b11.jpg);
    background-position-x: 233px;
}
.is-sticky#headerbar-top {
    background-color: transparent!important;
    box-shadow: 0 0 0px rgba(0,0,0,0.9);
    position: fixed;
}
#logo {
    display: initial!important;
    float: none!important;
    background-image: url(https://i.servimg.com/u/f83/15/95/44/80/1f5a4b11.jpg);
    position: inherit;
    margin-left: -464px;
}
.navbar {
    display: none!important;
}
/************fim acertar logo **************/
 
 
 
 
/***** tamanho slide ******/
.nivoSlider {
    width: 70%!important;
    height: 70%!important;
}
 
/***** fim tamanho slide ******/
 
 
 
/***** acertar  alinhamento portal *****/
.portal .portal-mid {
    width: 33%;
}
 
/****** fim acertar alinhamento portal *******/
 
 
/***** tamanho slide ******/
.nivoSlider {
    width: 80%!important;
    height: 80%!important;
}
 
/***** fim tamanho slide ******/
 
/**** imagem se ajustarem *****/
a img,
.module img {
  max-width: 100%!important;
  height: auto!important;
}
 
 
/**** imagem fim se ajustarem ****/
 
 
/***** fixo fim *******/
div#headerbar-top, div#headerbar-top.is-sticky.w-toolbar { height: 70px!important; }
/******* fim fixo fim ********/
 
 
 
* HEADER_MOD - begin */
#site-desc {
    text-align: center !important;
    position: sticky !important;
    margin-top: 105px !important;
}
 
div#site-title h1 {
  text-transform: uppercase;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
    -webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
    -ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
    transition: transform 0.5s ease, opacity 0.5s ease;
    display: inline-block;
    font-size: 1.75em;
    opacity: 1;
    padding: 0.35em 0em;
    position: relative;
    z-index: 1;
}
 
div#site-title h1:after, div#site-title h1:before {
    -moz-transition: width 0.85s ease;
    -webkit-transition: width 0.85s ease;
    -ms-transition: width 0.85s ease;
    transition: width 0.85s ease;
    -moz-transition-delay: 0.25s;
    -webkit-transition-delay: 0.25s;
    -ms-transition-delay: 0.25s;
    transition-delay: 0.25s;
    background: #fff;
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    width: 100%;
}
 
div#site-desc > p {
    letter-spacing: 0.225em;
    text-transform: uppercase;
}
 
.is-sticky#headerbar-top {
    background-color: #fff!important;
}
 
/* HEADER_MOD end */
/* WRAP_BODY begin */
.module .h3 {
    background-color: #fff !important;
}
/* WRAP_BODY end */
 
/*****logo fórum ******/
#logo {
float: none !important;
}
.navbar {
text-align: center !important;
margin-top: -385x !important;
}
/******logo tamanho*****/
#logo {
display: none !important;
}
.headerbar {
background-image: url() !important;
height: 90px!important;
    background-position: top!important;
 
}
 
/*******fim logo tamanho ******/
 
/*** ocultar menu****/
a.mainmenu[href="/calendar"], [href="/faq"],[href="/forum"], [href="/groups"], [href=""], [href="/memberlist"], [href=""], [href="/search"], [href="/profile?mode=editprofile"], [href="/privmsg?folder=inbox"], [href="/gallery/index.htm"]
{display: none !important}
a#logout {display: none !important;}
 
 
/****m fim ocultar menu******/
 
 
*** ACERTAR TAMANHO BANNER *****/
.headerbar {
  width: 100% !important;
  background-size: 100% 100% !important;
}
/******* FIM ACERTAR BANNER ******/
 
 
/**** marca em lista do menu *******/
.is-sticky#headerbar-top.w-toolbar {
    background: url('') no-repeat;
}
 
.is-sticky#headerbar-top{ height: 87px !important; }
 
 
/**** fim  logo na marca do menu *****/
 
 
/**** logo escrito fixo *****/
div#headerbar-top.is-sticky.w-toolbar, div#headerbar-top {
    position: fixed;
    background: url() no-repeat;
    width: 150%;
    background-color: #fff;
    height: 50px;
    text-align: center;
}
div#headerbar-top.w-toolbar .wrap ul.navbar li {
    display: inline-block;
    margin: 15px 0 0;
}
 
  /******** fim escrito fixo ********/
 
/***** fundo cor banner *****/
 
.headerbar { background-color: #fff !important; }
 
/******fim fundo banner ******/
 
/***** RETIRAR PERFIL ******/
.postprofile {
  display: none!important;
  }
.postbody {
  width: 100%!important;
  margin-right: 0!important;
  }
 
/***** FIM RETIRAR PERFIL *******/
 
 
/***rodape****/
.cont_footer {
    display: flex;
}
 .credits_ppf {
    padding: 10px;
    height: 10px;
    border-top: 1px solid #eee;
    text-align: center;
    padding-bottom: 25px;
}
 .footer-col {
    float: left;
    width: 25%;
}
 .footer-title {
    display: block;
    font-size: 17px;
    text-transform: uppercase;
    color: #eee;
}
 .footer-list {
    list-style: none;
    margin: 7px 0 10px;
    padding-left: 0;
}
 .footer-list li a {
    color: #eee!important;
}
 .footer-text p {
    word-wrap: break-word;
    width: 80%!important;
}
 #page-footer {
    color: #d6d5d3;
    font-family: Roboto, sans-serif;
    font-size: 11px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 .copyright-body {
    border: 0;
}
 .copyright-body a[href^="/admin/"] {
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
    position: fixed;
    bottom: 2%;
    right: 5%;
    background-color: #36b;
    color: white;
    z-index: 999;
    width: 10%;
    text-align: center;
    height: 30px;
    padding: 7px;
    border-radius: 2em;
}
 #page-footer .h3, #page-footer .h3 a {
    color: #3793ff;
    font-weight: 700;
    border: none;
    padding-top: 20px;
}
 .group b:last-child:after {
    content: none;
}
 .group b:after {
    content: ', ';
}
 .group strong, .group b {
    font-size: 12px;
}
 .group:before {
    font-size: 11px;
    content: 'Staff: ';
    font-weight: 700;
}
 .group {
    font-size: 0;
    padding-bottom: 50px;
}
 
/***fimm rodape****/
 
/*****cor widget *****/
.module .h3 {
    background-color: #ffffff!important
}
 
/***** fim cor widget *****/
 
 
/***** BANNER  NAO FICAR FIXO****/
div#headerbar-top, div#headerbar-top.is-sticky.w-toolbar {
    position: inherit!important;
}
 
 
/**** FIM BANNER NÃO FICAR FIXO *******/
 

Até mais!
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar esta imagem de logo fixo no forum

Mensagem por EDU2010 13.03.19 15:01

Olha la como ficou ele aparece e ao rolar ele some é pra ficar fixo e ir sumindo normalmente ao rodar a pagina ..
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2295
Pontos : 3601

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Colocar esta imagem de logo fixo no forum

Mensagem por Roevs 13.03.19 16:15

Olá,

Tente substituir sua Folha de estilo CSS pelo código abaixo

Código:
/********** acertar logo ****************/
  .is-sticky#headerbar-top {
    background-color: white!important;
    box-shadow: 0 0 0 rgba(0,0,0,0.9);
    height: 87px!important;
    position: fixed!important;
    background-image: url(https://i.servimg.com/u/f83/15/95/44/80/1f5a4b11.jpg);
    background-position-x: 233px;
}
.is-sticky#headerbar-top {
    background-color: transparent!important;
    box-shadow: 0 0 0px rgba(0,0,0,0.9);
    position: fixed;
}
#logo {
    display: initial!important;
    float: none!important;
    background-image: url(https://i.servimg.com/u/f83/15/95/44/80/1f5a4b11.jpg);
    position: inherit;
    margin-left: -464px;
}
.navbar {
    display: none!important;
}
/************fim acertar logo **************/
 
 
 
 
/***** tamanho slide ******/
.nivoSlider {
    width: 70%!important;
    height: 70%!important;
}
 
/***** fim tamanho slide ******/
 
 
 
/***** acertar  alinhamento portal *****/
.portal .portal-mid {
    width: 33%;
}
 
/****** fim acertar alinhamento portal *******/
 
 
/***** tamanho slide ******/
.nivoSlider {
    width: 80%!important;
    height: 80%!important;
}
 
/***** fim tamanho slide ******/
 
/**** imagem se ajustarem *****/
a img,
.module img {
  max-width: 100%!important;
  height: auto!important;
}
 
 
/**** imagem fim se ajustarem ****/
 
 
/***** fixo fim *******/
div#headerbar-top, div#headerbar-top.is-sticky.w-toolbar { height: 70px!important; }
/******* fim fixo fim ********/
 
 
 
* HEADER_MOD - begin */
#site-desc {
    text-align: center !important;
    position: sticky !important;
    margin-top: 105px !important;
}
 
div#site-title h1 {
  text-transform: uppercase;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
    -webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
    -ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
    transition: transform 0.5s ease, opacity 0.5s ease;
    display: inline-block;
    font-size: 1.75em;
    opacity: 1;
    padding: 0.35em 0em;
    position: relative;
    z-index: 1;
}
 
div#site-title h1:after, div#site-title h1:before {
    -moz-transition: width 0.85s ease;
    -webkit-transition: width 0.85s ease;
    -ms-transition: width 0.85s ease;
    transition: width 0.85s ease;
    -moz-transition-delay: 0.25s;
    -webkit-transition-delay: 0.25s;
    -ms-transition-delay: 0.25s;
    transition-delay: 0.25s;
    background: #fff;
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    width: 100%;
}
 
div#site-desc > p {
    letter-spacing: 0.225em;
    text-transform: uppercase;
}
 
.is-sticky#headerbar-top {
    background-color: #fff!important;
}
 
/* HEADER_MOD end */
/* WRAP_BODY begin */
.module .h3 {
    background-color: #fff !important;
}
/* WRAP_BODY end */
 
/*****logo fórum ******/

.navbar {
text-align: center !important;
margin-top: -385x !important;
}
/******logo tamanho*****/

.headerbar {
background-image: url() !important;
height: 90px!important;
    background-position: top!important;
 
}
 
/*******fim logo tamanho ******/
 
/*** ocultar menu****/
a.mainmenu[href="/calendar"], [href="/faq"],[href="/forum"], [href="/groups"], [href=""], [href="/memberlist"], [href=""], [href="/search"], [href="/profile?mode=editprofile"], [href="/privmsg?folder=inbox"], [href="/gallery/index.htm"]
{display: none !important}
a#logout {display: none !important;}
 
 
/****m fim ocultar menu******/
 
 
*** ACERTAR TAMANHO BANNER *****/
.headerbar {
  width: 100% !important;
  background-size: 100% 100% !important;
}
/******* FIM ACERTAR BANNER ******/
 
 
/**** marca em lista do menu *******/
.is-sticky#headerbar-top.w-toolbar {
    background: url('') no-repeat;
}
 
.is-sticky#headerbar-top{ height: 87px !important; }
 
 
/**** fim  logo na marca do menu *****/
 
 
/**** logo escrito fixo *****/
div#headerbar-top.is-sticky.w-toolbar, div#headerbar-top {
    position: fixed;
    background: url() no-repeat;
    width: 150%;
    background-color: #fff;
    height: 50px;
    text-align: center;
}
div#headerbar-top.w-toolbar .wrap ul.navbar li {
    display: inline-block;
    margin: 15px 0 0;
}
 
  /******** fim escrito fixo ********/
 
/***** fundo cor banner *****/
 
.headerbar { background-color: #fff !important; }
 
/******fim fundo banner ******/
 
/***** RETIRAR PERFIL ******/
.postprofile {
  display: none!important;
  }
.postbody {
  width: 100%!important;
  margin-right: 0!important;
  }
 
/***** FIM RETIRAR PERFIL *******/
 
 
/***rodape****/
.cont_footer {
    display: flex;
}
 .credits_ppf {
    padding: 10px;
    height: 10px;
    border-top: 1px solid #eee;
    text-align: center;
    padding-bottom: 25px;
}
 .footer-col {
    float: left;
    width: 25%;
}
 .footer-title {
    display: block;
    font-size: 17px;
    text-transform: uppercase;
    color: #eee;
}
 .footer-list {
    list-style: none;
    margin: 7px 0 10px;
    padding-left: 0;
}
 .footer-list li a {
    color: #eee!important;
}
 .footer-text p {
    word-wrap: break-word;
    width: 80%!important;
}
 #page-footer {
    color: #d6d5d3;
    font-family: Roboto, sans-serif;
    font-size: 11px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 .copyright-body {
    border: 0;
}
 .copyright-body a[href^="/admin/"] {
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
    position: fixed;
    bottom: 2%;
    right: 5%;
    background-color: #36b;
    color: white;
    z-index: 999;
    width: 10%;
    text-align: center;
    height: 30px;
    padding: 7px;
    border-radius: 2em;
}
 #page-footer .h3, #page-footer .h3 a {
    color: #3793ff;
    font-weight: 700;
    border: none;
    padding-top: 20px;
}
 .group b:last-child:after {
    content: none;
}
 .group b:after {
    content: ', ';
}
 .group strong, .group b {
    font-size: 12px;
}
 .group:before {
    font-size: 11px;
    content: 'Staff: ';
    font-weight: 700;
}
 .group {
    font-size: 0;
    padding-bottom: 50px;
}
 
/***fimm rodape****/
 
/*****cor widget *****/
.module .h3 {
    background-color: #ffffff!important
}
 
/***** fim cor widget *****/
 
 
/***** BANNER  NAO FICAR FIXO****/
div#headerbar-top, div#headerbar-top.is-sticky.w-toolbar {
    position: inherit!important;
}
 
 
/**** FIM BANNER NÃO FICAR FIXO *******/
 

Até mais!
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar esta imagem de logo fixo no forum

Mensagem por EDU2010 13.03.19 18:41

Acho que voce nao esta entendendo amigo , acho que eu expliquei errado , não é pra ficar fixo , ao rodar a pagina é pro banner ir rodando junto , assim como acontece com o banner aqui do FDF , é pro banner  fixar fixo , centralizado neste sentido ,  é resumindo pra ficam igual ao do fdf , e ao rodar a pagina ele ir sumindo .. acho que eu que expliquei errado ...
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2295
Pontos : 3601

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Colocar esta imagem de logo fixo no forum

Mensagem por Roevs 13.03.19 18:56

Olá,

Substitua a Folha de estilo CSS e veja se é isso que deseja

Código:
/********** acertar logo ****************/
.is-sticky#headerbar-top {
    background-color: transparent!important;
    background-image: url(https://i.servimg.com/u/f83/15/95/44/80/1f5a4b11.jpg);
    background-position-x: 233px;
    box-shadow: 0 0 0 rgba(0,0,0,0.9);
    height: 87px!important;
    position: inherit!important;
    margin-left: 62px;

.is-sticky#headerbar-top {
    background-color: transparent!important;
    box-shadow: 0 0 0px rgba(0,0,0,0.9);
}
#logo {
    display: initial!important;
    float: none!important;
    background-image: url(https://i.servimg.com/u/f83/15/95/44/80/1f5a4b11.jpg);
    position: inherit;
    margin-left: -464px;
}
.navbar {
    display: none!important;
}
/************fim acertar logo **************/
 
 
 
 
/***** tamanho slide ******/
.nivoSlider {
    width: 70%!important;
    height: 70%!important;
}
 
/***** fim tamanho slide ******/
 
 
 
/***** acertar  alinhamento portal *****/
.portal .portal-mid {
    width: 33%;
}
 
/****** fim acertar alinhamento portal *******/
 
 
/***** tamanho slide ******/
.nivoSlider {
    width: 80%!important;
    height: 80%!important;
}
 
/***** fim tamanho slide ******/
 
/**** imagem se ajustarem *****/
a img,
.module img {
  max-width: 100%!important;
  height: auto!important;
}
 
 
/**** imagem fim se ajustarem ****/
 
 
/***** fixo fim *******/
div#headerbar-top, div#headerbar-top.is-sticky.w-toolbar { height: 70px!important; }
/******* fim fixo fim ********/
 
 
 
* HEADER_MOD - begin */
#site-desc {
    text-align: center !important;
    position: sticky !important;
    margin-top: 105px !important;
}
 
div#site-title h1 {
  text-transform: uppercase;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
    -webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
    -ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
    transition: transform 0.5s ease, opacity 0.5s ease;
    display: inline-block;
    font-size: 1.75em;
    opacity: 1;
    padding: 0.35em 0em;
    position: relative;
    z-index: 1;
}
 
div#site-title h1:after, div#site-title h1:before {
    -moz-transition: width 0.85s ease;
    -webkit-transition: width 0.85s ease;
    -ms-transition: width 0.85s ease;
    transition: width 0.85s ease;
    -moz-transition-delay: 0.25s;
    -webkit-transition-delay: 0.25s;
    -ms-transition-delay: 0.25s;
    transition-delay: 0.25s;
    background: #fff;
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    width: 100%;
}
 
div#site-desc > p {
    letter-spacing: 0.225em;
    text-transform: uppercase;
}
 

 
/* HEADER_MOD end */
/* WRAP_BODY begin */
.module .h3 {
    background-color: #fff !important;
}
/* WRAP_BODY end */
 
/*****logo fórum ******/
 
.navbar {
text-align: center !important;
margin-top: -385x !important;
}
/******logo tamanho*****/
 
.headerbar {
background-image: url() !important;
height: 90px!important;
    background-position: top!important;
 
}
 
/*******fim logo tamanho ******/
 
/*** ocultar menu****/
a.mainmenu[href="/calendar"], [href="/faq"],[href="/forum"], [href="/groups"], [href=""], [href="/memberlist"], [href=""], [href="/search"], [href="/profile?mode=editprofile"], [href="/privmsg?folder=inbox"], [href="/gallery/index.htm"]
{display: none !important}
a#logout {display: none !important;}
 
 
/****m fim ocultar menu******/
 
 
*** ACERTAR TAMANHO BANNER *****/
.headerbar {
  width: 100% !important;
  background-size: 100% 100% !important;
}
/******* FIM ACERTAR BANNER ******/
 
 
/**** marca em lista do menu *******/
.is-sticky#headerbar-top.w-toolbar {
    background: url('') no-repeat;
}
 
.is-sticky#headerbar-top{ height: 87px !important; }
 
 
/**** fim  logo na marca do menu *****/
 
 
/**** logo escrito fixo *****/
div#headerbar-top.is-sticky.w-toolbar, div#headerbar-top {
    position: fixed;
    background: url() no-repeat;
    width: 150%;
    background-color: #fff;
    height: 50px;
    text-align: center;
}
div#headerbar-top.w-toolbar .wrap ul.navbar li {
    display: inline-block;
    margin: 15px 0 0;
}
 
  /******** fim escrito fixo ********/
 
/***** fundo cor banner *****/
 
.headerbar { background-color: #fff !important; }
 
/******fim fundo banner ******/
 
/***** RETIRAR PERFIL ******/
.postprofile {
  display: none!important;
  }
.postbody {
  width: 100%!important;
  margin-right: 0!important;
  }
 
/***** FIM RETIRAR PERFIL *******/
 
 
/***rodape****/
.cont_footer {
    display: flex;
}
 .credits_ppf {
    padding: 10px;
    height: 10px;
    border-top: 1px solid #eee;
    text-align: center;
    padding-bottom: 25px;
}
 .footer-col {
    float: left;
    width: 25%;
}
 .footer-title {
    display: block;
    font-size: 17px;
    text-transform: uppercase;
    color: #eee;
}
 .footer-list {
    list-style: none;
    margin: 7px 0 10px;
    padding-left: 0;
}
 .footer-list li a {
    color: #eee!important;
}
 .footer-text p {
    word-wrap: break-word;
    width: 80%!important;
}
 #page-footer {
    color: #d6d5d3;
    font-family: Roboto, sans-serif;
    font-size: 11px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 .copyright-body {
    border: 0;
}
 .copyright-body a[href^="/admin/"] {
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
    position: fixed;
    bottom: 2%;
    right: 5%;
    background-color: #36b;
    color: white;
    z-index: 999;
    width: 10%;
    text-align: center;
    height: 30px;
    padding: 7px;
    border-radius: 2em;
}
 #page-footer .h3, #page-footer .h3 a {
    color: #3793ff;
    font-weight: 700;
    border: none;
    padding-top: 20px;
}
 .group b:last-child:after {
    content: none;
}
 .group b:after {
    content: ', ';
}
 .group strong, .group b {
    font-size: 12px;
}
 .group:before {
    font-size: 11px;
    content: 'Staff: ';
    font-weight: 700;
}
 .group {
    font-size: 0;
    padding-bottom: 50px;
}
 
/***fimm rodape****/
 
/*****cor widget *****/
.module .h3 {
    background-color: #ffffff!important
}
 
/***** fim cor widget *****/
 
 
/***** BANNER  NAO FICAR FIXO****/
div#headerbar-top, div#headerbar-top.is-sticky.w-toolbar {
    position: inherit!important;
}
 
 
/**** FIM BANNER NÃO FICAR FIXO *******/
 

Até mais!
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar esta imagem de logo fixo no forum

Mensagem por EDU2010 13.03.19 19:41

Quase , veja que ao mover a pagina ele da uma puxadinha do lado antes de sumir , so falta acertar isso , ficar alinhado ...
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2295
Pontos : 3601

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Colocar esta imagem de logo fixo no forum

Mensagem por Roevs 13.03.19 19:45

Olá,

Veja agora

Código:
/********** acertar logo ****************/
.is-sticky#headerbar-top {
    background-color: transparent!important;
    background-image: url(https://i.servimg.com/u/f83/15/95/44/80/1f5a4b11.jpg);
    background-position-x: 233px;
    box-shadow: 0 0 0 rgba(0,0,0,0.9);
    height: 87px!important;
    position: inherit!important;
    margin-left: 61px;
}
.is-sticky#headerbar-top {
    background-color: transparent!important;
    box-shadow: 0 0 0px rgba(0,0,0,0.9);
}
#logo {
    display: initial!important;
    float: none!important;
    background-image: url(https://i.servimg.com/u/f83/15/95/44/80/1f5a4b11.jpg);
    position: inherit;
    margin-left: -464px;
}
.navbar {
    display: none!important;
}
/************fim acertar logo **************/
 
 
 
 
/***** tamanho slide ******/
.nivoSlider {
    width: 70%!important;
    height: 70%!important;
}
 
/***** fim tamanho slide ******/
 
 
 
/***** acertar  alinhamento portal *****/
.portal .portal-mid {
    width: 33%;
}
 
/****** fim acertar alinhamento portal *******/
 
 
/***** tamanho slide ******/
.nivoSlider {
    width: 80%!important;
    height: 80%!important;
}
 
/***** fim tamanho slide ******/
 
/**** imagem se ajustarem *****/
a img,
.module img {
  max-width: 100%!important;
  height: auto!important;
}
 
 
/**** imagem fim se ajustarem ****/
 
 
/***** fixo fim *******/
div#headerbar-top, div#headerbar-top.is-sticky.w-toolbar { height: 70px!important; }
/******* fim fixo fim ********/
 
 
 
* HEADER_MOD - begin */
#site-desc {
    text-align: center !important;
    position: sticky !important;
    margin-top: 105px !important;
}
 
div#site-title h1 {
  text-transform: uppercase;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
    -webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
    -ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
    transition: transform 0.5s ease, opacity 0.5s ease;
    display: inline-block;
    font-size: 1.75em;
    opacity: 1;
    padding: 0.35em 0em;
    position: relative;
    z-index: 1;
}
 
div#site-title h1:after, div#site-title h1:before {
    -moz-transition: width 0.85s ease;
    -webkit-transition: width 0.85s ease;
    -ms-transition: width 0.85s ease;
    transition: width 0.85s ease;
    -moz-transition-delay: 0.25s;
    -webkit-transition-delay: 0.25s;
    -ms-transition-delay: 0.25s;
    transition-delay: 0.25s;
    background: #fff;
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    width: 100%;
}
 
div#site-desc > p {
    letter-spacing: 0.225em;
    text-transform: uppercase;
}
 
 
 
/* HEADER_MOD end */
/* WRAP_BODY begin */
.module .h3 {
    background-color: #fff !important;
}
/* WRAP_BODY end */
 
/*****logo fórum ******/
 
.navbar {
text-align: center !important;
margin-top: -385x !important;
}
/******logo tamanho*****/
 
.headerbar {
background-image: url() !important;
height: 90px!important;
    background-position: top!important;
 
}
 
/*******fim logo tamanho ******/
 
/*** ocultar menu****/
a.mainmenu[href="/calendar"], [href="/faq"],[href="/forum"], [href="/groups"], [href=""], [href="/memberlist"], [href=""], [href="/search"], [href="/profile?mode=editprofile"], [href="/privmsg?folder=inbox"], [href="/gallery/index.htm"]
{display: none !important}
a#logout {display: none !important;}
 
 
/****m fim ocultar menu******/
 
 
*** ACERTAR TAMANHO BANNER *****/
.headerbar {
  width: 100% !important;
  background-size: 100% 100% !important;
}
/******* FIM ACERTAR BANNER ******/
 
 
/**** marca em lista do menu *******/
.is-sticky#headerbar-top.w-toolbar {
    background: url('') no-repeat;
}
 
.is-sticky#headerbar-top{ height: 87px !important; }
 
 
/**** fim  logo na marca do menu *****/
 
 
/**** logo escrito fixo *****/
div#headerbar-top.is-sticky.w-toolbar, div#headerbar-top {
    position: fixed;
    background: url() no-repeat;
    width: 150%;
    background-color: #fff;
    height: 50px;
    text-align: center;
}
div#headerbar-top.w-toolbar .wrap ul.navbar li {
    display: inline-block;
    margin: 15px 0 0;
}
 
  /******** fim escrito fixo ********/
 
/***** fundo cor banner *****/
 
.headerbar { background-color: #fff !important; }
 
/******fim fundo banner ******/
 
/***** RETIRAR PERFIL ******/
.postprofile {
  display: none!important;
  }
.postbody {
  width: 100%!important;
  margin-right: 0!important;
  }
 
/***** FIM RETIRAR PERFIL *******/
 
 
/***rodape****/
.cont_footer {
    display: flex;
}
 .credits_ppf {
    padding: 10px;
    height: 10px;
    border-top: 1px solid #eee;
    text-align: center;
    padding-bottom: 25px;
}
 .footer-col {
    float: left;
    width: 25%;
}
 .footer-title {
    display: block;
    font-size: 17px;
    text-transform: uppercase;
    color: #eee;
}
 .footer-list {
    list-style: none;
    margin: 7px 0 10px;
    padding-left: 0;
}
 .footer-list li a {
    color: #eee!important;
}
 .footer-text p {
    word-wrap: break-word;
    width: 80%!important;
}
 #page-footer {
    color: #d6d5d3;
    font-family: Roboto, sans-serif;
    font-size: 11px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 .copyright-body {
    border: 0;
}
 .copyright-body a[href^="/admin/"] {
    box-shadow: 0 1px 6px rgba(0,0,0,0.06);
    position: fixed;
    bottom: 2%;
    right: 5%;
    background-color: #36b;
    color: white;
    z-index: 999;
    width: 10%;
    text-align: center;
    height: 30px;
    padding: 7px;
    border-radius: 2em;
}
 #page-footer .h3, #page-footer .h3 a {
    color: #3793ff;
    font-weight: 700;
    border: none;
    padding-top: 20px;
}
 .group b:last-child:after {
    content: none;
}
 .group b:after {
    content: ', ';
}
 .group strong, .group b {
    font-size: 12px;
}
 .group:before {
    font-size: 11px;
    content: 'Staff: ';
    font-weight: 700;
}
 .group {
    font-size: 0;
    padding-bottom: 50px;
}
 
/***fimm rodape****/
 
/*****cor widget *****/
.module .h3 {
    background-color: #ffffff!important
}
 
/***** fim cor widget *****/
 
 
/***** BANNER  NAO FICAR FIXO****/
div#headerbar-top, div#headerbar-top.is-sticky.w-toolbar {
    position: inherit!important;
}
 
 
/**** FIM BANNER NÃO FICAR FIXO *******/
 

Até mais!
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar esta imagem de logo fixo no forum

Mensagem por EDU2010 13.03.19 19:47

ainda nao resultou , ele puxa ao lado
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2295
Pontos : 3601

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar esta imagem de logo fixo no forum

Mensagem por EDU2010 13.03.19 22:14

Resolveu
EDU2010

EDU2010
Hiper Membro

Membro desde : 09/12/2010
Mensagens : 2295
Pontos : 3601

http://passarinhos.forumeiros.com/forum.htm

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Colocar esta imagem de logo fixo no forum

Mensagem por Roevs 14.03.19 11:04

Tópico resolvido


Movido para "Questões resolvidas".
Roevs

Roevs
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos