Edit buttons and banners

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

Edit buttons and banners

Post by bill1980 »

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: 69223
Joined: Mon May 02, 2005 3:11 am
Contact:

Re: Edit buttons and banners

Post by Lumpy Burgertushie »

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
Premium phpBB 3.3 Styles by PlanetStyles.net

I am pleased to announce that I have completed the first item on my bucket list. I have the bucket.
bill1980
Registered User
Posts: 129
Joined: Wed Jan 25, 2012 6:27 pm

Re: Edit buttons and banners

Post by bill1980 »

Yep, sorry. Thought the image would suffice.

Www.lureanglers.co.uk/forum
User avatar
Lumpy Burgertushie
Registered User
Posts: 69223
Joined: Mon May 02, 2005 3:11 am
Contact:

Re: Edit buttons and banners

Post by Lumpy Burgertushie »

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
Premium phpBB 3.3 Styles by PlanetStyles.net

I am pleased to announce that I have completed the first item on my bucket list. I have the bucket.
bill1980
Registered User
Posts: 129
Joined: Wed Jan 25, 2012 6:27 pm

Re: Edit buttons and banners

Post by bill1980 »

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: 69223
Joined: Mon May 02, 2005 3:11 am
Contact:

Re: Edit buttons and banners

Post by Lumpy Burgertushie »

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


robert
Premium phpBB 3.3 Styles by PlanetStyles.net

I am pleased to announce that I have completed the first item on my bucket list. I have the bucket.
User avatar
mrgoldy
Former Team Member
Posts: 1394
Joined: Tue Oct 06, 2009 7:34 pm
Location: The Netherlands
Name: Gijs
Contact:

Re: Edit buttons and banners

Post by mrgoldy »

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?
phpBB Studio / Member of the Studio

Contributing: You can do it too! Including testing Pull Requests (PR).
phpBB Development and Testing made easy.
bill1980
Registered User
Posts: 129
Joined: Wed Jan 25, 2012 6:27 pm

Re: Edit buttons and banners

Post by bill1980 »

Thanks. Gave me some food for thought. Apreciared.
bill1980
Registered User
Posts: 129
Joined: Wed Jan 25, 2012 6:27 pm

Re: Edit buttons and banners

Post by bill1980 »

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 851 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: 69223
Joined: Mon May 02, 2005 3:11 am
Contact:

Re: Edit buttons and banners

Post by Lumpy Burgertushie »

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
Premium phpBB 3.3 Styles by PlanetStyles.net

I am pleased to announce that I have completed the first item on my bucket list. I have the bucket.
bill1980
Registered User
Posts: 129
Joined: Wed Jan 25, 2012 6:27 pm

Re: Edit buttons and banners

Post by bill1980 »

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”