Page 10 of 11

Re: New Style

Posted: 18:57 Mon 15 Sep 2008
by jdaw1
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.

Re: New Style

Posted: 13:04 Tue 16 Sep 2008
by Andy Velebil
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.

Re: New Style

Posted: 14:33 Tue 16 Sep 2008
by jdaw1
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?

Re: New Style

Posted: 15:16 Tue 16 Sep 2008
by Andy Velebil
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.

Re: New Style

Posted: 15:42 Tue 16 Sep 2008
by DRT
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.

Re: New Style

Posted: 15:53 Tue 16 Sep 2008
by jdaw1
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.

Re: New Style

Posted: 05:04 Wed 17 Sep 2008
by Alex Bridgeman
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.

New Style on BlackBerry

Posted: 10:06 Tue 23 Sep 2008
by Alex Bridgeman
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.

Re: New Style

Posted: 17:38 Mon 10 Nov 2008
by jdaw1
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?

Re: New Style

Posted: 06:30 Tue 11 Nov 2008
by jdaw1
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.

Re: New Style

Posted: 08:19 Tue 11 Nov 2008
by DRT
Is it possible to put the word/link back beneath the button using a smaller font so that it doesn't peek out?

Re: New Style

Posted: 08:20 Tue 11 Nov 2008
by DRT
Or use white text so that it doesn't show up against the white background. I think BBs ignore font colours.

Re: New Style

Posted: 15:57 Tue 11 Nov 2008
by jdaw1
Yuck. Let’s see if the most techie TPFer knows better.

Re: New Style

Posted: 16:06 Tue 11 Nov 2008
by JacobH
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 -->
?

Re: New Style

Posted: 16:12 Tue 11 Nov 2008
by jdaw1
The text peeks out from either side of a button though the idea that I wrap it in two <small>s is nice.

Re: New Style

Posted: 16:16 Tue 11 Nov 2008
by jdaw1
Errr, why is the text now atop the button? (I’ve changed only the Reply button near the top of the page.)

Re: New Style

Posted: 16:18 Tue 11 Nov 2008
by JacobH
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 -->

Re: New Style

Posted: 16:50 Tue 11 Nov 2008
by jdaw1
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.)

Re: New Style

Posted: 17:21 Tue 11 Nov 2008
by JacobH
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)

Re: New Style

Posted: 17:54 Tue 11 Nov 2008
by jdaw1
I had it wrong, but having it right has the same effect.

Re: New Style

Posted: 18:12 Tue 11 Nov 2008
by JacobH
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).

Re: New Style

Posted: 23:28 Tue 11 Nov 2008
by DRT
Sometimes "Yuck" is effective. :P

Re: New Style

Posted: 03:16 Wed 12 Nov 2008
by jdaw1
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?

Re: New Style

Posted: 11:12 Thu 13 Nov 2008
by DRT
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

Re: New Style

Posted: 14:23 Thu 13 Nov 2008
by JacobH
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.