Quantcast
Channel: phpBB.com
Viewing all articles
Browse latest Browse all 1368

[3.3.x] Styles Support & Discussion • Re: Markup mystery: what are these tags?

$
0
0
Got this sorted the way I want it. If anyone wants to know...

The end of posting_editor.html is now like this...

Code:

<div id="message-box" class="message-box"><textarea <!-- IF S_UCP_ACTION and not S_PRIVMSGS and not S_EDIT_DRAFT -->name="signature" id="signature"<!-- ELSE -->name="message" id="message"<!-- ENDIF --> class="inputbox" rows="15" cols="76" onselect="storeCaret(this);"  onkeyup="storeCaret(this);" onfocus="initInsertions();">{MESSAGE}{DRAFT_MESSAGE}{SIGNATURE}</textarea></div><!-- EVENT posting_editor_message_after --></fieldset><!-- IF not S_SHOW_DRAFTS and not $SIG_EDIT eq 1 --><div style="text-align:center;"><fieldset class="submit-buttons" data-prevent-flood>{S_HIDDEN_ADDRESS_FIELD}{S_HIDDEN_FIELDS}<!-- EVENT posting_editor_submit_buttons --><!-- IF S_HAS_DRAFTS --><input type="submit" name="load" value="{L_LOAD_DRAFT}" class="button2" ><!-- ENDIF --><!-- IF S_SAVE_ALLOWED --><input type="submit" name="save" value="{L_SAVE_DRAFT}" class="button2"><!-- ENDIF --><input type="submit" name="preview" value="{L_PREVIEW}" class="button1"<!-- IF not S_PRIVMSGS --> <!-- ENDIF -->><input type="submit" name="post" value="{L_SUBMIT}" class="button1 default-submit-action"></fieldset></div><!-- ENDIF --><!-- IF BBCODE_STATUS --><div class="bbcode-status">{BBCODE_STATUS},&nbsp;<!-- IF S_BBCODE_ALLOWED -->{IMG_STATUS},&nbsp;{URL_STATUS},&nbsp;<!-- ENDIF -->{SMILIES_STATUS}</div><!-- ENDIF --><!-- EVENT posting_editor_bbcode_status_after -->
I'll get rid of that default inline style on the submit buttons div, but haven't bothered yet.
Anyway, the tabs and the options panel have been pulled out to their own custom template - posting_options_body.html - which contains this markup...

Code:

