The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How would I get my search box & separate greeting like this?

View previous topic View next topic Go down

Solved How would I get my search box & separate greeting like this?

Post by sign da tits on May 28th 2011, 4:56 pm



Last edited by sign da tits on May 29th 2011, 12:06 am; edited 1 time in total

sign da tits
Forumember

Male Posts : 236
Reputation : 30
Language : British English, AutoIt
Location : England!

http://www.devforumz.com/

Back to top Go down

Solved Re: How would I get my search box & separate greeting like this?

Post by Raze on May 28th 2011, 5:37 pm

Login Box:
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

Male Posts : 406
Reputation : 12
Language : English, HTML, CSS

Back to top Go down

Solved Re: How would I get my search box & separate greeting like this?

Post by Nera. on May 28th 2011, 10:17 pm

Hi Ryan,
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&amp;show_results=topics" class="qsearch"><input type="text"> <input type="submit" value="Search"></form>
Save and publish template.

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

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: How would I get my search box & separate greeting like this?

Post by sign da tits on May 28th 2011, 11:42 pm

@Nera. wrote:Hi Ryan,
for the search;

1. add this to your overall_header template just after
<ul class="clearfix">

Code:
                     <form method="get" action="/search.forum?mode=searchbox&show_results=topics" class="qsearch"><input type="text"> <input type="submit" value="Search"></form>
Save and publish template.

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;
}
Simply the best, nerner<3

sign da tits
Forumember

Male Posts : 236
Reputation : 30
Language : British English, AutoIt
Location : England!

http://www.devforumz.com/

Back to top Go down

Solved Re: How would I get my search box & separate greeting like this?

Post by MrMario on May 29th 2011, 3:45 am

Solved => Locked

MrMario
Helper
Helper

Male Posts : 22186
Reputation : 1830
Language : test

http://test.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum