Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Change Logo / Logo Background
#1
Hey! 
How do I change the Logo Background?
I changed the Background sometimes but I cant figure out how I've done it.
Also, is it possible to remove the small Logo in the Background completely? 
So that I only need one banner in the logo background?
My forum: https://forum.imperiamc.de/
Thanks for your help!
[+]
Reply
#2
Can you provide to me background image somehow?
[+]
Reply
#3
Yep, here is a link https://cdn.discordapp.com/attachments/3...logoIM.png
[+]
Reply
#4
I need either screenshot of Header Template or admin access to your Forum Admin dashboard.
[+]
Reply
#5
Hey! Sorry for my late reply.
Anyway, here is my Header Template:
Code:
<div id="header">
<nav class="navbar navbar-default" role="navigation">
    <div id="panel">
        <div class="upper">
            <div class="wrapper">
             <div class="menu">
                 <ul>
                     <li class="home"><a class="tt" href="{$mybb->settings['bburl']}/index.php" title="Forum"></a></li>
                    <li class="search"><a class="tt searchbtn" href="#search" title="Schnelle Suche"></a></li>
                     <li class="members"><a class="tt" href="{$mybb->settings['bburl']}/memberlist.php" title="Mitglieder"></a></li>
   <div class="dropdown drposts">
       <a data-target="#" href="#" data-toggle="dropdown" class="dropdown-toggle"><i class="fa fa-comments" style="font-size: 17px;"></i> <b class="caret"></b></i></a>
       <ul class="dropdown-menu">
           <li><a href="{$mybb->settings['bburl']}/search.php?action=unreads"><i class="fa fa-eye-slash" style="margin-right: 5px;"></i>Ungelesene Beiträge ansehen</a></li>
           <li><a href="{$mybb->settings['bburl']}/search.php?action=getnew"><i class="fa fa-eye" style="margin-right: 5px;"></i>{$lang->welcome_newposts}</a></li>
           <li><a href="{$mybb->settings['bburl']}/search.php?action=getdaily"><i class="fa fa-eye" style="margin-right: 5px;"></i>{$lang->welcome_todaysposts}</a></li>
            <li><a href="{$mybb->settings['bburl']}/search.php" title="Search"><i class="fa fa-search" style="margin-right: 5px;"></i>Forum Suche</a></li>
       </ul>  
   </div>
               </ul>
             </div>
           <div class="usersection">
                {$welcomeblock}
           </div>
            </div>
    </div>
</div>
</nav>
<div id="logo">
    <div class="logo-inner">    
        <a href="{$mybb->settings['bburl']}/index.php"><img class="tt" src="{$theme['logo']}" /></a>
    </div>
<div class="scrolltotop"><i class="fa fa-arrow-circle-o-up" aria-hidden="true"></i>
</div>
</div>
</div>

<div id="search">
   <button type="button" class="close"><i class="fa fa-times"></i></button>
   <form class="search-form" action="search.php" method="post">
        <input type="hidden" name="action" value="do_search" />
        <input type="hidden" name="postthread" value="1" />
        <input type="hidden" name="forums" value="all" />
        <input type="hidden" name="showresults" value="threads" />
       <input type="search" name="keywords" placeholder="type keyword(s) here" />
       <button type="submit" class="btn btn-primary">Search</button>
   </form>
</div>

<div id="header-responsive">
<nav class="navbar-responsive navbar-default" role="navigation">
      <div id="panel-responsive">    
        {$welcomeblock}
     </div>
     
     <div id="logo-responsive">  
           <h1>
            <a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['imgdir']}/logo.png" /></a>
       </h1>
        </div>
     
        <div id="menu" >
    <div style="margin: 5px 5px 0px;">
         <div class="navbar-header">
         <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#nav-menu" style="float: none;">
           <i class="fa fa-bars"></i>
         </button>
           <span style="font-size: 16px; float: left; margin-top: 3px;"></span>
       </div>
         </div>
       
         <div class="navbar-collapse collapse" id="nav-menu">
           <ul class="nav navbar-nav" data-nav_menu="true">
                     <li><a href="{$mybb->settings['bburl']}/index.php" title="Forum">Forum</a></li>
                     <li><a href="{$mybb->settings['bburl']}/portal.php" title="Portal">Portal</a></li>
                     <li><a href="{$mybb->settings['bburl']}/memberlist.php" title="Members">Members</a></li>
                     <li><a href="{$mybb->settings['bburl']}/search.php?action=getdaily" title="Today's Posts">Today's Posts</a></li>
                     <li><a href="{$mybb->settings['bburl']}/calendar.php" title="Calendar">Calendar</a></li>
                   <li><a href="{$mybb->settings['bburl']}/misc.php?action=help" title="Help">Help</a></li>
           </ul>        
           </div>
           </div>
         
           
</nav>

<div class="scrolltotop"><i class="fa fa-arrow-circle-o-up" aria-hidden="true"></i></div>
<div id="logo">
    <div class="logo-inner">    
        <a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
    </div>
</div>
</div>

<div id="main-container">
<main>
<navigation>
<div class="content  col-lg-11 col-md-11 col-xs-12 box-shadow-top">
            <div id="wrapperindex">
                {$pm_notice}
                {$bannedwarning}
                {$bbclosedwarning}
                {$unreadreports}
                {$pending_joinrequests}
                {$awaitingusers}
                <!-- BAM -->
                {$bam_announcements}
                <!-- /BAM -->
                <br />
Also, is it  possible to remove this dots filter over the logo?
[+]
Reply
#6
(01-31-2019, 05:22 PM)dasedris Wrote: Hey! Sorry for my late reply.
Anyway, here is my Header Template:
Code:
<div id="header">
<nav class="navbar navbar-default" role="navigation">
    <div id="panel">
        <div class="upper">
            <div class="wrapper">
             <div class="menu">
                 <ul>
                     <li class="home"><a class="tt" href="{$mybb->settings['bburl']}/index.php" title="Forum"></a></li>
                    <li class="search"><a class="tt searchbtn" href="#search" title="Schnelle Suche"></a></li>
                     <li class="members"><a class="tt" href="{$mybb->settings['bburl']}/memberlist.php" title="Mitglieder"></a></li>
   <div class="dropdown drposts">
       <a data-target="#" href="#" data-toggle="dropdown" class="dropdown-toggle"><i class="fa fa-comments" style="font-size: 17px;"></i> <b class="caret"></b></i></a>
       <ul class="dropdown-menu">
           <li><a href="{$mybb->settings['bburl']}/search.php?action=unreads"><i class="fa fa-eye-slash" style="margin-right: 5px;"></i>Ungelesene Beiträge ansehen</a></li>
           <li><a href="{$mybb->settings['bburl']}/search.php?action=getnew"><i class="fa fa-eye" style="margin-right: 5px;"></i>{$lang->welcome_newposts}</a></li>
           <li><a href="{$mybb->settings['bburl']}/search.php?action=getdaily"><i class="fa fa-eye" style="margin-right: 5px;"></i>{$lang->welcome_todaysposts}</a></li>
            <li><a href="{$mybb->settings['bburl']}/search.php" title="Search"><i class="fa fa-search" style="margin-right: 5px;"></i>Forum Suche</a></li>
       </ul>  
   </div>
               </ul>
             </div>
           <div class="usersection">
                {$welcomeblock}
           </div>
            </div>
    </div>
</div>
</nav>
<div id="logo">
    <div class="logo-inner">    
        <a href="{$mybb->settings['bburl']}/index.php"><img class="tt" src="{$theme['logo']}" /></a>
    </div>
<div class="scrolltotop"><i class="fa fa-arrow-circle-o-up" aria-hidden="true"></i>
</div>
</div>
</div>

<div id="search">
   <button type="button" class="close"><i class="fa fa-times"></i></button>
   <form class="search-form" action="search.php" method="post">
        <input type="hidden" name="action" value="do_search" />
        <input type="hidden" name="postthread" value="1" />
        <input type="hidden" name="forums" value="all" />
        <input type="hidden" name="showresults" value="threads" />
       <input type="search" name="keywords" placeholder="type keyword(s) here" />
       <button type="submit" class="btn btn-primary">Search</button>
   </form>
