Customizing SMF > SMF Coding Discussion

Combine forum jump bar with quick reply bar?

<< < (2/4) > >>

Groovystar:
Ok I tried it! It did combine them, but I need to tweak a few things because it doesn't display quite right. Here's a screencap:

http://i251.photobucket.com/albums/gg308/wynnyelle/forum-jump-1.jpg

I want it to align right, have the original smaller text size and not be surrounded by that secondary box. Would I do all of that by CSS, or should I be changing the code on display template?

Thanks so much for the support.

Antechinus:
Bit hard to tell without seeing the code. Might need just css. Might need both.

Groovystar:
Yeah I managed to fix everything but the align-right on my dev site. It still aligns left and bumps up next to the words "Quick Reply."

Antechinus:
What code have you got for that area?

Groovystar:
In CSS;


--- Code: ---#display_jump_to {
clear : both;
padding : 5px;
margin-top : 2px;
font-size: 0.8em;
}

--- End code ---

In the actual code on display template:


--- Code: ---// Restore topic. eh?  No monkey business.
if ($context['can_restore_topic'])
$mod_buttons[] = array('text' => 'restore_topic', 'image' => '', 'lang' => true, 'url' => $scripturl . '?action=restoretopic;topics=' . $context['current_topic'] . ';' . $context['session_var'] . '=' . $context['session_id']);

echo '
<div id="moderationbuttons">', template_button_strip($mod_buttons, 'bottom', array('id' => 'moderationbuttons_strip')), '</div>';

if ($context['can_reply'] && !empty($options['display_quick_reply']))
{
echo '
<a id="quickreply"></a>
<div class="tborder" id="quickreplybox">
<div class="cat_bar">
<h3 class="catbg">
<span class="ie6_header floatleft"><a href="javascript:oQuickReply.swap();">
<img src="', $settings['images_url'], '/', $options['display_quick_reply'] == 2 ? 'collapse' : 'expand', '.gif" alt="+" id="quickReplyExpand" class="icon" />
</a>
<a href="javascript:oQuickReply.swap();">', $txt['quick_reply'], '</a>
</span>
<span id="display_jump_to">&nbsp;</span>
</h3>

</div>
<div id="quickReplyOptions"', $options['display_quick_reply'] == 2 ? '' : ' style="display: none"', '>
<span class="upperframe"><span></span></span>
<div class="roundframe">
', $context['is_locked'] ? '<p class="alert smalltext">' . $txt['quick_reply_warning'] . '</p>' : '',
$context['oldTopicError'] ? '<p class="alert smalltext">' . sprintf($txt['error_old_topic'], $modSettings['oldTopicDays']) . '</p>' : '', '
', $context['can_reply_approved'] ? '' : '<em>' . $txt['wait_for_approval'] . '</em>', '
', !$context['can_reply_approved'] && $context['require_verification'] ? '<br />' : '', '
<form action="', $scripturl, '?action=post2', empty($context['current_board']) ? '' : ';board=' . $context['current_board'], '" method="post" accept-charset="', $context['character_set'], '" name="postmodify" id="postmodify" onsubmit="submitonce(this);" style="margin: 0;">
<input type="hidden" name="topic" value="', $context['current_topic'], '" />
<input type="hidden" name="subject" value="', $context['response_prefix'], $context['subject'], '" />
<input type="hidden" name="icon" value="xx" />
<input type="hidden" name="from_qr" value="1" />
<input type="hidden" name="notify" value="', $context['is_marked_notify'] || !empty($options['auto_notify']) ? '1' : '0', '" />
<input type="hidden" name="not_approved" value="', !$context['can_reply_approved'], '" />
<input type="hidden" name="goback" value="', empty($options['return_to_post']) ? '0' : '1', '" />
<input type="hidden" name="num_replies" value="', $context['num_replies'], '" />
<input type="hidden" name="', $context['session_var'], '" value="', $context['session_id'], '" />
<input type="hidden" name="seqnum" value="', $context['form_sequence_number'], '" />';

// Guests just need more.

--- End code ---

Wasn't sure what areas factored in so this is the whole area around where the forum jump is displayed. I've tweaked it a bit already, just got the aligning problem left that won't correct.

Thanks!

Navigation

[0] Message Index

[#] Next page

[*] Previous page