[link]
[link]
[link]
[link]
[link]
[link]
[link]
[link]
[link]
[link]
[link]
[link]
[link]
[link]
[link]

It has a zillion mistakes, so it's a blooper rich one!

I really like the new dA available for testers. Allthough they stay with the grayish greens too much (I would have liked it a bit better with slightly lighter reading backgrounds, but that's something we can fix later on if needed).

Today I needed a break from painting and decided to have a bit fun with the new sleek and the designstables stable you can see in my journal and my site. Ofcourse, this is only for those who are subscribers and/or betatesters. You'll need to turn on the supersecretv6mode before you can see any changes. If you're not betatester or subscriber, you can still do this, but you won't be able to see any changes untill v6 is released.


This is fun stuff. Open up this image in Photoshop or whatever software you use. You can change the width of the image if you want to, as long as you don't change the height. Make sure the whole image is filled with this background. It's ok to use my images I upload here.




Do whatever you want to do with it. Keep in mind that there are still a navigation next to it, so don't go completely nuts on this. Best and easiest way is to make a gradient or whatever. Make something nice and easy like I did below.




If you allready have Stylish, you can skip this step obviously. Anyhow, for those that doesn't have it: Find Stylish here.


Click on the in the status bar (lower right) and click 'Manage Styles'. Click 'Write' and give the style a name. I named mine: New dA header. (Gosh, I'm original).

Now we'll need to fill in some code. dA keeps on making a [link] from the namespace url. So, remove the space in the url.


To keep a long story short, we'll update the top bar first. You don't need to make a new image for it, we can use our header image for that. What I added is in red now. It's easy to update.


No much words for this, just see what I've changed.


This state is something you will only see when you hover the image to click it. What you need to do is add 73px to the height. That is the size of the header without the bar above it. You can do that by going to Image - Canvas size. Then hit the 'relative' checkbox and switch to Pixels. There fill in the 73 for height and before you hit the enter button, click on the arrow that points upwards. I just copied my header and dragged it down. Then I dragged that layer beneath the normal state layer and changed the image like this:


Again, I don't mind if you use this image for your header.




When I checked around to see if the code is working properly, I discovered that the statusbar in the chatrooms is updated as well. But in the code for dAmn, the code for that image is disabled, so we won't see it. Allthough, the margins and widths we gave to the topLeft area is still used by it. Therefor we need to fix things a bit. We can do that by adding this to our code:

There, that should fix things again. I hope you liked this tutorial a bit. I liked it, and I'm using it at the moment. I don't mind if you use my images at all. Now go ahead and test it.


If there are things I haven't thought about or maybe bugs, let me know. If you design your own header, make a screenshot and post it. It would be nice to see what you made. It would also be nice if you credit me with a link back.



****************


I added all my Tutorials and Walkthroughs in my sidebar. Because I still get notes asking me how I do things. I intend to make more when work stops eating all my time here. I hope you like them.

Ofcourse you can always just fav the collections as well: Tutorials collection and Walkthroughs collection.



For webdesign school we had to design a goosebump project. My idea was to create a site that allowed people to express their appreciation or love to another person or whatever. I thought about giving something to another person, and what's better then send a flower right? Even though it seems to be a clichè (all clichè's started as something brilliant in the first place), the idea of having a given flower can be so strong. I also wanted to bring nature back into the webdesign world.

Anyhow, wouldn't you love to recieve a flower without knowing from who and what for? It surely would give me goosebumps. So there was the idea of starting Anonymousflower.com.


You can follow the process here: Anonymousflower.com and I hope as soon as it works, that you'll all be sending flowers right?

See the live version here.



Still no preloader. I'm working on that at the moment. I've added a second flower. There will be 9 flowers in total.


Previous question was solved by ¢mindfuckx, thx thx

Here's a new one.

Ok, so that works. There is a dynamic box that shows the reason like it should be displayed. But I've got 5 flowers, that means I got 5 reasons of sending. So is there a way to display all the reasons beneath eachother?

I appreciate every bit of help.


Yannick

<I-- end update -->


For webdesign school we had to design a goosebump project. My idea was to create a site that allowed people to express their appreciation or love to another person or whatever. I thought about giving something to another person, and what's better then send a flower right? Even though it seems to be a clichè (all clichè's started as something brilliant in the first place), the idea of having a given flower can be so strong. I also wanted to bring nature back into the webdesign world.

Anyhow, wouldn't you love to recieve a flower without knowing from who and what for? It surely would give me goosebumps. So there was the idea of starting Anonymousflower.com.


You can follow the process here: Anonymousflower.com and I hope as soon as it works, that you'll all be sending flowers right?

Wellll, it's not a new CSS. It's just been rewritten to match dA. As you can see, it's not finished yet. I still have to paint that header piece and stuff. And I have to start thinking of stuff to put in the sidebar. Now I've got one, I have to use it right? I tried to mimic my own site. You can see my site by clicking on the little stable in the header [how neat is that] Yes, I know it still has a little error when you hover it, but that's just because that painting isn't finished. It just needs some more buttons, and maybe a nicer footer.


A few weeks ago, I was invited by Max to enter his annual manga/comic con in Belgium/Leuven. So I went there with =Yetska, *-lildragon-, ~nikkou-chan, *saitoufly and a few more. Unfortunantly, *la-ela couldn't be with us because she had to visit her grandfather in Amsterdam.

Now, *-lildragon- told me that on cons like that, it's not uncommon that an artist sells his/her work and she gave me tips on printsizes and stuff. All nice and well, I stood there with my 23 zillion prints. Turned out the con was manga only [there were a few people that liked other stuff too, but that must have been the poor side]. At the end of the con, I hadn't sold very much since all manga people just passed my stuff. Propably because the eyes weren't half the size the head or something. I don't know. Well, I sold some by the end anyhow.

After the con, we had loads of fun, ate noodles with sticks, went to see a huge bug, etc. It was all nice, nobody got killed and we were tired when we were home.


Yannick