Support Forum
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.
"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
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.
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');
Visit Cruise Talk Central and Mr Papa's World
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.
"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
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
Visit Cruise Talk Central and Mr Papa's World
"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
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;
}
Visit Cruise Talk Central and Mr Papa's World
"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
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...
Visit Cruise Talk Central and Mr Papa's World
"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
1 Guest(s)