New Style

Make suggestions and report problems.
User avatar
jdaw1
Cockburn 1900
Posts: 20533
Joined: 15:03 Thu 21 Jun 2007
Location: London
Contact:

Re: New Style

Post by jdaw1 » 18:57 Mon 15 Sep 2008

JabobH: how could one get messages in the Outbox to have icon Image and messages in the Sentbox to have Image ? I think this requires an alteration to ucp_pm_viewfolder.html, but am stuck as to what.

Andy Velebil
Dow 1980
Posts: 2547
Joined: 22:16 Mon 25 Jun 2007
Location: Los Angeles, Ca USA
Contact:

Re: New Style

Post by Andy Velebil » 13:04 Tue 16 Sep 2008

Here is my cheap .02

Since all this messing around with colors and a ton of exceeding large pictures in posts the site has been getting extremely slow loading, the past couple of weeks it has seemed to get worse. To the tune that I will get up and go into another room for a second to do something then come back to the forum after it has downloaded the page. And no, its not my computer as other sites download just fine.

On my cell, I have dreaded using for :TPF: becuase of this. Plus when I try to read a TN I have to wait for all those huge pictures to download just to get to the TN part of it. While the bottle pics are cool, do we really need to see a large pic of a filter with sediment in it? I totally understand posting pics and love to see the bottles, but is it necessary for such large ones and so many. It is a PITA when using a celluar phone based web browser.

User avatar
jdaw1
Cockburn 1900
Posts: 20533
Joined: 15:03 Thu 21 Jun 2007
Location: London
Contact:

Re: New Style

Post by jdaw1 » 14:33 Tue 16 Sep 2008

The CSS changes will not have slowed the site. I have marginally shrunk the sizes of both CSS and of icons. But DRT has also complained of site slowness. Admin, who controls hosting, will be informed.

I find large pictures in TNs very helpful. They bring it alive. Can you set your mobile browser to ignore pictures (on www.jdawiseman.com and on flickr.com) larger than 50k?

Andy Velebil
Dow 1980
Posts: 2547
Joined: 22:16 Mon 25 Jun 2007
Location: Los Angeles, Ca USA
Contact:

Re: New Style

Post by Andy Velebil » 15:16 Tue 16 Sep 2008

i love pics in threads too. I'm just saying, do we really need a life size pic of a bottle. I say no, a smaller one does just the same and makes viewing the threads from a mobile device that much easier. I dont think i can prevent larger pics from downloading on my phone nor do I want to adjust for this site, then adjust back everytime I visit a different website and need to view the pics on there.

User avatar
DRT
Fonseca 1966
Posts: 15254
Joined: 23:51 Wed 20 Jun 2007
Location: Chesterfield, UK
Contact:

Re: New Style

Post by DRT » 15:42 Tue 16 Sep 2008

I like the pictures in the TNs but I intentionally create low res copies of my pictures before uploading them to http://www.flickr.com. The pictures I posted on the Noval 1978 at the weekend are all between 12-40kb. And, being a sediment nerd, I like those ones best :mrgreen: :lol:

On the general slowness of the site, yes, I think it is slow. It seems that the buttons re-load every time you view a page which suggests they are not being copied to the local cache.
"The first duty of Port is to be red"
Ernest H. Cockburn

User avatar
jdaw1
Cockburn 1900
Posts: 20533
Joined: 15:03 Thu 21 Jun 2007
Location: London
Contact:

Re: New Style

Post by jdaw1 » 15:53 Tue 16 Sep 2008

DRT wrote:It seems that the buttons re-load every time you view a page which suggests they are not being copied to the local cache.
Buttons are tiny — I made them that way. The ‘Quote’ button, for example, is all of 270 bytes. Reply is 333 bytes. (Bytes, not kilobytes nor megabytes.) They are tiny.

And the way that they are implemented on the machine is the same as for any other style.

User avatar
AHB
Quinta do Noval Nacional 1962
Posts: 11913
Joined: 13:41 Mon 25 Jun 2007
Location: Berkshire, UK

Re: New Style

Post by AHB » 05:04 Wed 17 Sep 2008

