I've got a backup files of (
colours.css
;common.css
;overal_footer.html
;overal_header.html
;stylsheet.css
)I've done all points:
- removeD the rounded corners from the wrap in
common.css
incolours.css
delete this - addED two surrounding divs outside of the wrap open
overall_footer.html
openoverall_header.html
- createD a new file in the templates folder called
theme_navbar.html
>Can you explain me this, please?you will also have to add all the new styles for everything. to do this I recommend creating a theme.css file in your theme folder for all the styles for your theme
I do NOT understand much, just done some coding as a hobby, if you explain to me clearly I will be very grateful to you & we can cooperate so it will be done "Nice N' Rough" as Tina Turner used to say ^-^
(Does it mean that I edit a copy of the original files of prosilver them and link them as& they overlay the original one(s) so that the original one(s) are not damaged(edited) & can be updated on new update of phpBB)Code: Select all
@import url("theme.css");
- addED the following to the new
theme.css
file
edit: LOLd! Are you a wizard? : )
I agree !Hanakin wrote: ↑Sun Sep 03, 2017 5:41 pm point 4 I was suggesting to not edit everything into the files that come with prosilver. This is a bad practice. It is best to separate everything that is custom into its own css file to prevent issues when prosilver gets updated. That is what the theme.css file was a new custom file for all the custom css
This is what I have, should I insert what u've posted?
Code: Select all
<div class="theme-wrap">
<!-- INCLUDE theme_navbar.html -->
<div class="theme-contents">
<div id="wrap">
</div>
</div>
</div>
Code: Select all
<div class="theme-wrap">
<nav class="theme-topnav">
<a href="/">Home</a>
<a href="/wiki">Wiki</a>
<a href="/forum">Forum</a>
<a href="http://bitbucket.org/rude/love/issues">Issue tracker</a>
<div id="search-box" class="search-box theme-topnav-search" role="search">
<form action="./search.php?sid=d78a574729e8dd0bcc2f3b928a459a5c" method="get" id="search">
<fieldset>
<input name="keywords" id="keywords" type="search" maxlength="128" title="Search for keywords" class="inputbox search tiny" size="20" value="" placeholder="Search…">
<button class="button button-search" type="submit" title="Search">
<i class="icon fa-search fa-fw" aria-hidden="true"></i><span class="sr-only">Search</span>
</button>
<a href="./search.php?sid=d78a574729e8dd0bcc2f3b928a459a5c" class="button button-search-end" title="Advanced search">
<i class="icon fa-cog fa-fw" aria-hidden="true"></i><span class="sr-only">Advanced search</span>
</a>
<input type="hidden" name="sid" value="d78a574729e8dd0bcc2f3b928a459a5c">
</fieldset>
</form>
</div>
</nav>
<!-- INCLUDE theme_navbar.html -->
<div class="theme-contents">
<div id="wrap">
</div>
</div>
</div>
Here you go
overall_footer.html
, if you need anything let me know, I might even create a github.
Code: Select all
<!-- EVENT overall_footer_content_after -->
</div>
<!-- EVENT overall_footer_page_body_after -->
<div id="page-footer" class="page-footer" role="contentinfo">
<!-- INCLUDE navbar_footer.html -->
<div class="copyright">
<!-- EVENT overall_footer_copyright_prepend -->
{CREDIT_LINE}
<!-- IF TRANSLATION_INFO --><br />{TRANSLATION_INFO}<!-- ENDIF -->
<!-- EVENT overall_footer_copyright_append -->
<!-- IF DEBUG_OUTPUT --><br />{DEBUG_OUTPUT}<!-- ENDIF -->
<!-- IF U_ACP --><br /><strong><a href="{U_ACP}">{L_ACP}</a></strong><!-- ENDIF -->
</div>
<div id="darkenwrapper" class="darkenwrapper" data-ajax-error-title="{L_AJAX_ERROR_TITLE}" data-ajax-error-text="{L_AJAX_ERROR_TEXT}" data-ajax-error-text-abort="{L_AJAX_ERROR_TEXT_ABORT}" data-ajax-error-text-timeout="{L_AJAX_ERROR_TEXT_TIMEOUT}" data-ajax-error-text-parsererror="{L_AJAX_ERROR_TEXT_PARSERERROR}">
<div id="darken" class="darken"> </div>
</div>
<div id="phpbb_alert" class="phpbb_alert" data-l-err="{L_ERROR}" data-l-timeout-processing-req="{L_TIMEOUT_PROCESSING_REQ}">
<a href="#" class="alert_close">
<i class="icon fa-times-circle fa-fw" aria-hidden="true"></i>
</a>
<h3 class="alert_title"> </h3><p class="alert_text"></p>
</div>
<div id="phpbb_confirm" class="phpbb_alert">
<a href="#" class="alert_close">
<i class="icon fa-times-circle fa-fw" aria-hidden="true"></i>
</a>
<div class="alert_text"></div>
</div>
</div>
</div>
</div>
</div>
<div>
<a id="bottom" class="anchor" accesskey="z"></a>
<!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
</div>
<script type="text/javascript" src="{T_JQUERY_LINK}"></script>
<!-- IF S_ALLOW_CDN --><script type="text/javascript">window.jQuery || document.write('\x3Cscript src="{T_ASSETS_PATH}/javascript/jquery.min.js?assets_version={T_ASSETS_VERSION}">\x3C/script>');</script><!-- ENDIF -->
<script type="text/javascript" src="{T_ASSETS_PATH}/javascript/core.js?assets_version={T_ASSETS_VERSION}"></script>
<!-- INCLUDEJS forum_fn.js -->
<!-- INCLUDEJS ajax.js -->
<!-- IF S_ALLOW_CDN -->
<script type="text/javascript">
(function($){
var $fa_cdn = $('head').find('link[rel="stylesheet"]').first(),
$span = $('<span class="fa" style="display:none"></span>').appendTo('body');
if ($span.css('fontFamily') !== 'FontAwesome' ) {
$fa_cdn.after('<link href="{T_ASSETS_PATH}/css/font-awesome.min.css" rel="stylesheet">');
$fa_cdn.remove();
}
$span.remove();
})(jQuery);
</script>
<!-- ENDIF -->
<!-- IF S_COOKIE_NOTICE -->
<script src="{T_ASSETS_PATH}/cookieconsent/cookieconsent.min.js?assets_version={T_ASSETS_VERSION}"></script>
<script>
window.addEventListener("load", function(){
window.cookieconsent.initialise({
"palette": {
"popup": {
"background": "#0F538A"
},
"button": {
"background": "#E5E5E5"
}
},
"theme": "classic",
"content": {
"message": "{LA_COOKIE_CONSENT_MSG}",
"dismiss": "{LA_COOKIE_CONSENT_OK}",
"link": "{LA_COOKIE_CONSENT_INFO}",
"href": "{LA_COOKIE_CONSENT_HREF}"
}
})});
</script>
<!-- ENDIF -->
<!-- EVENT overall_footer_after -->
<!-- IF S_PLUPLOAD --><!-- INCLUDE plupload.html --><!-- ENDIF -->
{$SCRIPTS}
<!-- EVENT overall_footer_body_after -->
</body>
</html>
Wait. Where?Hanakin wrote: ↑Sun Sep 03, 2017 5:41 pmadd this new css classCode: Select all
.theme-topnav-search { border-radius: 4px; display: block; float: right; margin-right: 5px; }
theme-topnav!? If I insert what u've told me in
overall_header.html
I have already...so if insert it will be 2 of ém. (I edit only the 1st one - "in your theme-topnav" search-header
to theme-topnav-search
the other stays search-header), but can I have only 1 search button on the additional nav_bar only?
Code: Select all
<div id="search-box" class="search-box search-header" role="search">
Code: Select all
<div class="headerbar" role="banner">
<!-- EVENT overall_header_headerbar_before -->
<div class="inner">
<!-- EVENT overall_header_searchbox_before -->
<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
<div id="search-box" class="search-box search-header" role="search">
<form action="{U_SEARCH}" method="get" id="search">
<fieldset>
<input name="keywords" id="keywords" type="search" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search tiny" size="20" value="{SEARCH_WORDS}" placeholder="{L_SEARCH_MINI}" />
<button class="button button-search" type="submit" title="{L_SEARCH}">
<i class="icon fa-search fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH}</span>
</button>
<a href="{U_SEARCH}" class="button button-search-end" title="{L_SEARCH_ADV}">
<i class="icon fa-cog fa-fw" aria-hidden="true"></i><span class="sr-only">{L_SEARCH_ADV}</span>
</a>
{S_SEARCH_HIDDEN_FIELDS}
</fieldset>
</form>
</div>
<!-- ENDIF -->
<!-- EVENT overall_header_searchbox_after -->
</div>
<!-- EVENT overall_header_headerbar_after -->
</div>
I can't find it...