All times are UTC - 6 hours [ DST ]




Post new topic Reply to topic  [ 38 posts ]  Go to page Previous  1, 2, 3, 4
Author Message
 Post subject: Re: HTML/CSS/PHP/JS Tutorials, Tricks & Scripts
PostPosted: Fri Feb 03, 2017 2:21 pm 
Offline
User avatar

Joined: Thu Jun 21, 2012 6:30 pm
Posts: 3472
Pouch: 839.00 Coins

Bank: 200,219.00 Coins

Location: Coruscant
Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode
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

_________________


Top
 Profile  
 
 Post subject: Re: HTML/CSS/PHP/JS Tutorials, Tricks & Scripts
PostPosted: Fri Feb 03, 2017 3:31 pm 
Offline
Events Staffer
User avatar

Joined: Thu Aug 07, 2014 3:15 pm
Posts: 3040
Pouch: 109.50 Coins

Bank: 82,242.50 Coins

Location: North Carolina, USA
Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode
OOH I have always wanted to know how to do these!! Thank you, Mikari!!

_________________
No matter how your heart is grieving,
if you keep on believing,
the dream that you wish will come true.

// withinmyworld.orgthe visionary sphere network
Previously known as CuriousLittleBird


Top
 Profile  
 
 Post subject: Re: HTML/CSS/PHP/JS Tutorials, Tricks & Scripts
PostPosted: Sat Feb 04, 2017 10:39 pm 
Offline
User avatar

Joined: Thu Jun 21, 2012 6:30 pm
Posts: 3472
Pouch: 839.00 Coins

Bank: 200,219.00 Coins

Location: Coruscant
Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode
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.

_________________


Top
 Profile  
 
 Post subject: Re: HTML/CSS/PHP/JS Tutorials, Tricks & Scripts
PostPosted: Mon Feb 06, 2017 1:55 pm 
Offline
User avatar

Joined: Thu Jun 21, 2012 6:30 pm
Posts: 3472
Pouch: 839.00 Coins

Bank: 200,219.00 Coins

Location: Coruscant
Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode
Another update! This time with fancy scrollbar alternatives

* Webkit Scrollbars – Arrows and stars, image scrollbar examples.

_________________


Top
 Profile  
 
 Post subject: Re: HTML/CSS/PHP/JS Tutorials, Tricks & Scripts [Updated Feb
PostPosted: Wed Feb 08, 2017 4:29 pm 
Offline
User avatar

Joined: Thu Jun 21, 2012 6:30 pm
Posts: 3472
Pouch: 839.00 Coins

Bank: 200,219.00 Coins

Location: Coruscant
Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode
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!

_________________


Top
 Profile  
 
 Post subject: Re: HTML/CSS/PHP/JS Tutorials, Tricks & Scripts [Updated Feb
PostPosted: Thu Feb 09, 2017 6:23 pm 
Offline
User avatar

Joined: Thu Jun 21, 2012 6:30 pm
Posts: 3472
Pouch: 839.00 Coins

Bank: 200,219.00 Coins

Location: Coruscant
Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode
* 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 %.

_________________


Top
 Profile  
 
 Post subject: Re: HTML/CSS/PHP/JS Tutorials, Tricks & Scripts [Updated Feb
PostPosted: Fri Feb 10, 2017 10:10 am 
Offline
Events Staffer
User avatar

Joined: Thu Aug 07, 2014 3:15 pm
Posts: 3040
Pouch: 109.50 Coins

Bank: 82,242.50 Coins

Location: North Carolina, USA
Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode
Beautiful! I never knew how those smooth transitions were made or how you could put things in table format without using tables! :O

_________________
No matter how your heart is grieving,
if you keep on believing,
the dream that you wish will come true.

// withinmyworld.orgthe visionary sphere network
Previously known as CuriousLittleBird


Top
 Profile  
 
 Post subject: Re: HTML/CSS/PHP/JS Tutorials, Tricks & Scripts [Updated Feb
PostPosted: Mon Feb 13, 2017 3:42 pm 
Offline
User avatar

Joined: Thu Jun 21, 2012 6:30 pm
Posts: 3472
Pouch: 839.00 Coins

Bank: 200,219.00 Coins

Location: Coruscant
Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode Click the icon to see the image in fullscreen mode
I had fun experimenting with CSS this break :D

_________________


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 38 posts ]  Go to page Previous  1, 2, 3, 4

All times are UTC - 6 hours [ DST ]


Who is online

Users browsing this forum: No registered users and 1 guest


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum

Search for:
Jump to:  
cron
Style created by © Matti, gry komputerowe, reklama sem reklama. Game of Thrones sigils by Highgarden.

Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group