<!-- IF not S_PRIVMSGS --><ul id="tabs" class="tabs sub-panels" data-show-panel="<!-- IF SHOW_PANEL -->{SHOW_PANEL}<!-- ELSE -->options-panel<!-- ENDIF -->" role="tablist"><li id="options-panel-tab" class="activetab"><a href="#tabs" class="button" data-subpanel="options-panel" role="tab" aria-controls="options-panel"><span>{L_OPTIONS}</span></a></li><!-- IF S_SHOW_ATTACH_BOX and FILTERS --><li id="attach-panel-tab" class=""><a href="#tabs" class="button" data-subpanel="attach-panel" role="tab" aria-controls="attach-panel">{L_ATTACHMENTS}<strong id="file-total-progress" class="file-total-progress"><strong id="file-total-progress-bar" class="file-total-progress-bar"></strong></strong></a></li><!-- ENDIF --><!-- IF S_SHOW_POLL_BOX || S_POLL_DELETE --><li id="poll-panel-tab" class=""><a href="#tabs" class="button" data-subpanel="poll-panel" role="tab" aria-controls="poll-panel">{L_ADD_POLL}</a></li><!-- ENDIF --><!-- EVENT posting_editor_add_panel_tab --></ul><!-- ENDIF --><div id="options-panel" class="panel"><div class="inner"><fieldset class="fields1"><!-- EVENT posting_editor_options_prepend --><!-- IF S_BBCODE_ALLOWED --><label for="disable_bbcode"><input type="checkbox" name="disable_bbcode" id="disable_bbcode"{S_BBCODE_CHECKED}> {L_DISABLE_BBCODE}</label><!-- ENDIF --><!-- IF S_SMILIES_ALLOWED --><label for="disable_smilies"><input type="checkbox" name="disable_smilies" id="disable_smilies"{S_SMILIES_CHECKED}> {L_DISABLE_SMILIES}</label><!-- ENDIF --><!-- IF S_LINKS_ALLOWED --><label for="disable_magic_url"><input type="checkbox" name="disable_magic_url" id="disable_magic_url"{S_MAGIC_URL_CHECKED}> {L_DISABLE_MAGIC_URL}</label><!-- ENDIF --><!-- IF S_NOTIFY_ALLOWED --><label for="notify"><input type="checkbox" name="notify" id="notify"{S_NOTIFY_CHECKED}> {L_NOTIFY_REPLY}</label><!-- ENDIF --><!-- IF S_LOCK_TOPIC_ALLOWED --><label for="lock_topic"><input type="checkbox" name="lock_topic" id="lock_topic"{S_LOCK_TOPIC_CHECKED}> {L_LOCK_TOPIC}</label><!-- ENDIF --><!-- IF S_LOCK_POST_ALLOWED --><label for="lock_post"><input type="checkbox" name="lock_post" id="lock_post"{S_LOCK_POST_CHECKED}> {L_LOCK_POST} [{L_LOCK_POST_EXPLAIN}]</label><!-- ENDIF --><!-- IF S_SIG_ALLOWED --><label for="attach_sig"><input type="checkbox" name="attach_sig" id="attach_sig"{S_SIGNATURE_CHECKED}> {L_ATTACH_SIG}</label><!-- ENDIF --><!-- IF S_TYPE_TOGGLE or S_TOPIC_TYPE_ANNOUNCE or S_TOPIC_TYPE_STICKY --><hr class="dashed"><!-- ENDIF --><!-- IF S_TYPE_TOGGLE --><dl><dt><label for="topic_type-0"><!-- IF S_EDIT_POST -->{L_CHANGE_TOPIC_TO}<!-- ELSE -->{L_POST_TOPIC_AS}<!-- ENDIF -->{L_COLON}</label></dt><dd><!-- BEGIN topic_type --><label for="topic_type-{topic_type.VALUE}"><input type="radio" name="topic_type" id="topic_type-{topic_type.VALUE}" value="{topic_type.VALUE}"{topic_type.S_CHECKED}>{topic_type.L_TOPIC_TYPE}</label> <!-- END topic_type --></dd></dl><!-- ENDIF --><!-- IF S_TOPIC_TYPE_ANNOUNCE or S_TOPIC_TYPE_STICKY --><dl><dt><label for="topic_time_limit">{L_STICK_TOPIC_FOR}{L_COLON}</label></dt><dd><label for="topic_time_limit"><input type="number" min="0" max="999" name="topic_time_limit" id="topic_time_limit" value="{TOPIC_TIME_LIMIT}" class="inputbox autowidth"> {L_DAYS}</label></dd><dd>{L_STICK_TOPIC_FOR_EXPLAIN}</dd></dl><!-- ENDIF -->{% if S_SOFTDELETE_ALLOWED || S_DELETE_ALLOWED %}<hr class="dashed"><dl><dt><label for="delete">{{ lang('DELETE_POST') ~ lang('COLON') }}</label></dt>{% if S_SOFTDELETE_ALLOWED %}<dd><label for="delete"><input type="checkbox" name="delete" id="delete" {{ S_SOFTDELETE_CHECKED }}> {{ lang('DELETE_POST_WARN') }}</label></dd>{% endif %}{% if S_DELETE_ALLOWED %}<dd><label for="delete_permanent"><input type="checkbox" name="delete_permanent" id="delete_permanent"> {{ lang('DELETE_POST_PERMANENTLY') }}</label></dd>{% endif %}</dl>{% endif %}<!-- IF S_EDIT_REASON --><dl><dt><label for="edit_reason">{L_EDIT_REASON}{L_COLON}</label></dt><dd><input type="text" name="edit_reason" id="edit_reason" value="{EDIT_REASON}" class="inputbox"></dd></dl><!-- ENDIF --></fieldset></div></div>
That then ties in with posting_layout.html like this (relevant markup only shown)...

Code:

<div id="postingbox" class="panel"><div class="inner"><h3>{L_POST_A}</h3><!-- INCLUDE posting_editor.html -->{S_FORM_TOKEN}</div></div><!-- IF (not S_SHOW_DRAFTS) or (S_SHOW_ATTACH_BOX and FILTERS) or S_SHOW_POLL_BOX or S_POLL_DELETE --><!-- DEFINE $EXTRA_POSTING_OPTIONS = 1 --><div id="panelsbox" class="panel"><!-- ENDIF --><!-- IF not S_SHOW_DRAFTS --><!-- INCLUDE posting_options_body.html --><input type="hidden" name="show_panel" value="options-panel"><!-- ENDIF --><!-- IF S_SHOW_ATTACH_BOX and FILTERS --><!-- INCLUDE posting_attach_body.html --><!-- ENDIF --><!-- IF S_SHOW_POLL_BOX or S_POLL_DELETE --><!-- INCLUDE posting_poll_body.html --><!-- ENDIF --><!-- EVENT posting_layout_include_panel_body --><!-- IF $EXTRA_POSTING_OPTIONS eq 1 --></div><!-- ENDIF -->
...and with posting_pm_layout.html in much the same way...

Code:

<div class="panel" id="postingbox"><div class="inner"><!-- INCLUDE posting_editor.html --></div></div><!-- IF not S_SHOW_DRAFTS --><!-- INCLUDE posting_options_body.html --><!-- ENDIF --><!-- IF S_SHOW_ATTACH_BOX and FILTERS --><!-- INCLUDE posting_attach_body.html --><!-- ENDIF -->
And yes, this was all for a particular idea of presentation in posting_layout.html but hey, it's only another custom template. :P

Statistics: Posted by Gumboots — Sun Sep 08, 2024 2:02 am



Viewing all articles
Browse latest Browse all 1368

Trending Articles