![](/i/fill.gif) |
![](/i/fill.gif) |
|
![](/i/fill.gif) |
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
So my company now has a private internal blog. Which is pretty random,
really. But the thing that gets me is that it's so much more *pretty*
than my blog. I mean, it looks really slick. Take a look at the
attachment. I would imagine it's a default theme or something for
whatever off-the-shelf blogging engine they're using. But damn, how do
you draw something this nice in the first place? And once you've drawn
it, how the hell do you make it into a web page?
Post a reply to this message
Attachments:
Download 'website1.png' (81 KB)
Preview of image 'website1.png'
![website1.png](/povray.off-topic/attachment/%3C4bc73293%40news.povray.org%3E/website1.png?preview=1)
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
On Thu, 15 Apr 2010 16:36:48 +0100, Invisible wrote:
> But damn, how do you draw something this nice in the first place?
View the source and see?
Jim
Post a reply to this message
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
>> But damn, how do you draw something this nice in the first place?
>
> View the source and see?
That's not going to tell me how the graphics were drawn, is it? :-P
If I'm lucky, I might be able to determine how this elaborate collection
of images was stiched together to make a web page. But in all
likelihood, the CSS and stuff was machine-generated and will be utterly
unreadable.
Post a reply to this message
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
>> But damn, how do you draw something this nice in the first place?
> View the source and see?
Funny thing is, I've figured out how to do this with a graphics card, but I
still am not sure if it would work the same for a HTML page. :-)
--
Darren New, San Diego CA, USA (PST)
Yes, we're traveling together,
but to different destinations.
Post a reply to this message
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
Invisible wrote:
>>> But damn, how do you draw something this nice in the first place?
>>
>> View the source and see?
>
> That's not going to tell me how the graphics were drawn, is it? :-P
http://www.google.com/#hl=en&source=hp&q=how+to+darken+background+of+web+page
--
Darren New, San Diego CA, USA (PST)
Yes, we're traveling together,
but to different destinations.
Post a reply to this message
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
Invisible <voi### [at] dev null> wrote:
> But damn, how do
> you draw something this nice in the first place?
Well, there's this little-known program called Photoshop and...
--
- Warp
Post a reply to this message
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
On Thu, 15 Apr 2010 16:56:34 +0100, Invisible wrote:
>>> But damn, how do you draw something this nice in the first place?
>>
>> View the source and see?
>
> That's not going to tell me how the graphics were drawn, is it? :-P
I didn't particularly note any graphics, unless you were referring to the
page layout.
In which case, you might look at Inkscape, since ISTR it has the ability
to export vector drawings to be used as a web layout.
> If I'm lucky, I might be able to determine how this elaborate collection
> of images was stiched together to make a web page. But in all
> likelihood, the CSS and stuff was machine-generated and will be utterly
> unreadable.
That's quite possible.
Jim
Post a reply to this message
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
On Thu, 15 Apr 2010 09:16:37 -0700, Darren New wrote:
>>> But damn, how do you draw something this nice in the first place?
>> View the source and see?
>
> Funny thing is, I've figured out how to do this with a graphics card,
> but I still am not sure if it would work the same for a HTML page. :-)
Me neither, which is why I let a web design professional do the heavy
lifting. :-)
Jim
Post a reply to this message
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
Oh, sweet! Now when you do "view source" in Firefox, anything that's a
link is actually hyperlinked. That's nice.
OK, so looking at the CSS for this page, apparently it's a WordPress
theme called "black piano":
http://wordpress.org/extend/themes/piano-black
Now, if I can just figure out how it works...
--
http://blog.orphi.me.uk/
http://www.zazzle.com/MathematicalOrchid*
Post a reply to this message
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
Warp wrote:
> Invisible <voi### [at] dev null> wrote:
>> But damn, how do
>> you draw something this nice in the first place?
>
> Well, there's this little-known program called Photoshop and...
...and using Photoshop, I wouldn't even know how to create the stripy
background. Goodness only knows how you do the curved corners, the
delicious drop shadows, the glow effect at the top of the page, and so
on and so forth. (And then, as I said, there's the "minor detail" of
turning all of thise graphics into a web page somehow...)
--
http://blog.orphi.me.uk/
http://www.zazzle.com/MathematicalOrchid*
Post a reply to this message
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |