What are you working on? v7

[Svartr]

Web hosting and domain purchased. Just playing round with WordPress now to try get stuff up and running.

[TerabyteS_]

A revision to the album page

[img]http://gabrielecirulli.com/p/20120528-205517.png[/img]

(it's actually the thirtieth)

[toaster468]

[QUOTE=Rage.;36110296]Web hosting and domain purchased. Just playing round with WordPress now to try get stuff up and running.[/QUOTE]

I forgot a link: [url]http://wordpress.org/extend/themes/sandbox[/url]
That's like a base, IIRC, for making a theme since you need to know some PHP to make a wordpress theme.

[Svartr]

Okay in my site I want various sub-sections which are different buttons.
So like;

[Home] [Reviews] [Videos] [Articles]

How do I make the reviews go in the reviews section, videos in the videos section, etc. And display everything on the Homepage in a blog format.

In wordpress btw.

[Maqtiah]

[QUOTE=_Undefined;36109509]Have a look here: [url]http://nicolasgallagher.com/lab/css3-github-buttons/[/url][/QUOTE]

This is perfect!
Can someone link more information pages like this?
Just learned a lot more CSS just from this! :eng101:

[Sharpshooter]

[QUOTE=zerotwelve;36109699]Once you've learnt how to make them once it becomes a lot easier to style them, and because they're made purely in CSS you can manipulate them a lot easier and not have to worry about creating a number of different images of different sizes.[/QUOTE]

Your always going to be limited if you stick to pure CSS for designing websites however, granted it can do some awesome stuff now (CSS3 buttons for example are awesome when done right), CSS is definetly the way to go if whatever your trying to create is possible with it, but your always going to need some sort of graphics manipulation package to do the stuff that just isnt possible or feasible in CSS.

[jaybuz]

[QUOTE=Moofy;36111435]This is perfect!
Can someone link more information pages like this?
Just learned a lot more CSS just from this! :eng101:[/QUOTE]

Extreme CSS (not for the faint hearted): [url]http://www.splashnology.com/article/collection-of-famous-logos-in-pure-css/3548/[/url]

[Jelly_]

[QUOTE=Moofy;36111435]This is perfect!
Can someone link more information pages like this?
Just learned a lot more CSS just from this! :eng101:[/QUOTE]

Most of us use CSS preprocessors such as [URL="http://learnboost.github.com/stylus/"]Stylus[/URL], [URL="http://lesscss.org/"]LESS[/URL] or [URL="http://sass-lang.com/"]SASS/SCSS[/URL]. You usually compile these server side but you can use the following to compile your LESS stylesheets every time you save: [URL="http://winless.org/"]WinLess (Windows)[/URL], [URL="http://wearekiss.com/simpless"]SimpLESS (Windows, Linux, Mac)[/URL] and [URL="http://incident57.com/less/"]Less.app (Mac)[/URL]. With CSS preprocessors you can do cool stuff like (following is stylus, it has a weird minimalist syntax, if you don't like it you should like one of the alternatives):

gradient(start, stop)
    background-color start
    background-image -webkit-linear-gradient(start, stop)
    background-image linear-gradient(top, start 0%, stop 100%)
    background-image -ms-linear-gradient(top, start 0%, stop 100%)
    background-image -moz-gradient(center top, start 0%, stop 100%)
    background-image -moz-linear-gradient(center top, start 0%, stop 100%)
    background-image -webkit-gradient(linear, left top, left bottom, from(start), to(stop))
    filter unquote('progid:DXImageTransform.Microsoft.gradient(startColorstr=' + start + ', endColorstr=' + stop + ', GradientType=0)')

button(s=0%, d=0%)
    from = darken(spin(#4689db, s), d)
    to = darken(spin(#205885, s), d)
    gradient lighten(from, 8%), lighten(to, 8%)
    &:hover
        gradient darken(from, 5%), darken(to, 5%)
    &:active
        gradient darken(from, 10%), darken(to, 10%)

.button
    button()
    &.purple
        button 50%
    &.pink
        button 100%
    &.red
        button 150%
    &.yellow
        button 200%

After you've used a preprocessor you [B]never[/B] go back.

[jaybuz]

[QUOTE=Jelly;36112681][URL="http://wearekiss.com/simpless"]SimpLESS (Windows, Linux, Mac)[/URL][/QUOTE]

Their Twitter buzz feed sells it: :v:

[img]http://i.jaybuz.me/20120528224751878.png[/img]

[wizard`]

[QUOTE=TerabyteS_;36110696]A revision to the album page

[img]http://gabrielecirulli.com/p/20120528-205517.png[/img]

(it's actually the thirtieth)[/QUOTE]

I think there is a little too much blue in it, what if you put all of the artists from the about paragraph and put them into a tag box or something.

[img]http://puu.sh/xp13[/img]

like that?

[Jelly_]

[QUOTE=wizard`;36113751]I think there is a little too much blue in it, what if you put all of the artists from the about paragraph and put them into a tag box or something.

[IMG]http://puu.sh/xp13[/IMG]

like that?[/QUOTE]

Except that doesn't solve anything because there's the same amount of blue...

[wizard`]

[QUOTE=Jelly;36114721]Except that doesn't solve anything because there's the same amount of blue...[/QUOTE]

But it breaks it up, meaning your not distracted by the blue so much if you are simply intending to read the about notes on the album. So it does solve the problem (what I considered the problem at least).

[Jelly_]

[QUOTE=wizard`;36115274]But it breaks it up, meaning your not distracted by the blue so much if you are simply intending to read the about notes on the album. So it does solve the problem (what I considered the problem at least).[/QUOTE]

You've just shifted the concentration of blue slightly, it's not really any more readable. It'll distract you just as much being separated from the main body, it looks weird just having it floating out there.

[Darksoul]

-snip-

[Sharpshooter]

You could give each artist its own little box/button/background like other tag 'clouds', then when you click them it takes you to there wiki page / some page related to them on Voze.

[adamjon858]

I like this: [IMG]http://i.imgur.com/mkpzx.png[/IMG]

[TerabyteS_]

[QUOTE=adamjon858;36121198]I like this: [IMG]http://i.imgur.com/mkpzx.png[/IMG][/QUOTE]

I was experimenting with this new style earlier:

[img]http://gabrielecirulli.com/p/20120529-200845.png[/img]

[editline]29th May 2012[/editline]

looks very clean and polished

[douche beat]

That is a very great design, loving the effects, very web 3.0

[Svartr]

[url]http://www.mjolnir-gaming.com/[/url]

My first initial design. Literally started the website yesterday so be nice.
I don't know what to use for the background. Any ideas?

[adamjon858]

white > black

designs. not races.

[Alcapwne]

[QUOTE=adamjon858;36122050]white > black

designs. not races.[/QUOTE]

races too, who are we kidding?

[Svartr]

[QUOTE=adamjon858;36122050]white > black

designs. not races.[/QUOTE]

I know, I want it white, but it's hard getting it to fit right.

[Streetser20]

[QUOTE=Rage.;36122043][url]http://www.mjolnir-gaming.com/[/url]

My first initial design. Literally started the website yesterday so be nice.
I don't know what to use for the background. Any ideas?[/QUOTE]

For a decent background image (if you want an image at all) try out: [url]http://subtlepatterns.com/[/url]
And if you're considering making a lighter design - get rid of the drop-shadow, and make the things on the side a slightly darker shade (e.g. #F2F2F2 - with the background being #FFFFFF). That would make them stand-out slightly.

Add some colour (aka remove the black navigation bar - and change the colours on it).
The font in the paragraphing is hard to read - either increase the font-size slightly, or change it to a slightly more readable font. (**Could just be my eyes; it's getting late...).

But the overall design of the site is good - Hope this helps you, and wasn't too harsh!

[TerabyteS_]

Today I spent the afternoon and evening trying to recover my Ubuntu Virtual Machine (which contained the updated sources of my personal website along with some other stuff) after ~inadvertently~ deleting the partition table of the Virtual Drive that had Ubuntu installed on it. It was fun.

[C:\]

[QUOTE=Rage.;36122043][url]http://www.mjolnir-gaming.com/[/url]

My first initial design. Literally started the website yesterday so be nice.
I don't know what to use for the background. Any ideas?[/QUOTE]
[thumb]http://niggaupload.com/images/VnFXu.png[/thumb]
1920x1080 chrome
also what blog software is that?

[editline]30th May 2012[/editline]

[QUOTE=Rage.;36122226]I know, I want it white, but it's hard getting it to fit right.[/QUOTE]

Well, if it ain't white it ain't right.

[Ac!dL3ak]

i ran

sudo apt-get install nginx

and got

Fetched 404 kB in 1s (354 kB/s)

wtf nginx

[Svartr]

Okay I had another play round. If anyone has any ideas for background/header styling I'm happy to totally change the header, or any colouring of the background or content. These are just initial designs.

Tick for this one:
[thumb]http://oi47.tinypic.com/6tmqlu.jpg[/thumb]

Cross for this one:
[thumb]http://oi48.tinypic.com/oubgb8.jpg[/thumb]

Zing for this one:
[thumb]http://oi47.tinypic.com/j67q86.jpg[/thumb]

[TerabyteS_]

[QUOTE=Rage.;36125570]Okay I had another play round. If anyone has any ideas for background/header styling I'm happy to totally change the header, or any colouring of the background or content. These are just initial designs.

Tick for this one:
[thumb]http://oi47.tinypic.com/6tmqlu.jpg[/thumb]

Cross for this one:
[thumb]http://oi48.tinypic.com/oubgb8.jpg[/thumb]

Zing for this one:
[thumb]http://oi47.tinypic.com/j67q86.jpg[/thumb][/QUOTE]

The middle one but try removing some of the space at the top

[jaybuz]

leet sprite skills.

[img]http://dl.dropbox.com/u/386727/Web-And-Graphics/banner-container-sprite.png[/img]
5.64KB

[TerabyteS_]

[QUOTE=jaybuz;36131155]leet sprite skills.

[IMG]http://dl.dropbox.com/u/386727/Web-And-Graphics/banner-container-sprite.png[/IMG]
5.64KB[/QUOTE]

It doesn't weigh much because it's .png, which uses DEFLATE thus long series of duplicate data are reduced to pointers that point to the original data, and your image has a lot of repeating color.