<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
	<channel>
		<title><![CDATA[PunBB Forums — class request for 1.2's mark-up]]></title>
		<link>https://punbb.informer.com/forums/topic/5066/class-request-for-12s-markup/</link>
		<atom:link href="https://punbb.informer.com/forums/feed/rss/topic/5066/" rel="self" type="application/rss+xml" />
		<description><![CDATA[The most recent posts in class request for 1.2's mark-up.]]></description>
		<lastBuildDate>Wed, 19 Jan 2005 14:53:54 +0000</lastBuildDate>
		<generator>PunBB</generator>
		<item>
			<title><![CDATA[Re: class request for 1.2's mark-up]]></title>
			<link>https://punbb.informer.com/forums/post/31555/#p31555</link>
			<description><![CDATA[<p>i&#039;d suggest naming it</p><p>style_about.php</p><br /><p>and breaking up the title/version</p><div class="codebox"><pre><code>&lt;?php
    $style_title = &quot;Oval Office&quot;;
    $style_version = &quot;2.0&quot;;
    $style_author = &quot;George W. Bush&quot;;
    $style_url = &quot;http://www.whitehouse.gov/&quot;;
?&gt;</code></pre></div>]]></description>
			<author><![CDATA[null@example.com (trel1023)]]></author>
			<pubDate>Wed, 19 Jan 2005 14:53:54 +0000</pubDate>
			<guid>https://punbb.informer.com/forums/post/31555/#p31555</guid>
		</item>
		<item>
			<title><![CDATA[Re: class request for 1.2's mark-up]]></title>
			<link>https://punbb.informer.com/forums/post/31554/#p31554</link>
			<description><![CDATA[<div class="quotebox"><cite>Rickard wrote:</cite><blockquote><p>The easiest way would be to include the style author bit in a small PHP script. E.g:<br /></p><div class="codebox"><pre><code>&lt;?php

$style_author = &#039;George W. Bush&#039;;
$style_url = &#039;http://www.whitehouse.gov/&#039;;

?&gt;</code></pre></div><p>and then name it style_author.php or something.</p></blockquote></div><p>While I&#039;m not excited about your choice in authors <img src="https://punbb.informer.com/forums/img/smilies/tongue.png" width="15" height="15" alt="tongue" /> , a standard little php file with variables like that would be excellent.&nbsp; Though I do agree with Frank H, and that $style_name should probably be included as well.</p><p>$style_name by &lt;a href=&quot;$style_url&quot;&gt;$style_author&lt;/a&gt;</p><p>I thnk that&#039;s about all it&#039;d take.&nbsp; Granted it could be fancier, but I think it would go against the simplicity otherwise found in punbb.</p>]]></description>
			<author><![CDATA[null@example.com (roo)]]></author>
			<pubDate>Wed, 19 Jan 2005 14:38:59 +0000</pubDate>
			<guid>https://punbb.informer.com/forums/post/31554/#p31554</guid>
		</item>
		<item>
			<title><![CDATA[Re: class request for 1.2's mark-up]]></title>
			<link>https://punbb.informer.com/forums/post/31527/#p31527</link>
			<description><![CDATA[<p>if you add that it might be good to consider adding a variable $style_name = &quot;Oval office 2.0&quot;&nbsp; &nbsp;aswell ... as styles seems to be upgraded and fiddled with quite abit <img src="https://punbb.informer.com/forums/img/smilies/tongue.png" width="15" height="15" alt="tongue" /></p>]]></description>
			<author><![CDATA[null@example.com (Frank H)]]></author>
			<pubDate>Wed, 19 Jan 2005 09:25:13 +0000</pubDate>
			<guid>https://punbb.informer.com/forums/post/31527/#p31527</guid>
		</item>
		<item>
			<title><![CDATA[Re: class request for 1.2's mark-up]]></title>
			<link>https://punbb.informer.com/forums/post/31523/#p31523</link>
			<description><![CDATA[<p>The easiest way would be to include the style author bit in a small PHP script. E.g:<br /></p><div class="codebox"><pre><code>&lt;?php

$style_author = &#039;George W. Bush&#039;;
$style_url = &#039;http://www.whitehouse.gov/&#039;;

?&gt;</code></pre></div><p>and then name it style_author.php or something.</p>]]></description>
			<author><![CDATA[null@example.com (Rickard)]]></author>
			<pubDate>Wed, 19 Jan 2005 08:26:28 +0000</pubDate>
			<guid>https://punbb.informer.com/forums/post/31523/#p31523</guid>
		</item>
		<item>
			<title><![CDATA[Re: class request for 1.2's mark-up]]></title>
			<link>https://punbb.informer.com/forums/post/31510/#p31510</link>
			<description><![CDATA[<p>sah-weet!&nbsp; <img src="https://punbb.informer.com/forums/img/smilies/cool.png" width="15" height="15" alt="cool" /></p>]]></description>
			<author><![CDATA[null@example.com (roo)]]></author>
			<pubDate>Wed, 19 Jan 2005 03:40:34 +0000</pubDate>
			<guid>https://punbb.informer.com/forums/post/31510/#p31510</guid>
		</item>
		<item>
			<title><![CDATA[Re: class request for 1.2's mark-up]]></title>
			<link>https://punbb.informer.com/forums/post/31507/#p31507</link>
			<description><![CDATA[<p>roo: You are quite right. There is an if/else determining the content of the &lt;p&gt;. It would of course be better if it were determining whether the &lt;p&gt; was output at all. I&#039;ve fixed it now. I got rid of the empy &lt;p&gt; in linksb which shows up when there an no moderators as well.</p>]]></description>
			<author><![CDATA[null@example.com (Paul)]]></author>
			<pubDate>Wed, 19 Jan 2005 02:25:47 +0000</pubDate>
			<guid>https://punbb.informer.com/forums/post/31507/#p31507</guid>
		</item>
		<item>
			<title><![CDATA[Re: class request for 1.2's mark-up]]></title>
			<link>https://punbb.informer.com/forums/post/31478/#p31478</link>
			<description><![CDATA[<p>Re: designer credit:&nbsp; FWIW, I am using :after and content to get my credit on there, but a means to parse html might be nice (to generate a link is what I had in mind).&nbsp; CSS generated content isn&#039;t parsed.&nbsp; &nbsp; I suppose it could be well argued that it&#039;s bloat, but on a fundamental level, it&#039;s no more bloated than having the existing credits. <img src="https://punbb.informer.com/forums/img/smilies/wink.png" width="15" height="15" alt="wink" /></p><div class="quotebox"><cite>Paul wrote:</cite><blockquote><p>It&#039;s not part of the markup. The menu separator is in the language file. It&#039;s also there for the main menu though it&#039;s invisible by default. You can change it to &#039;&#039; instead of &#039; | &#039;. The point is somebody might want to use some other symbol as a separator which you couldn&#039;t replicate without using a graphic.</p></blockquote></div><p>Now that&#039;s some good info!&nbsp; You guys are a step ahead of me!&nbsp; I&#039;m still a bit concerned for boards with different themes, but there is mostly a workaround with css if need be.&nbsp; &nbsp;That bar could be added with :after on modern browsers, but IE has no recourse.&nbsp; I suppose that the Administrator could put &lt;span&gt;|&lt;/span&gt; in the language file as a workaround for boards with multiple themes, but that doesn&#039;t lend itself very well to theme designing in such a way that themes can be installed on any punbb forum.</p><div class="quotebox"><cite>Paul wrote:</cite><blockquote><p>From as design point of view I do see your point, it&#039;s just that it feels like overkill for PunBB. I assume you used li + li.</p></blockquote></div><p>Actually, I didn&#039;t use li+li.&nbsp; The problem is that you can&#039;t be sure where a given list item will appear because of delete and edit are different depending on a user&#039;s permssions.&nbsp; I used:&nbsp; .postfootright li a[href*=&quot;delete.php&quot;]:hover&nbsp; I&#039;d bet that it won&#039;t show up for WinIE because it&#039;s a few years behind in its standards support, which I can live with, but just thought I&#039;d bring it up.&nbsp; Though, on some level, it&#039;s kind of satisfying to know that WinIE users are missing out.&nbsp; I feel like I&#039;m donig my part.&nbsp; :evil:</p><p>But seriously, without an identifier added to those links, there&#039;s not a way in the world to style those links individually in WinIE.</p><div class="quotebox"><cite>Paul wrote:</cite><blockquote><p>It&#039;s not nitpicking, it&#039;s refining. Even though PunBB is at version 1.2 the markup and css is really at version 1.0 so there are bound to be improvements that can and should be made.</p></blockquote></div><p>Very cool.&nbsp; And for a version 1, you&#039;re doing quite well.&nbsp; &nbsp;Two thumbs up from me!</p><br /><p>edit:&nbsp; on a side note, I&#039;m 25% 1337 because my postcount is 7.&nbsp; <img src="https://punbb.informer.com/forums/img/smilies/big_smile.png" width="15" height="15" alt="big_smile" /></p><br /><p>edit again:&nbsp; There&#039;s another mark-up bit that&#039;s peculiar.&nbsp; When a user is logged out you get an nbsp in:<br /></p><div class="codebox"><pre><code>&lt;div class=&quot;linkst&quot;&gt;
    &lt;div class=&quot;inbox&quot;&gt;
        &lt;p class=&quot;pagelink conl&quot;&gt;Pages: &lt;strong&gt;1&lt;/strong&gt;&lt;/p&gt;
        &lt;p class=&quot;postlink conr&quot;&gt; &lt;/p&gt;...
&lt;/div&gt;</code></pre></div><p>That one is kind of a thorn in my side because I&#039;m using the &lt;p&gt; to house the left end of a rounded corner button, and the &lt;a&gt; to hold the right half (the text is the wording on the button).&nbsp; But when the user is not logged in, you see just the left half because the nbsp; makes the &lt;p&gt; tag appear even though it&#039;s technically void of content.</p>]]></description>
			<author><![CDATA[null@example.com (roo)]]></author>
			<pubDate>Tue, 18 Jan 2005 22:27:22 +0000</pubDate>
			<guid>https://punbb.informer.com/forums/post/31478/#p31478</guid>
		</item>
		<item>
			<title><![CDATA[Re: class request for 1.2's mark-up]]></title>
			<link>https://punbb.informer.com/forums/post/31472/#p31472</link>
			<description><![CDATA[<div class="quotebox"><cite>Connorhd wrote:</cite><blockquote><p>thats so annoying, another hack to put it, the css gets so complicated because of them and its hard enough for a newbie like me</p></blockquote></div><p>Then stop pointing out problems <img src="https://punbb.informer.com/forums/img/smilies/big_smile.png" width="15" height="15" alt="big_smile" /></p>]]></description>
			<author><![CDATA[null@example.com (Rickard)]]></author>
			<pubDate>Tue, 18 Jan 2005 21:55:33 +0000</pubDate>
			<guid>https://punbb.informer.com/forums/post/31472/#p31472</guid>
		</item>
		<item>
			<title><![CDATA[Re: class request for 1.2's mark-up]]></title>
			<link>https://punbb.informer.com/forums/post/31462/#p31462</link>
			<description><![CDATA[<p>thats so annoying, another hack to put it, the css gets so complicated because of them and its hard enough for a newbie like me</p><p>on a side note i am now 1337 since this is my 1337th post <img src="https://punbb.informer.com/forums/img/smilies/wink.png" width="15" height="15" alt="wink" /></p>]]></description>
			<author><![CDATA[null@example.com (Connorhd)]]></author>
			<pubDate>Tue, 18 Jan 2005 21:07:45 +0000</pubDate>
			<guid>https://punbb.informer.com/forums/post/31462/#p31462</guid>
		</item>
		<item>
			<title><![CDATA[Re: class request for 1.2's mark-up]]></title>
			<link>https://punbb.informer.com/forums/post/31459/#p31459</link>
			<description><![CDATA[<div class="quotebox"><cite>Connorhd wrote:</cite><blockquote><p>lol i would but they probably just ignore me (and anyway i&#039;m sure they are working 24/7 to fix it anyway <img src="https://punbb.informer.com/forums/img/smilies/tongue.png" width="15" height="15" alt="tongue" />)</p></blockquote></div><p>Actually they don&#039;t seem to be. They have known about this since 2000 and don&#039;t seem interested in doing anything about it. I might have to hack something together to see if a fix is possible.</p>]]></description>
			<author><![CDATA[null@example.com (Paul)]]></author>
			<pubDate>Tue, 18 Jan 2005 20:55:51 +0000</pubDate>
			<guid>https://punbb.informer.com/forums/post/31459/#p31459</guid>
		</item>
		<item>
			<title><![CDATA[Re: class request for 1.2's mark-up]]></title>
			<link>https://punbb.informer.com/forums/post/31458/#p31458</link>
			<description><![CDATA[<p>lol i would but they probably just ignore me (and anyway i&#039;m sure they are working 24/7 to fix it anyway <img src="https://punbb.informer.com/forums/img/smilies/tongue.png" width="15" height="15" alt="tongue" />)</p>]]></description>
			<author><![CDATA[null@example.com (Connorhd)]]></author>
			<pubDate>Tue, 18 Jan 2005 20:54:23 +0000</pubDate>
			<guid>https://punbb.informer.com/forums/post/31458/#p31458</guid>
		</item>
		<item>
			<title><![CDATA[Re: class request for 1.2's mark-up]]></title>
			<link>https://punbb.informer.com/forums/post/31455/#p31455</link>
			<description><![CDATA[<p>Complain to Mozilla about Firefox&#039;s crappy rendering engine. It&#039;s looks perfect in IE and Opera.</p>]]></description>
			<author><![CDATA[null@example.com (Paul)]]></author>
			<pubDate>Tue, 18 Jan 2005 20:35:14 +0000</pubDate>
			<guid>https://punbb.informer.com/forums/post/31455/#p31455</guid>
		</item>
		<item>
			<title><![CDATA[Re: class request for 1.2's mark-up]]></title>
			<link>https://punbb.informer.com/forums/post/31453/#p31453</link>
			<description><![CDATA[<p>about the markup that post seems to have gotten rid of the bottom border on your post :S</p>]]></description>
			<author><![CDATA[null@example.com (Connorhd)]]></author>
			<pubDate>Tue, 18 Jan 2005 20:32:31 +0000</pubDate>
			<guid>https://punbb.informer.com/forums/post/31453/#p31453</guid>
		</item>
		<item>
			<title><![CDATA[Re: class request for 1.2's mark-up]]></title>
			<link>https://punbb.informer.com/forums/post/31452/#p31452</link>
			<description><![CDATA[<div class="quotebox"><cite>roo wrote:</cite><blockquote><p>Oh, you know, I had another thought:&nbsp; If you do choose to have a style directory structure, it might be a nice touch to have the forum parse a very simple text file (included in each theme, and given a certain name and location in the style directory) to give the designer a little credit in the footer somewhere.&nbsp; The text file might even be just one line, or parsed down to the first 256 characters to prevent it from being abused.&nbsp; It would be a nice little nod to theme designers to have a means for them to place a small link on the bottom of the page like they can with that other forum.</p></blockquote></div><p>Thats not my call. I expect the words fluff and bloat might be mentioned. Of course, for users of decent browsers the designer could always use :after to get their name on the board.</p><div class="quotebox"><cite>roo wrote:</cite><blockquote><p>Re: markup</p><p>I don&#039;t mean quirks as a bad thing, the mark-up is actually quite nice.&nbsp; But there are a few areas that I find peculiar, and that&#039;s why I say &quot;quirky.&quot;</p><p>For example, the use of non-breaking spaces.&nbsp; In the &lt;dd class=&quot;usercontacts&quot;&gt; there are nbsps insterted before the web address, and I&#039;d think that semantically they might be separate definitions, but at the very least, the nbsp needn&#039;t be there, some margin or padding would do the trick just as well.</p><p>Along the same lines, it&#039;s remarkably helpful to stylize links when either the enclosed text is wrapped in its own span or the link is wrapped in its own container.&nbsp; The end result allows a designer to use the technique popularized by <a href="http://www.alistapart.com/articles/slidingdoors/">alistapart&#039;s sliding doors article</a>.&nbsp; I&#039;ve only created one skin (and it&#039;s in progress, I&#039;ll let you know when it goes live) and I&#039;ve found that most links are able to be styled with the sliding doors approach since most are in lists or other wrappers, but user contacts is a notable exception.</p></blockquote></div><p>You are quite right. Consider it fixed.</p><div class="quotebox"><cite>roo wrote:</cite><blockquote><p>here&#039;s another that I find quirky:</p><div class="codebox"><pre><code>        &lt;div id=&quot;brdwelcome&quot; class=&quot;inbox&quot;&gt;
            &lt;p class=&quot;conl&quot;&gt;Logged in as &lt;strong&gt;roo&lt;/strong&gt;&lt;br /&gt;Last visit: Today 12:50:10&lt;/p&gt;

...
            &lt;div class=&quot;clearer&quot;&gt;&lt;/div&gt;
        &lt;/div&gt;</code></pre></div><p>I think the break tag in that passage should be removed and instead have the Last visit part be wrapped in its own container.&nbsp; A span or even its own paragraph.&nbsp; It&#039;s workable, however.&nbsp; I was able to single out that break and apply display: none; to it, but it is quirky to have a break tag sitting there for reasons that appear mostly presentational.</p></blockquote></div><p>As above.</p><div class="quotebox"><cite>roo wrote:</cite><blockquote><p>I find it a little odd that there is a bar | between Report, Quote, etc.&nbsp; I don&#039;t feel that it should be a part of the markup as it requires a designer to remove it if they choose an alternate means of styling that link.&nbsp; The same effect can be achieved by adding border to one side of each list item, and by adding a class to either the first or last item in that list to which there is no border applied.</p></blockquote></div><p>It&#039;s not part of the markup. The menu separator is in the language file. It&#039;s also there for the main menu though it&#039;s invisible by default. You can change it to &#039;&#039; instead of &#039; | &#039;. The point is somebody might want to use some other symbol as a separator which you couldn&#039;t replicate without using a graphic.</p><div class="quotebox"><cite>roo wrote:</cite><blockquote><p>Also, it might be a nice feature to identify individual links.&nbsp; The main nav might get an id on each &lt;li&gt; like &lt;li id=&quot;index&quot;&gt;, &lt;li id=&quot;userlist&quot;&gt;, etc.&nbsp; The list at the bottom of each post might also be given classes &lt;li class=&quot;report&quot;&gt;, &lt;li class=&quot;quote&quot;&gt;, etc.&nbsp; As it is now, I&#039;ve applied different styles to each link by using css selectors that aren&#039;t supported in WinIE.&nbsp; Not that I particularly care about WinIE, but having identifying attributes on those list items would make styling easier and more flexible.</p></blockquote></div><p>From as design point of view I do see your point, it&#039;s just that it feels like overkill for PunBB. I assume you used li + li.</p><div class="quotebox"><cite>roo wrote:</cite><blockquote><p>Again, as it is, the markup is very workable, and the tags and classes are very well thought out and applied, but these are a few things I encountered.&nbsp; Overall, it does a bang-up job of giving a designer everything he needs to style the forum, and again, I was able to work past nearly every one of these issues.&nbsp; I didn&#039;t want to get into it earlier because I feel that I&#039;m largely nit-picking, but you <em>did</em> ask.&nbsp; <img src="https://punbb.informer.com/forums/img/smilies/wink.png" width="15" height="15" alt="wink" /></p></blockquote></div><p>It&#039;s not nitpicking, it&#039;s refining. Even though PunBB is at version 1.2 the markup and css is really at version 1.0 so there are bound to be improvements that can and should be made.</p>]]></description>
			<author><![CDATA[null@example.com (Paul)]]></author>
			<pubDate>Tue, 18 Jan 2005 20:25:01 +0000</pubDate>
			<guid>https://punbb.informer.com/forums/post/31452/#p31452</guid>
		</item>
		<item>
			<title><![CDATA[Re: class request for 1.2's mark-up]]></title>
			<link>https://punbb.informer.com/forums/post/31420/#p31420</link>
			<description><![CDATA[<p>Oh, you know, I had another thought:&nbsp; If you do choose to have a style directory structure, it might be a nice touch to have the forum parse a very simple text file (included in each theme, and given a certain name and location in the style directory) to give the designer a little credit in the footer somewhere.&nbsp; The text file might even be just one line, or parsed down to the first 256 characters to prevent it from being abused.&nbsp; It would be a nice little nod to theme designers to have a means for them to place a small link on the bottom of the page like they can with that other forum.</p><p>Re: markup</p><p>I don&#039;t mean quirks as a bad thing, the mark-up is actually quite nice.&nbsp; But there are a few areas that I find peculiar, and that&#039;s why I say &quot;quirky.&quot;</p><p>For example, the use of non-breaking spaces.&nbsp; In the &lt;dd class=&quot;usercontacts&quot;&gt; there are nbsps insterted before the web address, and I&#039;d think that semantically they might be separate definitions, but at the very least, the nbsp needn&#039;t be there, some margin or padding would do the trick just as well.&nbsp; </p><p>Along the same lines, it&#039;s remarkably helpful to stylize links when either the enclosed text is wrapped in its own span or the link is wrapped in its own container.&nbsp; The end result allows a designer to use the technique popularized by <a href="http://www.alistapart.com/articles/slidingdoors/">alistapart&#039;s sliding doors article</a>.&nbsp; I&#039;ve only created one skin (and it&#039;s in progress, I&#039;ll let you know when it goes live) and I&#039;ve found that most links are able to be styled with the sliding doors approach since most are in lists or other wrappers, but user contacts is a notable exception.</p><br /><p>here&#039;s another that I find quirky:</p><div class="codebox"><pre><code>        &lt;div id=&quot;brdwelcome&quot; class=&quot;inbox&quot;&gt;
            &lt;p class=&quot;conl&quot;&gt;Logged in as &lt;strong&gt;roo&lt;/strong&gt;&lt;br /&gt;Last visit: Today 12:50:10&lt;/p&gt;

...
            &lt;div class=&quot;clearer&quot;&gt;&lt;/div&gt;
        &lt;/div&gt;</code></pre></div><p>I think the break tag in that passage should be removed and instead have the Last visit part be wrapped in its own container.&nbsp; A span or even its own paragraph.&nbsp; It&#039;s workable, however.&nbsp; I was able to single out that break and apply display: none; to it, but it is quirky to have a break tag sitting there for reasons that appear mostly presentational.&nbsp; </p><p>I find it a little odd that there is a bar | between Report, Quote, etc.&nbsp; I don&#039;t feel that it should be a part of the markup as it requires a designer to remove it if they choose an alternate means of styling that link.&nbsp; The same effect can be achieved by adding border to one side of each list item, and by adding a class to either the first or last item in that list to which there is no border applied.</p><p>Also, it might be a nice feature to identify individual links.&nbsp; The main nav might get an id on each &lt;li&gt; like &lt;li id=&quot;index&quot;&gt;, &lt;li id=&quot;userlist&quot;&gt;, etc.&nbsp; The list at the bottom of each post might also be given classes &lt;li class=&quot;report&quot;&gt;, &lt;li class=&quot;quote&quot;&gt;, etc.&nbsp; As it is now, I&#039;ve applied different styles to each link by using css selectors that aren&#039;t supported in WinIE.&nbsp; Not that I particularly care about WinIE, but having identifying attributes on those list items would make styling easier and more flexible.</p><p>Again, as it is, the markup is very workable, and the tags and classes are very well thought out and applied, but these are a few things I encountered.&nbsp; Overall, it does a bang-up job of giving a designer everything he needs to style the forum, and again, I was able to work past nearly every one of these issues.&nbsp; I didn&#039;t want to get into it earlier because I feel that I&#039;m largely nit-picking, but you <em>did</em> ask.&nbsp; <img src="https://punbb.informer.com/forums/img/smilies/wink.png" width="15" height="15" alt="wink" /></p>]]></description>
			<author><![CDATA[null@example.com (roo)]]></author>
			<pubDate>Tue, 18 Jan 2005 18:36:00 +0000</pubDate>
			<guid>https://punbb.informer.com/forums/post/31420/#p31420</guid>
		</item>
	</channel>
</rss>
