Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Topic started by: lendario on June 20, 2011, 12:39:14 PM

Title: Align a search box
Post by: lendario on June 20, 2011, 12:39:14 PM
Hello, I'm here again giving you all work  :-\
This time I want to know how to put a search box next to the logo.
For example, the logo is on the left would go to the search box on the right side. As the image below:

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fimg191.imageshack.us%2Fimg191%2F7357%2Fshaty.png&hash=1ede42231040deaed9e66443cd0a07124c9acb61)
http://img191.imageshack.us/img191/7357/shaty.png

Use the smf 2 final.

This would, I would put in the background of a design to leave the search box more "beautiful".
Thank you all.
Title: Re: Align a search box
Post by: lendario on June 23, 2011, 01:01:53 AM
Can someone help me?
Title: Re: Align a search box
Post by: Antechinus on June 23, 2011, 01:52:55 AM
Your image up top there looks nothing like the theme on your site. ;D

Attach your index.template.php and someone will take a look at it.
Title: Re: Align a search box
Post by: lendario on June 23, 2011, 10:10:59 AM
Yes, it seems they still do not have the search box, I would like to put one there where shown.
The file was attached.
Title: Re: Align a search box
Post by: lendario on June 30, 2011, 12:27:03 AM
Help, please!
Title: Re: Align a search box
Post by: Sir Osis of Liver on June 30, 2011, 11:29:18 PM

Which theme was that before you modded it?


Title: Re: Align a search box
Post by: lendario on July 01, 2011, 09:17:53 PM
No, the issue was never this search box, put there to show her where I want it more or less.
Title: Re: Align a search box
Post by: Sir Osis of Liver on July 01, 2011, 11:22:21 PM

I understand that, but would be much easier to add the search box where you want it if I can run the theme on my 2.0 install.

Title: Re: Align a search box
Post by: Sir Osis of Liver on July 02, 2011, 12:36:38 AM

Ok, lendario, ran your index.template.php in another Dz theme, and the header's a mess, but I believe I got the Search widget where you want it.  Back up your index.template and try the attached.  You'll find the mod at /// Add search box to header.

You may also need to add this to your /css/index.css:



/* Styles for the basic search section.
------------------------------------------------- */
#searchform, #simple_search p
{
padding: 0.5em;
margin: 0;
}
#simple_search, #simple_search p, #advanced_search
{
text-align: center !important;
margin: 0;
}
#search_error
{
font-style: italic;
padding: 0.3em 1em;
}
#search_term_input
{
font-size: 115%;
margin: 0 0 1em;
}



Title: Re: Align a search box
Post by: lendario on July 05, 2011, 11:14:27 PM
First thank you friend.
The search box in the header is put in a place it is "wrong." I would put her where the check image.
Would help me?
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fimg339.imageshack.us%2Fimg339%2F2339%2Fcabeao.png&hash=262fff23f6244273dd9bd810f7c180a1f1130e74)
Title: Re: Align a search box
Post by: Sir Osis of Liver on July 06, 2011, 01:41:39 AM

It's right where you want it in the theme I used.  I see it's also the wrong color.  You're using what appears to be a custom theme, and without being able to run it I'm working blind.  Is that a modded Dziner theme?  If so, which one?

Title: Re: Align a search box
Post by: lendario on July 06, 2011, 06:56:10 AM
Yes I am using the theme "Silentwave" totally changed.
Title: Re: Align a search box
Post by: Sir Osis of Liver on July 06, 2011, 01:58:15 PM

Close enough - should be able to work with that.  Will try to get to it tonight.

Title: Re: Align a search box
Post by: lendario on July 06, 2011, 04:23:04 PM
Thanks, I'm in wait.
Title: Re: Align a search box
Post by: Sir Osis of Liver on July 07, 2011, 12:04:29 AM
Ok, looks like this in SilentWave with your index.template.php -

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fwww.thekrashsite.com%2Fpics%2Fss_search.jpg&hash=751cc1bdc5e7d6ce4e004fba6a2adcd0b3803c46)

Should be the same in your header.  You may have to adjust the vertical position, but that's easy.

Need your current index.template.php, and /css/index.css, and I'll make the changes.

Title: Re: Align a search box
Post by: lendario on July 07, 2011, 06:49:28 PM
Thanks again, the files are attached.
Title: Re: Align a search box
Post by: Sir Osis of Liver on July 07, 2011, 10:04:54 PM

Files are attached.  The edits are marked with triple slashes ///.  If you have to adjust the search box position, look for this in /css/index.css -



#search {
position: absolute;
top: 95px;
left: 800px;



Backup your current files before you upload these.

Title: Re: Align a search box
Post by: lendario on July 07, 2011, 10:38:03 PM
Thank you friend, you have no idea how much it helped me.
Thank you so much, working perfectly.
Title: Re: Align a search box
Post by: Sir Osis of Liver on July 07, 2011, 11:02:44 PM

It'll look better with the correct background image (forgot about it  :P ).

Put the attached file into /images/custom/.