Well, we're a week away and I agree with some of the posters above; in general I'm not too happy about the current state of the forum. Thing is; of course at first the end-user in me thought: "
Setting up a few tags, how hard could it be?" when I suddenly remembered a hobby project I did some months ago; wrote up a few articles on my website about certain "tech topics" amongst which "How to use ASP.NET on FreeBSD".
Because it was about FreeBSD and because I've gotten so used to the markup used in this place I "borrowed" the markup style by re-creating it myself using CSS (and a bit of ASP coding, but the end result is still valid HTML with CSS markup). At first I tried copying it of course, but after looking through the HTML source code of some messages and peeking at the CSS style sheets I figured that re-building it myself would be a lot easier
Oh, for the record; obviously I did so while mentioning the origins and linking back to this place. Credit where credit's due is my motto in those scenarios.
The {file} and {cmd} tags were relatively easy, but I quickly remembered how much trouble it was to try and get {port} to look the part. First I discovered that you couldn't use a different colour with the underline markup, then I discovered a way around it but then learned that the underline itself would hover all the way down making it look really horrid. Long story cut a bit shorter: eventually I managed to make it work, still quite proud of that feat, and now I'm wondering if this could help you guys out.
Figured I might as well dump it here, if this isn't useful for you guys then maybe it could be for some random reader.
First {file}, that is easy because all you need is to change the colour of the text. I created a new tag called "bsdfile" and defined it in my CSS style block (this is defined on the same page it's being used) as follows:
Code:
bsdfile {
color: green;
}
Using it is easy, you simply treat 'bsdfile' as if it was an HTML markup statement, so you use it in the same was as you'd use things like {em}, {b} and so on (where {} should be <> of course, to make sure this doesn't interfere in any way I figured using {} here would be safer).
{cmd} is a bit harder, but still easy, because you need to use a grey inverse colour while still making sure to maintain the colour of the text itself. I eventually came up with this:
Code:
bsdcmd {
color: black;
background-color: lightgrey;
}
And then the hard part. I ended up writing a so called ASP web control for this one because once I figured out how it worked I realized that I was doing something which generic HTML / CSS markup doesn't allow "out of the box". So I wanted more than merely a "port markup", the web control allows me to specify if I'm defining a port or if I want to use a customized text and line colour.
But as said, the eventual code is still valid HTML with CSS markup, and here it is:
Code:
<span style="display:inline-block">
<u style="color: darkred";>
<span style="color: green";>
portcategory/yourfavouriteport
</span>
</u>
</span>
Right, and there you have it.
If you'd like an example of how this might look then you can find the page I've mentioned above where I use this stuff right
here. Just don't expect state of the art web design; this one is merely a hobby for me
Alas, hope this can be useful.
