Comments | layout_lounge: 86. Gradient Hover

sireesanwar in layout_lounge

86. Gradient Hover

Mar 27, 2014 13:21

Layout Style: S2 Flexible Squares
Features: Gradient chages and hover effects
Layout Width: 1000px

( Read more... )

layout-color: turquoise, feature: header-navbar, topic: stock, account: paid-permanent, topic: season, layout-color: blue, .flexible-squares, topic: color, feature: background, !all-layouts

Comments 22

sexycazzy March 27 2014, 21:46:08 UTC

Very nice! I am thinking that I might use this layout for a banner that I have been wanting to use but didn't match the current layout.

Two questions: Would it be possible for me to change the background and the colour of the navigation links header?

Thanks! :D

sireesanwar March 27 2014, 22:09:02 UTC

Yes on all accounts. If you send me the banner link I might be able to fix something up for you.

sexycazzy March 27 2014, 22:22:51 UTC

Wow - that's kind of you to offer! thanks!

Here's a link to the banner: http://i.imgur.com/c076uGQ.png

sireesanwar March 30 2014, 07:38:02 UTC

I made a few changes which you can see over at workshop_rees. I post the coding over there. You can, of course, make more changes if you like but I got the ball rolling for you.

Thread 10

dikana May 21 2014, 16:00:31 UTC

I want to congratulate you for your work, your layouts are beautiful!! &heart ( ... )

sireesanwar May 21 2014, 18:46:22 UTC

Thank you so much. Your comment is wonderful and encouraging. I seriously doubt I'll stop any time soon if at all. I'm currently working the bugs out of a new layout so...

Where did you get this other layout. It is possible I can recreate the "button" look for you but I'd have to see it.

dikana May 22 2014, 10:22:53 UTC

You're very welcome! XD Please, don't stop; you really make awesome designs! :D ( ... )

sireesanwar May 22 2014, 22:04:55 UTC

Sure go ahead and send me the coding via PM.

What do you mean by "common links"? Just links in a post?

The header image problem is actually explained above in Additional Layout Directions.

Your image has a height of 400 show a few numbers need to be changed.

In the coding find .content and change the margin-top: 150px; to margin-top: 250px;

Then go to .maincontent and change the margin-top: 310px; to 410.

You did follow the directions above but you weren't adding only 50px like the example above; you were adding 150px. So that needs to be reflected. You got it right in the .headerimage section.

Thread 8

reza_danish October 19 2014, 18:08:52 UTC

Hello :)
I like this layout and already change the header too.
Thank you so much ^^

Is it okay if I'm using your layout although i'm not a member?

sireesanwar October 21 2014, 23:49:20 UTC

Not a problem at all.

Enjoy!

hughville November 15 2014, 19:21:49 UTC

Your layouts are simply the best I've seen.

Can this one be sized down to 800px from 1000px or will that mess with the way it looks?

sireesanwar November 18 2014, 23:02:56 UTC

Sure....
http://workshop-rees.livejournal.com/19895.html

I took the liberty of doing it.

Just remember to come back here for header tips.