Welcome Guest [Log In] [Register]
We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Multiquote (on) Multiquote (off)
Add Reply
Shoutbox Input Location Issue
Topic Started: Jul 14 2014, 03:49 AM (364 Views)
The Librarian
Member
[ * ]
Hi. Apologies in advance if this is a really stupid mistake on my part - total novice at CSS.

So, I'm trying to modify the shoutbox on my forum to roughly match what my members are used to. I already have a code to place it at the top of the forum, which I can provide if necessary. I used this code to make it visible on all pages, this code to move the input box below the shoutbox itself, the code from this thread to make them work together - I kind of have a feeling this code might be specific to that forum's skin, and the fact that it doesn't work on mine is the issue, and yes, I did replace the code from the second link with the code in the third link as it instructs - and, finally, an auto-refresh code from here, set to 30 seconds.

For the most part, everything works fine, except on the main board index itself. The input box is displayed to the right of the shoutbox instead of below - until it refreshes, either automatically or manually, whereupon it snaps to below the shoutbox and remains there until the page is reloaded. I've tried removing the refresh script, and the issue was the same - the only difference being that I had to refresh it manually, rather than having the benefit of waiting 30 seconds for it to temporarily fix itself.

Any help would be greatly appreciated.

I'm also having an issue with the drop-down menu in the User Control Panel - it only remains open so long as I hover over 'Profile Options' exclusively, and closes if I try to use the menu itself - but I'm not sure if this is the correct place for that, or if we can raise more than one issue in a thread. I understand if either is the case, and will raise it elsewhere/separately.

EDIT: Since making this, the auto-refresh has stopped fixing the issue. It still works normally when off the index, however.
Edited by The Librarian, Jul 14 2014, 08:56 AM.
Offline Profile Quote Post Goto Top
 
Cory
Member Avatar
Member
[ *  *  *  *  *  *  *  *  * ]
For the code I gave in 'this thread', try this instead:
Code:
 
<script type='text/javascript'>
function shoutInput() {
var e = $('#shoutpost').parent();
e.parent().after("<tr id='new_shoutpost'></tr>");
e.prependTo('#new_shoutpost').css('width', 'auto').find('input[name=shouttext]').attr('size', '110');
e.find('p:first').append(" " + e.find('p:eq(1)').remove().html() + " ").append("(" + $('#shoutopts').remove().html() + ")");
}

if (location.href.indexOf('/index') !== -1) {
shoutInput();
} else {
$(document).ajaxSuccess(function () {
shoutInput();
});
}
</script>
Find this:
Code:
 
#profile_menu a {
background:transparent!important;
border:0 none;
color:#9DA0A8;
display:block;
float:none;
padding:0;
width:100% !important;
}
Remove this:
Code:
 
float:none;
Add this:
Code:
 
#profile_menu > li > a {
height: 20px
}
Find this:
Code:
 
#profile_menu ul {
margin-left:30px;
width:150px;
border-top:0;
}
Add this before the ending curly bracket:
Code:
 
margin-top: 20px;
Offline Profile Quote Post Goto Top
 
The Librarian
Member
[ * ]
You are an absolute legend, sir. Thank you so much!
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · ZetaBoards - Theme & Code Support · Next Topic »
Add Reply