• Welcome to Simple Machines Community Forum. Please login or sign up.

Align a search box

Started by lendario, June 20, 2011, 12:39:14 PM

Previous topic - Next topic

lendario

June 20, 2011, 12:39:14 PM Last Edit: October 31, 2011, 02:34:46 PM by lendario
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:


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.

lendario


Antechinus

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.

lendario

Yes, it seems they still do not have the search box, I would like to put one there where shown.
The file was attached.

lendario


Sir Osis of Liver


Which theme was that before you modded it?


"The best laid schemes o' mice an' men / Gang aft a-gley." - Robert Burns

lendario

No, the issue was never this search box, put there to show her where I want it more or less.

Sir Osis of Liver


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.

"The best laid schemes o' mice an' men / Gang aft a-gley." - Robert Burns

Sir Osis of Liver


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;
}



"The best laid schemes o' mice an' men / Gang aft a-gley." - Robert Burns

lendario

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?

Sir Osis of Liver


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?

"The best laid schemes o' mice an' men / Gang aft a-gley." - Robert Burns

lendario

Yes I am using the theme "Silentwave" totally changed.

Sir Osis of Liver


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

"The best laid schemes o' mice an' men / Gang aft a-gley." - Robert Burns

lendario


Sir Osis of Liver

Ok, looks like this in SilentWave with your index.template.php -



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.

"The best laid schemes o' mice an' men / Gang aft a-gley." - Robert Burns

lendario

Thanks again, the files are attached.

Sir Osis of Liver


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.

"The best laid schemes o' mice an' men / Gang aft a-gley." - Robert Burns

lendario

Thank you friend, you have no idea how much it helped me.
Thank you so much, working perfectly.

Sir Osis of Liver


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

Put the attached file into /images/custom/.

"The best laid schemes o' mice an' men / Gang aft a-gley." - Robert Burns

Advertisement: