Support Forum

Advanced Search
Forum Scope


Match



Forum Options



Minimum search word length is 3 characters - maximum search word length is 84 characters
themes-topic
Help with theme editing
Avatar
fiddlerman
Member
Free Members
sp_UserOfflineSmall Offline
Aug 10, 2013 - 10:48 am

I would like to have the first two rows from the members avatar all the way to the Members icon evenly spaced in just one row. Also would like have the Search up to Select Forum evenly spaced on one row.

See below screenshot.

Currently using "Stacked"

I'm guessing I need to edit the spHead.php file. I don't see specific sizing so I suppose there is a way to add percentages somewhere and get it all to fit. Anyway, this is out of my capabilities and I'd be real happy it if someone would give me some code to get this looking the way I invision it without expanding my WP theme. :-)

Screen-Shot-2013-08-10-at-10.34.50-AM.pngImage Enlarger

"The richest person is not the one who has the most, but the one who needs the least."


Learn to Play Violin for Free - http://www.fiddlerman.com

Avatar
Brandon
U.S.
SP Wrangler
Free Members
sp_UserOfflineSmall Offline
Aug 10, 2013 - 11:06 am

The theme actually already does that if there is room for all the buttons on one line. If the width of the forum is to narrow for all the buttons and the drop downs to be shown inline then they start stacking on top of each other.

A great way to see that is to look right here and resize your bowser. You will see the buttons start stacking as you go smaller.

In your case you would either need to make the forum width wider or the buttons smaller. This is mostly done via CSS.

You also have to take into account what buttons normal users see. For instance if they can't "watch" a topic then the button doesn't even get displayed.  So as an Admin you may see something different than a regular member.

On the drop downs you can turn off displaying one or the other or both. Depending on your layout and if you show that info elsewhere (sidebar or footer) you may not need both and can eliminate one.

Avatar
Mr Papa
Simi Valley, CA
SP Master
Free Members
sp_UserOfflineSmall Offline
Aug 10, 2013 - 11:10 am

here is a user info section I used on a site that had a very narrow content section like yours... see if it works for you or you can tweak it... if needed, we do offer a custom theme service for detailed tweaks...

    sp_SectionStart('tagClass=spPlainSection', 'userInfo');
        sp_UserAvatar('tagClass=spImg spLeft');

        sp_SectionStart('tagClass=spPlainSection');
            sp_LoggedInOutLabel('tagClass=spLabelSmall spLeft', __sp('Logged in as<br /><b>%USERNAME%</b>'), __sp('Please consider registering<br /><b>guest</b>'), __sp('Welcome back <b>%USERNAME%</b><br />Please log in to post'));
            echo '<br />';
            sp_LastVisitLabel('tagClass=spLabelSmall spLeft', __sp('Last visited %LASTVISIT%'));
            echo '<div style="margin-top:-25px; float: right; display: inline-block">';
            sp_LogInOutButton('tagClass=spButton spRight', __sp('Log In'), __sp('Log Out'), __sp('Log in and log out'));
            sp_RegisterButton('tagClass=spButton spRight', __sp('Register'), __sp('Register'));
            sp_ProfileEditButton('tagClass=spButton spRight', __sp('Profile'), __sp('Edit your profile'));
            sp_MemberButton('tagClass=spButton spRight', __sp('Members'), __sp('View the members list'));
            sp_InsertBreak();
            if (function_exists('sp_PmInboxButton')) sp_PmInboxButton('tagClass=spButton spRight', __sp('Inbox:'), __sp('Go to PM inbox'));
            if (function_exists('sp_SubscriptionsReviewButton')) sp_SubscriptionsReviewButton('tagClass=spButton spRight', __sp('Subscribed:'), __sp('Review subscribed topics'));
            if (function_exists('sp_WatchesReviewButton')) sp_WatchesReviewButton('tagClass=spButton spRight', __sp('Watching:'), __sp('Review watched topics'));
            echo '</div>';
        sp_SectionEnd('tagClass=spClear');

        sp_LoginForm($loginForm);
        sp_UserNotices('', __sp('(Remove Notice)'));
    sp_SectionEnd('', 'userInfo');

Avatar
fiddlerman
Member
Free Members
sp_UserOfflineSmall Offline
Aug 10, 2013 - 12:29 pm

Thanks Mr Papa,

It changed things but I'm not sure it's any better. Same amount of lines. I do realize though that I need to learn to tweak it or pay to get it done the way I want it done. :-)

http://fiddlerman.com/forum

 

"The richest person is not the one who has the most, but the one who needs the least."


Learn to Play Violin for Free - http://www.fiddlerman.com

Avatar
Mr Papa
Simi Valley, CA
SP Master
Free Members
sp_UserOfflineSmall Offline
Aug 10, 2013 - 12:42 pm

I am not seeing the changes I sent on that page...

same number of lines?  yes, but organized and structured instead of just flowing...  to put on one line will require significant change to the buttons or moving them below or above the rest of the section... thus increasing overall height of it...

should look more like the image below

header.pngImage Enlarger

Avatar
fiddlerman
Member
Free Members
sp_UserOfflineSmall Offline
Aug 10, 2013 - 1:56 pm

Yours looks better.

Mine has the "Last visited" on the side instead of under the user like yours.
My "search" is not centered like yours.

 

Screen-Shot-2013-08-10-at-1.54.10-PM.pngImage Enlarger

"The richest person is not the one who has the most, but the one who needs the least."


Learn to Play Violin for Free - http://www.fiddlerman.com

Avatar
Mr Papa
Simi Valley, CA
SP Master
Free Members
sp_UserOfflineSmall Offline
Aug 10, 2013 - 4:08 pm

ah yes... some css changes too I would imagine...  afraid those are harder to come by from memory...  here is a couple of new ones I added for that:

#spMainContainer #spLoggedInOutLabel {
    margin-top: -5px;
}

#spMainContainer #spLastVisitLabel {
    margin-top: 10px;
    margin-left: -75px;
}

Avatar
fiddlerman
Member
Free Members
sp_UserOfflineSmall Offline
Aug 10, 2013 - 6:25 pm

I think we are getting somewhere. :-) )))))

It's looking better and better.

ThanksScreen-Shot-2013-08-10-at-6.24.36-PM.pngImage Enlarger

"The richest person is not the one who has the most, but the one who needs the least."


Learn to Play Violin for Free - http://www.fiddlerman.com

Avatar
Mr Papa
Simi Valley, CA
SP Master
Free Members
sp_UserOfflineSmall Offline
Aug 10, 2013 - 6:51 pm

oh, guess you need this part too...

    sp_SectionStart('tagClass=spPlainSection', 'search');
        echo '<div style="margin:0 60px">';
        sp_QuickLinksForum('tagClass=spControl spSelect spLeft', __sp('Select Forum'));
        sp_QuickLinksTopic('tagClass=spControl spSelect spRight', __sp('New/Recently Updated Topics'));
        echo '</div>';
        sp_InsertBreak();
        echo '<div style="text-align:center;margin:10px 0 0 0">';
        sp_SearchForm($searchForm);
        echo '</div>';
    sp_SectionEnd('', 'search');

just replace the current search part...

Avatar
fiddlerman
Member
Free Members
sp_UserOfflineSmall Offline
Aug 10, 2013 - 10:07 pm

I guess I won't have to pay for it after all. LOL

You're too nice. Thanks

Screen-Shot-2013-08-10-at-10.06.13-PM.pngImage Enlarger

"The richest person is not the one who has the most, but the one who needs the least."


Learn to Play Violin for Free - http://www.fiddlerman.com

Forum Timezone: Europe/Stockholm
Most Users Ever Online: 1170
Currently Online:
Guest(s) 1
Top Posters:
Mr Papa: 19448
Ike: 2086
Brandon: 864
kvr28: 804
jim: 650
FidoSysop: 577
Conrad_Farlow: 531
fiddlerman: 358
Stefano Prete: 325
Member Stats:
Guest Posters: 619
Members: 17361
Moderators: 0
Admins: 4
Forum Stats:
Groups: 7
Forums: 17
Topics: 10127
Posts: 79625