New HTML borders

[GhostWolf]

The current border scheme can't be used with border-image, which will simplify both the needed HTML and CSS to exactly one line.
The problem with the current borders is the non uniform corners (in other word, they are not square).

So yeah, fill in the empty parts.

Same goes to the Terran theme of course, but there you don't even have one image for the top/bottom, so it's even more messy.

 

[Rheiko]

cool

 

[Ralle]

Yes. I know. What do you suggest?
I suppose we could use a mix of border-image and divs that give the proper corners.

 

[Rui]

When I had access to coding a few things in a certain area of the site reserved for random pages, I tried to tinker around with writing text outside the borders and I think I actually managed to do it, if I recall correctly. I figure this is irrelevant though. So you want someone to fill in the borders so that Ralle will edit the CSS layout to use border-image? Has he agreed to do this? Won't there be problem with browsers who do not support the latest CSSes? I no longer remember well, but I always had to find ways to circumvent using certain CSS styles when using it for notices because this or the other browser wouldn't support it.

 

[GhostWolf]

It's supported on every browser except for the two obvious ones: Opera Mini (for obvious reasons), and Internet Explorer (for other obvious reasons).

Since you need endless hacks to begin with for any IE version (and god have mercy if you still bother with nonsense like IE 6/7/8), I see no difference here.

As to what to do - simply make square corners.

 

[Ralle]

I don't care about browser support as long as aesthetics are the only compromise. How would you make square corners with our current visuals?

 

[GhostWolf]

You don't. Change the visuals a little to fit with the future.
The current scheme doesn't look too good either, you have two overlaid leaves at the bottom.

 

[Rheiko]

what about Opera? the one you mention is "opera mini"

 

[Ralle]

I believe Opera is pretty modern these days.

 

[GhostWolf]

Accoridng to MDN, only Opera Mini and IE don't support it (again, both for different obvious reasons).

 

[Rheiko]

yeah, it is pretty modern
most of people use them to multi-account in FB at my country though

 

[Rui]

and Internet Explorer (for other obvious reasons).

=P

The current scheme doesn't look too good either, you have two overlaid leaves at the bottom.

I believe that is not the only problem. I've seen certain pages stretched way down and that caused certain glitches in the layout at the bottom too. I don't remember if it was the leaves or the outer wood/metal border, it would just vanish and go black.

 

[GhostWolf]

Made little edits to the current borders.
Of course, someone who actually knows anything about art can do it better.
I am going to use these in the model viewer until there is something better.

.nightelfborder {
    border: 35px solid transparent;
    border-image: url("nightelfborder.png") 35 35 round;
}

.terranborder {
    border: 27px solid transparent;
    border-image: url("terranborder.png") 27 27 stretch;
}

 

[Ralle]

Take a look at this:
https://dl.dropboxusercontent.com/u/323865/simple_borders/index.html

I know it's not as simple as I told you in the chat, but it's still quite a lot better.

 

[GhostWolf]

Not as nice as having just border-image, but a whole lot better than all the hacks employed in the current setup.

The HTML/CSS/JS generated by vB is generally a big chunk of garbage, but I guess (hope?) that will improve whenever Hive 2™ will be public (endless comments, inline styles all over the place, using old DOCTYPE and all the XML nonsense, using old tags, random whitespace all over the place, using absolute urls all over the place, etc., causing every page to be probably a few times larger than it should be).

 

[Ralle]

Oh, most definitely .