How would I get my search box & separate greeting like this?
4 posters
Page 1 of 1
How would I get my search box & separate greeting like this?
Last edited by sign da tits on May 29th 2011, 12:06 am; edited 1 time in total
Re: How would I get my search box & separate greeting like this?
Login Box:
go to ACP - Display - Templates - Overall_header, then we add this code above the logo:
Now go to ACP - Display - Colors - CSS Stylesheet, to add the CSS code.
CSS:
Change fff to change the bakcground color of the box.
I don't know about the search.
go to ACP - Display - Templates - Overall_header, then we add this code above the logo:
- Code:
<div id="log-in-info">
<span id="log-in-info-cont">
<!-- BEGIN switch_user_logged_out -->
Hello, Guest | <a href="/register">Register</a> | <a href="/login">Login</a>
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
{LOGGED_AS} <a href="/profile.forum?mode=editprofile">Account</a> | <a href="/login?logout">Log out</a>
<!-- END switch_user_logged_in -->
</span>
</div>
Now go to ACP - Display - Colors - CSS Stylesheet, to add the CSS code.
CSS:
- Code:
.log-in-info{float:left; padding:5px; border: 1px solid #fff;}
Change fff to change the bakcground color of the box.
I don't know about the search.
Last edited by Raze on May 28th 2011, 10:53 pm; edited 1 time in total
Raze- Forumember
- Posts : 406
Reputation : 12
Language : English, HTML, CSS
Re: How would I get my search box & separate greeting like this?
Hi Ryan,
for the search;
1. add this to your overall_header template just after
<ul class="clearfix">
2. Add this to CSS to customize it how ever you want it
3. Add this to CSS to move it around where ever you want it, change pixels
for the search;
1. add this to your overall_header template just after
<ul class="clearfix">
- Code:
<ul class="clearfix"><form method="get" action="/search.forum?mode=searchbox&show_results=topics" class="qsearch"><input type="text"> <input type="submit" value="Search"></form>
2. Add this to CSS to customize it how ever you want it
- Code:
.qsearch input[type="text"] {
background: none repeat scroll 0 0 #000000;
border: medium none;
color: #ffffff;
padding: 3px;
}
.qsearch input[type="submit"] {
background: none repeat scroll 0 0 #000000;
border: medium none;
color: #ffffff;
font-size: 11px;
padding: 3px;
}
3. Add this to CSS to move it around where ever you want it, change pixels
- Code:
.qsearch {
position: absolute;
right: 8px;
top: 10px;
}
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: How would I get my search box & separate greeting like this?
Simply the best, nerner<3Nera. wrote:Hi Ryan,
for the search;
1. add this to your overall_header template just after
<ul class="clearfix">Save and publish template.
- Code:
<form method="get" action="/search.forum?mode=searchbox&show_results=topics" class="qsearch"><input type="text"> <input type="submit" value="Search"></form>
2. Add this to CSS to customize it how ever you want it
- Code:
.qsearch input[type="text"] {
background: none repeat scroll 0 0 #000000;
border: medium none;
color: #ffffff;
padding: 3px;
}
.qsearch input[type="submit"] {
background: none repeat scroll 0 0 #000000;
border: medium none;
color: #ffffff;
font-size: 11px;
padding: 3px;
}
3. Add this to CSS to move it around where ever you want it, change pixels
- Code:
.qsearch {
position: absolute;
right: 8px;
top: 10px;
}
Re: How would I get my search box & separate greeting like this?
Solved => Locked
MrMario- Helper
- Posts : 22186
Reputation : 1839
Language : test
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum