Edit buttons and banners

For support and discussion related to templates, themes, and imagesets in phpBB 3.2.
Post Reply
bill1980
Registered User
Posts: 127
Joined: Wed Jan 25, 2012 6:27 pm

Edit buttons and banners

Post by bill1980 » Sun Feb 11, 2018 4:51 pm

Hi,

Just upgraded to 3.2.2 and having a few issues with the stylesheet.

First of all I need my banners/forum to wrap to a width of 900 pixels like I had before rather than spread out like the image. Ideally I would like this to scale to fit mobile devices.
screenshot.png
Then secondly I'm not getting any images/proper buttons for my edit/delete buttons as per image. Any ideas?
screenshot1.png
Thanks as always

User avatar
Lumpy Burgertushie
Registered User
Posts: 64459
Joined: Mon May 02, 2005 3:11 am
Contact:

Re: Edit buttons and banners

Post by Lumpy Burgertushie » Sun Feb 11, 2018 4:56 pm

are you trying to use your old style? you have to use styles for 3.2

how about a link to the board so we can see what is going on.

robert
I am available for custom work on a donation basis. Please send me a PM with your needs.

Premium phpBB 3.2 Styles by PlanetStyles.net

bill1980
Registered User
Posts: 127
Joined: Wed Jan 25, 2012 6:27 pm

Re: Edit buttons and banners

Post by bill1980 » Sun Feb 11, 2018 5:00 pm

Yep, sorry. Thought the image would suffice.

Www.lureanglers.co.uk/forum

User avatar
Lumpy Burgertushie
Registered User
Posts: 64459
Joined: Mon May 02, 2005 3:11 am
Contact:

Re: Edit buttons and banners

Post by Lumpy Burgertushie » Sun Feb 11, 2018 5:06 pm

you will need to remove that table that contains your images at the top.
you need to put those images inside a div and make them responsive.

basically undo everything you did to the overall_header.html file and start over.

that is what is causing the board to push out to the screen width.


robert
I am available for custom work on a donation basis. Please send me a PM with your needs.

Premium phpBB 3.2 Styles by PlanetStyles.net

bill1980
Registered User
Posts: 127
Joined: Wed Jan 25, 2012 6:27 pm

Re: Edit buttons and banners

Post by bill1980 » Sun Feb 11, 2018 6:18 pm

Thanks. Will have a go when I get chance. Shame as it used to work before. Will that also sort the button issue?

User avatar
Lumpy Burgertushie
Registered User
Posts: 64459
Joined: Mon May 02, 2005 3:11 am
Contact:

Re: Edit buttons and banners

Post by Lumpy Burgertushie » Sun Feb 11, 2018 6:21 pm

not sure but it might. that table with the images in it is really messing up the whole layout.


robert
I am available for custom work on a donation basis. Please send me a PM with your needs.

Premium phpBB 3.2 Styles by PlanetStyles.net

User avatar
posey
Registered User
Posts: 706
Joined: Tue Oct 06, 2009 7:34 pm
Location: The Netherlands
Name: Gijs

Re: Edit buttons and banners

Post by posey » Mon Feb 12, 2018 10:58 am

