Activity #05 - Community Header
Sep. 2nd, 2017 05:25 pm![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png){kind=small}
tinny posting in ![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png){kind=small}
icontalkingAll 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
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
(no subject)
Date: 2017-09-02 05:31 pm (UTC)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;
}
(no subject)
Date: 2017-09-02 11:01 pm (UTC)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
(no subject)
Date: 2017-09-03 05:31 am (UTC)(no subject)
Date: 2017-09-03 05:57 am (UTC)(no subject)
Date: 2017-09-03 07:39 am (UTC)(no subject)
Date: 2017-09-03 07:40 am (UTC)(no subject)
Date: 2017-09-03 12:28 pm (UTC)2 Headers from Breyzy (of breyzyyin)
Date: 2017-09-04 06:00 pm (UTC)Header One (Base Image: Jean Grey):
http://oi68.tinypic.com/2i725qr.jpg
Header Two (Base Image: RWBY):
http://oi65.tinypic.com/240ycsk.jpg
(no subject)
Date: 2017-09-14 02:25 am (UTC)Re: 2 Headers from Breyzy (of breyzyyin)
Date: 2017-09-14 02:26 am (UTC)Re: 2 Headers from Breyzy (of breyzyyin)
Date: 2017-09-14 10:09 pm (UTC)(no subject)
Date: 2017-09-17 11:30 am (UTC)Re: 2 Headers from Breyzy (of breyzyyin)
Date: 2017-09-17 11:33 am (UTC)(no subject)
Date: 2017-09-17 09:58 pm (UTC)So, uh... are you sure you want to use every header?
(no subject)
Date: 2017-09-18 06:08 am (UTC)(if you insist we don't use it, I can make an exception. ;))
(no subject)
Date: 2017-09-18 06:36 am (UTC)I did this instead:
div #title { display: none; }Now it seems to work. Thank you for your help!
(no subject)
Date: 2017-09-18 03:53 pm (UTC)Two headers
Date: 2017-09-18 11:19 pm (UTC)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: 2 Headers from Breyzy (of breyzyyin)
Date: 2017-09-20 12:03 am (UTC)Re: 2 Headers from Breyzy (of breyzyyin)
Date: 2017-09-21 04:42 pm (UTC)Re: 2 Headers from Breyzy (of breyzyyin)
Date: 2017-09-21 04:43 pm (UTC)(no subject)
Date: 2017-09-21 04:44 pm (UTC)Re: Two headers
Date: 2017-09-21 04:45 pm (UTC)Re: Two headers
Date: 2017-09-22 04:24 am (UTC)Re: Two headers
Date: 2017-09-23 02:15 pm (UTC)Re: 2 Headers from Breyzy (of breyzyyin)
Date: 2017-09-23 02:17 pm (UTC)(no subject)
Date: 2017-09-23 02:21 pm (UTC)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
Re: Two headers
Date: 2017-09-24 12:52 am (UTC)And, um, I guess I forgot the links.
https://sheliak.dreamwidth.org/file/89436.png
https://sheliak.dreamwidth.org/file/89747.png
(no subject)
Date: 2017-09-24 01:19 am (UTC)(no subject)
Date: 2017-09-24 01:27 am (UTC)(no subject)
Date: 2017-09-24 02:07 pm (UTC)(no subject)
Date: 2017-09-24 08:52 pm (UTC)(no subject)
Date: 2017-09-26 01:20 pm (UTC)Re: Two headers
Date: 2017-09-26 01:21 pm (UTC)(no subject)
Date: 2017-09-26 01:22 pm (UTC)(no subject)
Date: 2017-09-26 08:14 pm (UTC)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
Re: Two headers
Date: 2017-09-27 05:01 am (UTC)