When I get the chance to compare them, I shall do so. If I can figure out how, I may even include some screen shots.
Top Ports in 2018 (so far): Niepoort VV (1960's Bottling), Quinta do Noval Nacional 1994 and San Leonardo Very Old White (Bottled 2018)
2017 Ports of the year: Fonseca 1927 and Quinta do Noval 1927

User avatar
AHB
Quinta do Noval Nacional 1962
Posts: 11913
Joined: 13:41 Mon 25 Jun 2007
Location: Berkshire, UK

New Style on BlackBerry

Post by AHB » 10:06 Tue 23 Sep 2008

The first and most important issue with trying to use the site via a BlackBerry is that there is no "reply" button visible. The only means of replying to a thread seems to be using the "quote" link.

Can this be changed? It does make using the site when not at a PC rather difficult.

I also note that the site loads very slowly, whether on PC or BlackBerry. Do picture resolutions on FlickR make a difference to this? If so, I will have to resize my FlickR pictures as I have always worked on the assumption that the resizing is effectively done for me.

Thanks.
Top Ports in 2018 (so far): Niepoort VV (1960's Bottling), Quinta do Noval Nacional 1994 and San Leonardo Very Old White (Bottled 2018)
2017 Ports of the year: Fonseca 1927 and Quinta do Noval 1927

User avatar
jdaw1
Cockburn 1900
Posts: 20533
Joined: 15:03 Thu 21 Jun 2007
Location: London
Contact:

Re: New Style

Post by jdaw1 » 17:38 Mon 10 Nov 2008

Trying to fix AHB’s difficulty. ProSilver has a style, in which the word ‟Reply” is formatted, that has a background image. But for a smaller background image, such as is now used, the word ‟Reply” peeks out of the sides. So I removed it. Hence the problem. So what I’d like to do is specify the CSS version of an ALT text for the background image. Or something? Or is it possible to specify that the background image is important and must be shown?

User avatar
jdaw1
Cockburn 1900
Posts: 20533
Joined: 15:03 Thu 21 Jun 2007
Location: London
Contact:

Re: New Style

Post by jdaw1 » 06:30 Tue 11 Nov 2008

OK, further efforts, going badly. Giving up for today.

• One possibility would be to use an IMG inside the A, that IMG having an ALT. Does that work with the double-height phpbb-style buttons? Image

• Another would be use a FORM button, such as the ‟Preview” button visible when replying. Please, how do I make one of those attached to a link? Can I have a nearly-null form? Example code would be welcomed, please.

User avatar
DRT
Fonseca 1966
Posts: 15254
Joined: 23:51 Wed 20 Jun 2007
Location: Chesterfield, UK
Contact:

Re: New Style

Post by DRT » 08:19 Tue 11 Nov 2008

Is it possible to put the word/link back beneath the button using a smaller font so that it doesn't peek out?
"The first duty of Port is to be red"
Ernest H. Cockburn

User avatar
DRT
Fonseca 1966
Posts: 15254
Joined: 23:51 Wed 20 Jun 2007
Location: Chesterfield, UK
Contact:

Re: New Style

Post by DRT » 08:20 Tue 11 Nov 2008

Or use white text so that it doesn't show up against the white background. I think BBs ignore font colours.
"The first duty of Port is to be red"
Ernest H. Cockburn

User avatar
jdaw1
Cockburn 1900
Posts: 20533
Joined: 15:03 Thu 21 Jun 2007
Location: London
Contact:

Re: New Style

Post by jdaw1 » 15:57 Tue 11 Nov 2008

Yuck. Let’s see if the most techie TPFer knows better.

User avatar
JacobH
Taylor Quinta de Vargellas 1987
Posts: 2283
Joined: 16:37 Sat 03 May 2008
Location: London, UK
Contact:

Re: New Style

Post by JacobH » 16:06 Tue 11 Nov 2008

jdaw1 wrote:OK, further efforts, going badly. Giving up for today.

• One possibility would be to use an IMG inside the A, that IMG having an ALT. Does that work with the double-height phpbb-style buttons? Image

• Another would be use a FORM button, such as the ‟Preview” button visible when replying. Please, how do I make one of those attached to a link? Can I have a nearly-null form? Example code would be welcomed, please.
I’m not sure how Blackberries handle CSS. Do they ignore it altogether or only ignore some parts (e.g. background-image)? Based on the fact that the Quote button is working, I think the answer is the former, which would make the solution quite simple. What happens when you change:

Code: Select all

<div class="reply-icon"><a href="./posting.php?mode=reply&f=1&t=438" title="Post a reply"><span></span></a></div>  <!-- jdaw -->
to

Code: Select all

<div class="reply-icon"><a href="./posting.php?mode=reply&f=1&t=438" title="Post a reply"><span>Reply</span></a></div>  <!-- jdaw -->
?
Image

User avatar
jdaw1
Cockburn 1900
Posts: 20533
Joined: 15:03 Thu 21 Jun 2007
Location: London
Contact:

Re: New Style

Post by jdaw1 » 16:12 Tue 11 Nov 2008

The text peeks out from either side of a button though the idea that I wrap it in two <small>s is nice.

User avatar
jdaw1
Cockburn 1900
Posts: 20533
Joined: 15:03 Thu 21 Jun 2007
Location: London
Contact:

Re: New Style

Post by jdaw1 » 16:16 Tue 11 Nov 2008

Errr, why is the text now atop the button? (I’ve changed only the Reply button near the top of the page.)

User avatar
JacobH
Taylor Quinta de Vargellas 1987
Posts: 2283
Joined: 16:37 Sat 03 May 2008
Location: London, UK
Contact:

Re: New Style

Post by JacobH » 16:18 Tue 11 Nov 2008

Opps!sorry, I had assumed that there was a display: none; in the CSS style-sheet.

Try:

Code: Select all

<div class="reply-icon"><a href="./posting.php?mode=reply&f=1&t=438" title="Post a reply"><span style="display: none;">Reply</span></a></div>  <!-- jdaw -->
Image

User avatar
jdaw1
Cockburn 1900
Posts: 20533
Joined: 15:03 Thu 21 Jun 2007
Location: London
Contact:

Re: New Style

Post by jdaw1 » 16:50 Tue 11 Nov 2008

JacobH wrote:display: none; in the CSS style-sheet
kills the background image as well. (Would it be different if added to the HTML? Shouldn’t be, but untested.)

User avatar
JacobH
Taylor Quinta de Vargellas 1987
Posts: 2283
Joined: 16:37 Sat 03 May 2008
Location: London, UK
Contact:

Re: New Style

Post by JacobH » 17:21 Tue 11 Nov 2008

Hmm!
May I check:
i) to which element is the background-image assigned? (I had assumed it was the div with the last class ‟reply-icon”)
ii) to which element is the display:none assigned? (I had assumed it was the span that is the child of the abovementioned div)
Image