Those buttons are missing, as you are using your own style and not including Font Awesome.
phpBB uses Font Awesome Icons (https://fontawesome.com/v4.7.0/icons/) to display all those buttons.
You are not including the CDN and thus those icons can not be fetched and displayed.

Perhaps it would be better to start with a 3.2 prosilver and modify that?
''I'm pretty sure there's a lot more to life than being really, really, ridiculously good looking. And I plan on finding out what that is.''

bill1980
Registered User
Posts: 127
Joined: Wed Jan 25, 2012 6:27 pm

Re: Edit buttons and banners

Post by bill1980 » Mon Feb 12, 2018 8:19 pm

Thanks. Gave me some food for thought. Apreciared.

bill1980
Registered User
Posts: 127
Joined: Wed Jan 25, 2012 6:27 pm

Re: Edit buttons and banners

Post by bill1980 » Sun Feb 18, 2018 2:33 pm

Sorry to bring this up again.

Know I've got to change my banners/table so the forum displays correctly but my main priority at the moment is to get the topic icons i.e delete post, bold, italic and so on.
Untitled.png
Untitled.png (11.45 KiB) Viewed 320 times

I've uploaded the fontawesome file to my root directory.

Experimented by adding the code to my overall_header and stylesheet
<link rel="stylesheet" href="http://font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">

But still struggling.

Any ideas?

My main overall header is as follows

Code: Select all

<!DOCTYPE html>
<html dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
{META}
<title><!-- IF UNREAD_NOTIFICATIONS_COUNT -->({UNREAD_NOTIFICATIONS_COUNT}) <!-- ENDIF --><!-- IF not S_VIEWTOPIC and not S_VIEWFORUM -->{SITENAME} - <!-- ENDIF --><!-- IF S_IN_MCP -->{L_MCP} - <!-- ELSEIF S_IN_UCP -->{L_UCP} - <!-- ENDIF -->{PAGE_TITLE}<!-- IF S_VIEWTOPIC or S_VIEWFORUM --> - {SITENAME}<!-- ENDIF --></title>

<!-- IF S_ENABLE_FEEDS -->
<!-- IF S_ENABLE_FEEDS_OVERALL --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{U_FEED}"><!-- ENDIF -->
<!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{U_FEED}?mode=news"><!-- ENDIF -->
<!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{U_FEED}?mode=forums"><!-- ENDIF -->
<!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_NEW}" href="{U_FEED}?mode=topics"><!-- ENDIF -->
<!-- IF S_ENABLE_FEEDS_TOPICS_ACTIVE --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_ACTIVE}" href="{U_FEED}?mode=topics_active"><!-- ENDIF -->
<!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{U_FEED}?f={S_FORUM_ID}"><!-- ENDIF -->
<!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{U_FEED}?f={S_FORUM_ID}&amp;t={S_TOPIC_ID}"><!-- ENDIF -->
<!-- EVENT overall_header_feeds -->
<!-- ENDIF -->

<!-- IF U_CANONICAL -->
<link rel="canonical" href="{U_CANONICAL}">
<!-- ENDIF -->

<!--
phpBB style name: prosilver
Based on style: prosilver (this is the default phpBB3 style)
Original author: Tom Beddard ( http://www.subBlue.com/ )
Modified by:
-->

<!-- IF S_ALLOW_CDN -->
<script>
WebFontConfig = {
google: {
families: ['Open+Sans:600:cyrillic-ext,latin,greek-ext,greek,vietnamese,latin-ext,cyrillic']
}
};

(function(d) {
var wf = d.createElement('script'), s = d.scripts[0];
wf.src = 'https://ajax.googleapis.com/ajax/libs/w ... webfont.js';
wf.async = true;
s.parentNode.insertBefore(wf, s);
})(document);
</script>
<!-- ENDIF -->
<link href="{T_STYLESHEET_LINK}" rel="stylesheet">
<link href="{T_STYLESHEET_LANG_LINK}" rel="stylesheet">
<link href="{T_THEME_PATH}/responsive.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" media="all and (max-width: 700px)">

<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
<link href="{T_THEME_PATH}/bidi.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
<!-- ENDIF -->

<!-- IF S_PLUPLOAD -->
<link href="{T_THEME_PATH}/plupload.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
<!-- ENDIF -->

<!--[if lte IE 9]>
<link href="{T_THEME_PATH}/tweaks.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet">
<![endif]-->

<!-- EVENT overall_header_head_append -->

{$STYLESHEETS}

<!-- EVENT overall_header_stylesheets_after -->

</head>
<body id="phpbb" class="nojs notouch section-{SCRIPT_NAME} {S_CONTENT_DIRECTION} {BODY_CLASS}">

<!-- EVENT overall_header_body_before -->

<div id="wrap">
<a id="top" class="anchor" accesskey="t"></a>
<div id="page-header">
<div class="headerbar" role="banner">
<div class="inner">

<div id="site-description">
<a id="logo" class="logo" href="<!-- IF U_SITE_HOME -->{U_SITE_HOME}<!-- ELSE -->{U_INDEX}<!-- ENDIF -->" title="<!-- IF U_SITE_HOME -->{L_SITE_HOME}<!-- ELSE -->{L_INDEX}<!-- ENDIF -->">{SITE_LOGO_IMG}</a>
<h1>{SITENAME}</h1>
<a href="http://www.lureanglers.co.uk"><font size="4" color="White">{SITE_DESCRIPTION}</a></font></p>
<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
</div>

<!-- 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 icon-button search-icon" type="submit" title="{L_SEARCH}">{L_SEARCH}</button>
<a href="{U_SEARCH}" class="button icon-button search-adv-icon" title="{L_SEARCH_ADV}">{L_SEARCH_ADV}</a>
{S_SEARCH_HIDDEN_FIELDS}
</fieldset>
</form>
</div>
<!-- ENDIF -->

</div>

<a id="start_here" class="anchor"></a>
<div id="page-body" role="main">
<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
<div id="information" class="rules">
<div class="inner">
<strong>{L_INFORMATION}{L_COLON}</strong> {L_BOARD_DISABLED}
</div>
</div>
<!-- ENDIF -->

<!-- EVENT overall_header_content_before -->
<br>
<br>

<div id="wrapcentre">
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td><a href="http://ulspinning.co.uk/" target="_blank"><img border="1" src="images/UL.jpg" width="300" height="100" alt="** UL Spinning**" /></a></td>

<td><a href="http://www.lure-world.com" target="_blank"><img border="1" src="images/lureworld.gif" width="300" height="100" alt="** lureworld**" /></a></td>

<td><a href="http://www.anglingactive.co.uk/predator ... ackle.html" target="_blank"><img border="1" src="images/anglingactive.gif" width="300" height="100" alt="lureshop" /></a></td>
</tr>
<tr>
<td><a href="https://www.fishingmegastore.com/index.html" target="_blank"><img border="1" src="images/GAC.jpg" width="300" height="100" alt="GAC" /></a></td>
<td><a href="http://www.agmdiscountfishing.co.uk/" target="_blank"><img border="1" src="images/agm.gif" width="300" height="100" alt="AGM" /></a></td>
<td><a href="http://lurelounge.co.uk/" target="_blank"><img border="1" src="images/lurelounge.jpg" width="300" height="100" alt="** Lurelounge**" /></a></td>
</tr>
<tr>
<td><a href="http://www.thelurebox.co.uk//" target="_blank"><img border="1" src="images/TLB.jpg" width="300" height="100" alt="** TLB**" /></a></td>
<td><a href="http://www.harrissportsmail.com" target="_blank"><img border="1" src="images/harris.jpg" width="300" height="100" alt="Harris" /></a></td>
<td><a href="http://www.predatortackle.co.uk/" target="_blank"><img border="1" src="images/predatortackle.jpg" width="300" height="100" alt="predator tackle" /></a></td> 

</tr>
<tr>
<td><a href="http://www.teamenglandluresquad.co.uk/" target="_blank"><img border="1" src="images/teamenglandluresquad.jpg" width="300" height="100" alt="** **" /></a></td>
<td><a href="https://allsquare-angling.co.uk/" target="_blank"><img border="1" src="images/ASA.jpg" width="300" height="100" alt="ASA" /></a></td>
<td><a href="http://www.artificial-lite.co.uk/" target="_blank"><img border="1" src="images/ericweight.png" width="300" height="100" alt="eric weight" /></a></td> 

</tr>
<tr>

</tr>
</table>



</div>
<!-- EVENT overall_header_navbar_before -->
<!-- INCLUDE navbar_header.html -->
</div>
<!-- EVENT overall_header_page_body_before -->

User avatar
Lumpy Burgertushie
Registered User
Posts: 64459
Joined: Mon May 02, 2005 3:11 am
Contact:

Re: Edit buttons and banners

Post by Lumpy Burgertushie » Sun Feb 18, 2018 4:37 pm

not sure what posey means but you do have the link to the fontawesome in your overall_footer.html file as it should be.

you need to remove that line from the top of your overall_header.html file. as I said, the proper link is in your footer file.
also, the link you put there is wrong and only leads to a 404 error anyway, also, you put it at the top of the page even before the opening head section and I don't think it would work there.


now, to the problem with the images not showing. we can't test because we can not see any of your posts without logging in.

please setup a username/password that allows us to see the posts in at least one of your forums. that way we can test and look at the code etc. etc.


robert
I am available for custom work on a donation basis. Please send me a PM with your needs.

Premium phpBB 3.2 Styles by PlanetStyles.net

bill1980
Registered User
Posts: 127
Joined: Wed Jan 25, 2012 6:27 pm

Re: Edit buttons and banners

Post by bill1980 » Sun Feb 18, 2018 6:30 pm

Thanks Robert/Posey. All the quick links are now showing.

Still need to get my head around my tables, layouts and my banners but will look at that another time. If I'm really struggling I may ask for further advice in the future.
Appreciated
Bill

http://www.lureanglers.co.uk/forum/index.php

Post Reply

Return to “[3.2.x] Styles Support & Discussion”

Who is online

Users browsing this forum: No registered users and 8 guests