HTML/CSS/PHP/JS Tutorials, Tricks & Scripts [Updated Feb 8]

Everything related to the visual and coding aspects of websites.
Mikari
Posts: 3159
Joined: Thu Jun 21, 2012 6:30 pm
Location: Coruscant
Contact:

Re: HTML/CSS/PHP/JS - Newest: Cursor Special Effects

Post by Mikari »

Moving Background - A CSS tutorial about how to make a moving background effect like the one used on AzureLight.net version Uroko.
Robin
Events Staffer
Posts: 3072
Joined: Thu Aug 07, 2014 3:15 pm
Location: North Carolina, USA
Contact:

Re: HTML/CSS/PHP/JS - Newest: Moving Background

Post by Robin »

YAAAAAAAAS I WAS WONDERING ABOUT THISSS
~ a dream is a wish your heart makes ~
withinmyworld.org
Mikari
Posts: 3159
Joined: Thu Jun 21, 2012 6:30 pm
Location: Coruscant
Contact:

Re: HTML/CSS/PHP/JS - Newest: Moving Background

Post by Mikari »

It's not too complicated, but it can really make a difference :D
Mikari
Posts: 3159
Joined: Thu Jun 21, 2012 6:30 pm
Location: Coruscant
Contact:

Re: HTML/CSS/PHP/JS - Newest: top banner and navi bar css tr

Post by Mikari »

New css trick added!

* Banner and Navigation Bar - A banner that scrolls and reveals a navigation bar which stays on top of the page as it continues to scroll. It's useful if you have a larger navigation on the top banner and want to constantly keep a small one on the screen for easy accesses. The code can also be modified to make the navigation bar visible before the banner scrolls off. No JS required, just CSS. The download has the code, not really any notes on it, but it's a simple trick so it should be easy to understand.
Mikari
Posts: 3159
Joined: Thu Jun 21, 2012 6:30 pm
Location: Coruscant
Contact:

Re: HTML/CSS/PHP/JS Tutorials, Tricks & Scripts

Post by Mikari »

CSS mouse over effects!

* CSS Mouse Over Effects - Two mouse over effects to show a short description when hovering over a preview image. I also posted it at code pen
Robin
Events Staffer
Posts: 3072
Joined: Thu Aug 07, 2014 3:15 pm
Location: North Carolina, USA
Contact:

Re: HTML/CSS/PHP/JS Tutorials, Tricks & Scripts

Post by Robin »

OOH I have always wanted to know how to do these!! Thank you, Mikari!!
~ a dream is a wish your heart makes ~
withinmyworld.org
Mikari
Posts: 3159
Joined: Thu Jun 21, 2012 6:30 pm
Location: Coruscant
Contact:

Re: HTML/CSS/PHP/JS Tutorials, Tricks & Scripts

Post by Mikari »

You're welcome! I added two more!

* CSS Mouse Over Effects Part 2 - Two more mouse over effects to show a short description when hovering over a preview image.
Mikari
Posts: 3159
Joined: Thu Jun 21, 2012 6:30 pm
Location: Coruscant
Contact:

Re: HTML/CSS/PHP/JS Tutorials, Tricks & Scripts

Post by Mikari »

Another update! This time with fancy scrollbar alternatives

* Webkit Scrollbars – Arrows and stars, image scrollbar examples.
Mikari
Posts: 3159
Joined: Thu Jun 21, 2012 6:30 pm
Location: Coruscant
Contact:

Re: HTML/CSS/PHP/JS Tutorials, Tricks & Scripts [Updated Feb

Post by Mikari »

Update! Everyone needs to try this one!

* CSS Transitions - A short code that can make a big difference, hover effects will look smooth and cool!
Mikari
Posts: 3159
Joined: Thu Jun 21, 2012 6:30 pm
Location: Coruscant
Contact:

Re: HTML/CSS/PHP/JS Tutorials, Tricks & Scripts [Updated Feb

Post by Mikari »

* Inline blocks are better than tables part 1 http://mikaristar.deviantart.com/art/In ... -662534764 and part 2 http://mikaristar.deviantart.com/art/In ... -662552180 Easier to change when the layout changes and they can even be made responsive with %.
Post Reply