User avatar
jdaw1
Cockburn 1900
Posts: 20533
Joined: 15:03 Thu 21 Jun 2007
Location: London
Contact:

Re: New Style

Post by jdaw1 » 17:54 Tue 11 Nov 2008

I had it wrong, but having it right has the same effect.

User avatar
JacobH
Taylor Quinta de Vargellas 1987
Posts: 2283
Joined: 16:37 Sat 03 May 2008
Location: London, UK
Contact:

Re: New Style

Post by JacobH » 18:12 Tue 11 Nov 2008

Hmm...I hadn’t realised that display:none; worked that way. Many apologies. Testing here, I think that visibility:hidden; on the span should do the trick (as that seems not to be inherited by that element’s parents).
Image

User avatar
DRT
Fonseca 1966
Posts: 15254
Joined: 23:51 Wed 20 Jun 2007
Location: Chesterfield, UK
Contact:

Re: New Style

Post by DRT » 23:28 Tue 11 Nov 2008

Sometimes "Yuck" is effective. :P
"The first duty of Port is to be red"
Ernest H. Cockburn

User avatar
jdaw1
Cockburn 1900
Posts: 20533
Joined: 15:03 Thu 21 Jun 2007
Location: London
Contact:

Re: New Style

Post by jdaw1 » 03:16 Wed 12 Nov 2008

Annoyance!

Code: Select all

<div class="reply-icon"><a href="./posting.php?mode=reply&f=9&t=1931" title="Post a reply"><span style="visibility: hidden;">Reply</span></a></div>
also fails to show background icon (i.e., shows nothing at all).

Is there any way that an IMG (or equivalent) can be persuaded to use the double-height icon as phpbb does?

Or should ‟Reply” be formatted as a form button? How?

User avatar
DRT
Fonseca 1966
Posts: 15254
Joined: 23:51 Wed 20 Jun 2007
Location: Chesterfield, UK
Contact:

Re: New Style

Post by DRT » 11:12 Thu 13 Nov 2008

JDAW,

Until a beautiful solution is found you could place the reply link somewhere other than beneath the button. There are other links above and below posts so it would not look too out of place as a temporary fix.

Derek
"The first duty of Port is to be red"
Ernest H. Cockburn

User avatar
JacobH
Taylor Quinta de Vargellas 1987
Posts: 2283
Joined: 16:37 Sat 03 May 2008
Location: London, UK
Contact:

Re: New Style

Post by JacobH » 14:23 Thu 13 Nov 2008

jdaw1 wrote:Annoyance!

Code: Select all

<div class="reply-icon"><a href="./posting.php?mode=reply&f=9&t=1931" title="Post a reply"><span style="visibility: hidden;">Reply</span></a></div>
also fails to show background icon (i.e., shows nothing at all).

Is there any way that an IMG (or equivalent) can be persuaded to use the double-height icon as phpbb does?

Or should ‟Reply” be formatted as a form button? How?
Sorry, my fault. I hadn’t realised that the background-image was a style of the <span> rather than the <div>. Situation is slightly complicated as the span does not have a class attribute but is selected with: .reply-icon span. Possible solutions:
i) Apply the background-image to the <a>, not <span>.
ii) Give the span a class; change the CSS selector to reflect the new class; add a second span inside the first, with the style of visibility: hidden;.
iii) Give the span the style of: font-size: 0em;.

iii) is the only one that I have tested and it does work here (as well as being the simplest). It will, of course, only be of help on the Blackberry if it ignores all CSS rather than just background-image.

I’m not sure I understand the ‟double hight” image (as I only see one, here). Do you mean the colour change when the mouse hovers? That can be done with an <img> by using a little JavaScript. This would probably be the best solution.

A form would be possible:

Code: Select all

<form action="**phpBB pseudo-code**" method="get">
<input type="submit" value="reply" />
</form>
where **phpBB pseudo-code** is whatever phpBB currently has as the href attribute of the <a> tag. This will require quite a lot of styling.
Image

Post Reply