</div>

<div id="header-responsive">
<nav class="navbar-responsive navbar-default" role="navigation">
      <div id="panel-responsive">    
        {$welcomeblock}
     </div>
     
     <div id="logo-responsive">  
           <h1>
            <a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['imgdir']}/logo.png" /></a>
       </h1>
        </div>
     
        <div id="menu" >
    <div style="margin: 5px 5px 0px;">
         <div class="navbar-header">
         <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#nav-menu" style="float: none;">
           <i class="fa fa-bars"></i>
         </button>
           <span style="font-size: 16px; float: left; margin-top: 3px;"></span>
       </div>
         </div>
       
         <div class="navbar-collapse collapse" id="nav-menu">
           <ul class="nav navbar-nav" data-nav_menu="true">
                     <li><a href="{$mybb->settings['bburl']}/index.php" title="Forum">Forum</a></li>
                     <li><a href="{$mybb->settings['bburl']}/portal.php" title="Portal">Portal</a></li>
                     <li><a href="{$mybb->settings['bburl']}/memberlist.php" title="Members">Members</a></li>
                     <li><a href="{$mybb->settings['bburl']}/search.php?action=getdaily" title="Today's Posts">Today's Posts</a></li>
                     <li><a href="{$mybb->settings['bburl']}/calendar.php" title="Calendar">Calendar</a></li>
                   <li><a href="{$mybb->settings['bburl']}/misc.php?action=help" title="Help">Help</a></li>
           </ul>        
           </div>
           </div>
         
           
</nav>

<div class="scrolltotop"><i class="fa fa-arrow-circle-o-up" aria-hidden="true"></i></div>
<div id="logo">
    <div class="logo-inner">    
        <a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
    </div>
</div>
</div>

<div id="main-container">
<main>
<navigation>
<div class="content  col-lg-11 col-md-11 col-xs-12 box-shadow-top">
            <div id="wrapperindex">
                {$pm_notice}
                {$bannedwarning}
                {$bbclosedwarning}
                {$unreadreports}
                {$pending_joinrequests}
                {$awaitingusers}
                <!-- BAM -->
                {$bam_announcements}
                <!-- /BAM -->
                <br />
Also, is it  possible to remove this dots filter over the logo?


CSS:
add these lines of code to global.css
#logo {
    background: url('https://i.ibb.co/Vj149ss/logoIM.png') no-repeat center;
    min-height: 330px;
    background-size: 100%;
}

edit and change this at global.css 149:
.logo-inner {
    background: transparent;
    padding: 35px 0;
    text-align: center;
}

Header Template code:

Code:
<div id="header">
<nav class="navbar navbar-default" role="navigation">
   <div id="panel">
       <div class="upper">
           <div class="wrapper">
            <div class="menu">
                <ul>
                    <li class="home"><a class="tt" href="{$mybb->settings['bburl']}/index.php" title="Forum"></a></li>
                   <li class="search"><a class="tt searchbtn" href="#search" title="Schnelle Suche"></a></li>
                    <li class="members"><a class="tt" href="{$mybb->settings['bburl']}/memberlist.php" title="Mitglieder"></a></li>
  <div class="dropdown drposts">
      <a data-target="#" href="#" data-toggle="dropdown" class="dropdown-toggle"><i class="fa fa-comments" style="font-size: 17px;"></i> <b class="caret"></b></i></a>
      <ul class="dropdown-menu">
          <li><a href="{$mybb->settings['bburl']}/search.php?action=unreads"><i class="fa fa-eye-slash" style="margin-right: 5px;"></i>Ungelesene Beiträge ansehen</a></li>
          <li><a href="{$mybb->settings['bburl']}/search.php?action=getnew"><i class="fa fa-eye" style="margin-right: 5px;"></i>{$lang->welcome_newposts}</a></li>
          <li><a href="{$mybb->settings['bburl']}/search.php?action=getdaily"><i class="fa fa-eye" style="margin-right: 5px;"></i>{$lang->welcome_todaysposts}</a></li>
           <li><a href="{$mybb->settings['bburl']}/search.php" title="Search"><i class="fa fa-search" style="margin-right: 5px;"></i>Forum Suche</a></li>
      </ul>  
  </div>
              </ul>
            </div>
          <div class="usersection">
               {$welcomeblock}
          </div>
           </div>
   </div>
</div>
</nav>
<div id="logo">
   <div class="logo-inner">    

   </div>
<div class="scrolltotop"><i class="fa fa-arrow-circle-o-up" aria-hidden="true"></i>
</div>
</div>
</div>

<div id="search">
  <button type="button" class="close"><i class="fa fa-times"></i></button>
  <form class="search-form" action="search.php" method="post">
       <input type="hidden" name="action" value="do_search" />
       <input type="hidden" name="postthread" value="1" />
       <input type="hidden" name="forums" value="all" />
       <input type="hidden" name="showresults" value="threads" />
      <input type="search" name="keywords" placeholder="type keyword(s) here" />
      <button type="submit" class="btn btn-primary">Search</button>
  </form>
</div>

<div id="header-responsive">
<nav class="navbar-responsive navbar-default" role="navigation">
     <div id="panel-responsive">    
       {$welcomeblock}
    </div>
   
    <div id="logo-responsive">  
          <h1>
           <a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['imgdir']}/logo.png" /></a>
      </h1>
       </div>
   
       <div id="menu" >
   <div style="margin: 5px 5px 0px;">
        <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#nav-menu" style="float: none;">
          <i class="fa fa-bars"></i>
        </button>
          <span style="font-size: 16px; float: left; margin-top: 3px;"></span>
      </div>
        </div>
     
        <div class="navbar-collapse collapse" id="nav-menu">
          <ul class="nav navbar-nav" data-nav_menu="true">
                    <li><a href="{$mybb->settings['bburl']}/index.php" title="Forum">Forum</a></li>
                    <li><a href="{$mybb->settings['bburl']}/portal.php" title="Portal">Portal</a></li>
                    <li><a href="{$mybb->settings['bburl']}/memberlist.php" title="Members">Members</a></li>
                    <li><a href="{$mybb->settings['bburl']}/search.php?action=getdaily" title="Today's Posts">Today's Posts</a></li>
                    <li><a href="{$mybb->settings['bburl']}/calendar.php" title="Calendar">Calendar</a></li>
                  <li><a href="{$mybb->settings['bburl']}/misc.php?action=help" title="Help">Help</a></li>
          </ul>        
          </div>
          </div>
       
         
</nav>

<div class="scrolltotop"><i class="fa fa-arrow-circle-o-up" aria-hidden="true"></i></div>
<div id="logo">
   <div class="logo-inner">    

   </div>
</div>
</div>

<div id="main-container">
<main>
<navigation>
<div class="content  col-lg-11 col-md-11 col-xs-12 box-shadow-top">
           <div id="wrapperindex">
               {$pm_notice}
               {$bannedwarning}
               {$bbclosedwarning}
               {$unreadreports}
               {$pending_joinrequests}
               {$awaitingusers}
               <!-- BAM -->
               {$bam_announcements}
               <!-- /BAM -->
               <br />
[+]
Reply
#7
I changed / added the code like you said but now the forum looks like this:
[Image: website.PNG]
The "dots" are also still there :(
[+]
Reply
#8
(02-01-2019, 05:25 PM)dasedris Wrote: I changed / added the code like you said but now the forum looks like this:
[Image: website.PNG]
The "dots" are also still there :(

It look good to me:
[Image: Screenshot-2019-02-02-Imperia-MC-Forum.png]

Refresh cache.
[+]
Reply
#9
Oh, now working for me too. Thank you! ^^
[+]
Reply
#10
You are welcome.
[+]
Reply
  


Forum Jump:


Users browsing this thread:
1 Guest(s)

Change Logo / Logo Background00