MyBB Community Forums

(2018-11-20, 05:06 PM)Learning Wrote: [ -> ]Yes I think that is the reason...thanks...but why am I getting a lens image before text ' about this forum' ??

And how can I get this link on extreme left, in the black bar and before ' Hello There, Guest'

That is because you added the link to toplinks and toplinks images by default use sprite images so you must define a specific image for your added link to override the sprite being called by default.

Ie:

<li><a href="{$mybb->settings['bburl']}/about.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/about.png" alt="" title="About" />About</a></li>

Or you can define the image via css for example:

#logo ul.top_links a.about {
	background: url('images/about.png') left no-repeat; 	
}

<li><a href="{$mybb->settings['bburl']}/misc.php?action=about" class="about">About</a></li>

Now, to answer your question, yes, the link can be added to the upper panel but will need to been done via css though I suggest that you place it to the right side of the upper panel.


For example:

In header template find {$quicksearch} move it just below your logo like this...

<div id="logo">
    <div class="wrapper"> <a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a> {$quicksearch}

now goto header_quicksearch template and

change this...

<input name="keywords" type="text" class="textbox" /> 
<input value="Search" type="submit" class="button" />

into this....

<input name="keywords" type="text" class="textbox" placeholder="Search..." /> 
<input value="" type="submit" class="button" />

Now, in global.css find

#search {
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    vertical-align: middle;
}

#search input.button,
#search input.textbox {
    border-color: #000;
}

#search input.button {
    background: #0066a2 url(images/thead.png) top left repeat-x;
    color: #fff;
}

#search input {
    margin: -3px 0;
}

and change it as....

#search {
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    vertical-align: middle;
}

#search input.textbox {
    border-color: #A5A5A5;
    margin: -3px 0;
    border-radius: 3px;
    width: 200px;
    line-height: 20px;
}

#search input.button {
    background: url(images/headerlinks_sprite.png) 0px 0px no-repeat;
    border: 0;
    height: 16px;
    margin-left: -25px;
}

Find this in your header template....

{$welcomeblock}

Add this right before it:

<ul class="panel custom_links"> 
<li><a href="{$mybb->settings['bburl']}/misc.php?action=about" class="about">About</a></li>
</ul>

Add to global.css:

#panel .upper ul.custom_links {
    font-weight: bold;
    text-align: right;
    margin: 0px 5px -20px 0;
}

#panel .upper ul.custom_links a.about {
    background: url('images/about.png') left no-repeat;
}

Thank you very much..will get around to it soon. Since I have NO idea about coding, don't want to mess about too much and break something !

As of now, I think I made some changes in global.css and so, text on my page :

https://lawforall.in/ipforum/misc.php?page=about

is gone.... only some links are showing . You can see the remaining text when you highlight the paragraph...


Similarly is text that was on main page which should have been been :

HELLO ! If you are reading this, you may not be not registered to the forum. Click here to register in a few simple steps, and learn/share on the Indian Patent Forum.

Only 'here' is showing....

As of now, my global.css ( selector container ) is :

text-align: left;
line-height: 1.4;
margin: 0;
min-width: 990px;

Could you please advise how to revert changes made .. or what should I be doing so the text shows up ? Thanks !