Activity #05 - Community Header

[tinny]

All three people who gave their opinion on this month's activity agreed that this comm needs a header, so here we go!




The rules are straightforward:

* Make an image to be used as a header for this community.

* The size must be at least 500x200px and no larger than 800x300 px.

* The header must contain the words "icon" and "talk". Additional words are allowed, and variations (like "icons" or "talking"). E.g. "let's talk about icons" is totally fine!

* Every participant may make up to two headers.


* There won't be any voting or competition. Every entry that fits the above rules will get used.


If possible, I will use javascript that can switch headers on every page load (something like this). If I can't get that to work until the end of the month, I will switch headers manually every month. Every entry will get used!




If you want to make your header fit the current layout, this is what the comm header looks like right now (in Chrome):



I removed the default horizontal-bar-header, and the new header will go into that large empty space there.

I didn't manage to remove the journal title from the layout, so I decided on an unobtrusive speech bubble. It's possible that this will go away too... if I have to wrangle the javascript code into the header anyway, I may as well remove the title, too.



Have fun!

Deadline: September 23rd your end-of-day

Comments

[fueschgast]

Nice!

You can make the title go away and keep the header's height with this bit of CSS:
div #titles-wrap {
display: none;
}

#header {
padding-top: 300px;
}

[tinny]

Thank you, I will try this at once.

[tinny]

It worked, but if I insert a header image, it won't display that anymore.

I did this instead:

div #title {
display: none;
}

Now it seems to work. Thank you for your help!

[fueschgast]

I thought it would be cool to have a header with the icons we've made for this comm. I couldn't use all (various technical difficulties), but most of them are in there.
Had to make adjustments to the version I had made earlier and this time I painstakingly did the tiles manually!


https://fueschgast.dreamwidth.org/file/1330.png

[timetobegin]

this is so cool!!!

[seraphina_snape]

Oh wow, that looks amazing!

[tinny]

That is indeed very awesome! Thank you!

[breyzyyin]

This looks awesome! XD

[littlemissnovella]

This is so creative! <3

[sallymn]

Oh I like this one!

[sheliak]

This is a lovely header!

2 Headers from Breyzy (of breyzyyin)

[breyzyyin]

I'm not great with things like headers, but I tried to use one icon from each member who has submitted something to one of the activities, although unfortunately I couldn't for some of the ones who had uploaded them to Photobucket. ♥

Header One (Base Image: Jean Grey):

http://oi68.tinypic.com/2i725qr.jpg


Header Two (Base Image: RWBY):

http://oi65.tinypic.com/240ycsk.jpg

Re: 2 Headers from Breyzy (of breyzyyin)

[littlemissnovella]

These are really great!

Re: 2 Headers from Breyzy (of breyzyyin)

[breyzyyin]

Thank you! ♥

Re: 2 Headers from Breyzy (of breyzyyin)

[sallymn]

These are great - I wold love to be ableto do headers....

Re: 2 Headers from Breyzy (of breyzyyin)

[breyzyyin]

Thank you so much! ♥

Re: 2 Headers from Breyzy (of breyzyyin)

[sheliak]

These are neat!

Re: 2 Headers from Breyzy (of breyzyyin)

[breyzyyin]

Thank you! ♥

Re: 2 Headers from Breyzy (of breyzyyin)

[tinny]

Cool headers! I like the clean look, it works great with the base images you chose.

[fueschgast]

I'm sorry, I had to. With apologies to Salt-n-Pepa:



So, uh... are you sure you want to use every header?

[tinny]

Muahaha! I love it!

(if you insist we don't use it, I can make an exception. ;))

[fueschgast]

Well, if you want to use it, please do!

[breyzyyin]

This is an awesome header! ♥

[sheliak]

I think it's a fun header!

[littlemissnovella]

Great header!

Two headers

[sheliak]

I wanted to use all the icons that we submitted to the previous activities, and aside from the ones that were eaten by photobucket, I think I managed! For everyone whose icons survived, I used at least one of their icons on each header.

It's the first time I've done headers. Text is a bit easier at these sizes than on icons! Still kinda tricky, but I'm happy with how it turned out.

Re: Two headers

[breyzyyin]

These are amazing! ♥

Re: Two headers

[sheliak]

Thank you!

Re: Two headers

[tinny]

Awesome! I love how you created color gradients using the icons! Wow!

Re: Two headers

[sheliak]

Thank you! I got the idea from the rainbow challenge.

And, um, I guess I forgot the links.
https://sheliak.dreamwidth.org/file/89436.png
https://sheliak.dreamwidth.org/file/89747.png

Re: Two headers

[littlemissnovella]

I love your text work and you did amazing getting everyone's icons in the headers! Great job!

Re: Two headers

[sheliak]

Thank you!

[tinny]

Okay, so I finally sat down and made two headers myself.

Everyone already used our icons for the headers, and I can't beat that, so I just made some texture/text-based ones:





https://tinny.dreamwidth.org/file/51607.jpg
https://tinny.dreamwidth.org/file/51363.jpg

[sheliak]

I like these!

[tinny]

Thank you!

[littlemissnovella]

Love your text work, it's cute how in the second header you used icons to depict 100x100 and of course the composition of the headers!

[tinny]

Thank you!

I actually just put unmodified stock images into the 100x100 frames - I didn't want to just use three icons since everyone else used icons from all participants. And of course I especially didn't want to just use my own. So that was my compromise. :D