<![CDATA[TandemTables Forum - Code]]> http://tandemtables.com/forum/ Wed, 13 May 2026 10:16:36 +0000 MyBB <![CDATA[Riverdrift Tools]]> http://tandemtables.com/forum/showthread.php?tid=19908 Sun, 14 Jan 2024 01:06:33 +0000 http://tandemtables.com/forum/showthread.php?tid=19908 https://riverdrift.com/tools/]]> https://riverdrift.com/tools/]]> <![CDATA[Halloween Javascript]]> http://tandemtables.com/forum/showthread.php?tid=19895 Wed, 04 Oct 2023 01:00:08 +0000 http://tandemtables.com/forum/showthread.php?tid=19895 https://codemyui.com/tag/halloween/]]> https://codemyui.com/tag/halloween/]]> <![CDATA[Javascript word game]]> http://tandemtables.com/forum/showthread.php?tid=19888 Tue, 25 Jul 2023 05:10:55 +0000 http://tandemtables.com/forum/showthread.php?tid=19888 https://skillcrush.com/blog/projects-you...ipt/#guess]]> https://skillcrush.com/blog/projects-you...ipt/#guess]]> <![CDATA[Selling Memorial Day]]> http://tandemtables.com/forum/showthread.php?tid=19882 Sat, 20 May 2023 18:32:50 +0000 http://tandemtables.com/forum/showthread.php?tid=19882
https://localiq.com/blog/memorial-day-em...ect-lines/]]>
https://localiq.com/blog/memorial-day-em...ect-lines/]]> <![CDATA[Jaws]]> http://tandemtables.com/forum/showthread.php?tid=19852 Fri, 16 Dec 2022 02:32:55 +0000 http://tandemtables.com/forum/showthread.php?tid=19852
http://d21c.com/leprofesseur/css/Jaws.html]]>
http://d21c.com/leprofesseur/css/Jaws.html]]> <![CDATA[CSS Triangles Diamonds Hearts]]> http://tandemtables.com/forum/showthread.php?tid=19840 Fri, 02 Dec 2022 20:49:14 +0000 http://tandemtables.com/forum/showthread.php?tid=19840
This is Psrt III of the CSS Shapes series.

http://d21c.com/leprofesseur/Tr-diam-hrt-feature.html]]>
This is Psrt III of the CSS Shapes series.

http://d21c.com/leprofesseur/Tr-diam-hrt-feature.html]]> <![CDATA[Halloween css]]> http://tandemtables.com/forum/showthread.php?tid=19833 Thu, 27 Oct 2022 04:09:25 +0000 http://tandemtables.com/forum/showthread.php?tid=19833 https://css-tricks.com/favorite-halloween-pens/]]> https://css-tricks.com/favorite-halloween-pens/]]> <![CDATA[CSS Diamonds and Hearts]]> http://tandemtables.com/forum/showthread.php?tid=19825 Fri, 05 Aug 2022 19:16:00 +0000 http://tandemtables.com/forum/showthread.php?tid=19825 http://d21c.com/leprofesseur/1/php/newextractor.php


http://d21c.com/leprofesseur/feature.html

Here are the main code components.



This moves the stars and spreads the diamonds a the end

http://d21c.com/leprofesseur/css/heart-diamond.js

This creates the concentric circles. The circles are layered to produce a ring effect.

http://d21c.com/leprofesseur/css/circle.css


This creates the hearts

http://d21c.com/leprofesseur/css/heart.css



This creates the stars.

http://d21c.com/leprofesseur/css/star.css

Their size can be varied by these lines of code

-moz-transform: rotate(35deg) scale(.5);

-webkit-transform: rotate(35deg) scale(.5);

-ms-transform: rotate(35deg) scale(.5);

-o-transform: rotate(35deg) scale(.5);

This creates the triangles and rotates them.

http://d21c.com/leprofesseur/css/triangle.css

By varying start, cycles and iterations independent movement can be created. rd2 is the bottom red triangle and rd is the top one.
animation-name: rd2;

animation-delay: 5s;

animation-duration: 5s;

animation-iteration-count: 8;


This, as the name implies, zooms the hearts in and out.
http://d21c.com/leprofesseur/css/zoom.css

By setting the delay to 0 Prof icon appears to materialize out of thin air. The duration time controls the rate of appearance
.z-animate-zoom-p{

animation-name: animatezoom;

animation-delay: 0s;

animation-duration: 204s;

animation-iteration-count: 1;}

@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}


The resized hearts must be wrapped in a container with the position set at left:0px;top;0px;

http://d21c.com/leprofesseur/css/tri-heart-data.css

This is the wrap for the red star. It is invisible as it doesn't contain any data
#rw{

position:absolute;left:0px;top:0px;

}
and this is the completed wrap
 


]]> http://d21c.com/leprofesseur/1/php/newextractor.php


http://d21c.com/leprofesseur/feature.html

Here are the main code components.



This moves the stars and spreads the diamonds a the end

http://d21c.com/leprofesseur/css/heart-diamond.js

This creates the concentric circles. The circles are layered to produce a ring effect.

http://d21c.com/leprofesseur/css/circle.css


This creates the hearts

http://d21c.com/leprofesseur/css/heart.css



This creates the stars.

http://d21c.com/leprofesseur/css/star.css

Their size can be varied by these lines of code

-moz-transform: rotate(35deg) scale(.5);

-webkit-transform: rotate(35deg) scale(.5);

-ms-transform: rotate(35deg) scale(.5);

-o-transform: rotate(35deg) scale(.5);

This creates the triangles and rotates them.

http://d21c.com/leprofesseur/css/triangle.css

By varying start, cycles and iterations independent movement can be created. rd2 is the bottom red triangle and rd is the top one.
animation-name: rd2;

animation-delay: 5s;

animation-duration: 5s;

animation-iteration-count: 8;


This, as the name implies, zooms the hearts in and out.
http://d21c.com/leprofesseur/css/zoom.css

By setting the delay to 0 Prof icon appears to materialize out of thin air. The duration time controls the rate of appearance
.z-animate-zoom-p{

animation-name: animatezoom;

animation-delay: 0s;

animation-duration: 204s;

animation-iteration-count: 1;}

@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}


The resized hearts must be wrapped in a container with the position set at left:0px;top;0px;

http://d21c.com/leprofesseur/css/tri-heart-data.css

This is the wrap for the red star. It is invisible as it doesn't contain any data
#rw{

position:absolute;left:0px;top:0px;

}
and this is the completed wrap
 


]]> <![CDATA[PHP Shares]]> http://tandemtables.com/forum/showthread.php?tid=19818 Sat, 09 Jul 2022 04:09:17 +0000 http://tandemtables.com/forum/showthread.php?tid=19818
https://phpgurukul.com/php-projects-free-downloads/]]>
https://phpgurukul.com/php-projects-free-downloads/]]> <![CDATA[Fireworks JS plus other scripts]]> http://tandemtables.com/forum/showthread.php?tid=19808 Tue, 21 Jun 2022 17:29:59 +0000 http://tandemtables.com/forum/showthread.php?tid=19808 https://slicker.me/javascript/fireworks.htm]]> https://slicker.me/javascript/fireworks.htm]]> <![CDATA[Calculate age JS]]> http://tandemtables.com/forum/showthread.php?tid=19802 Thu, 02 Jun 2022 01:07:32 +0000 http://tandemtables.com/forum/showthread.php?tid=19802 https://www.javatpoint.com/calculate-age...javascript]]> https://www.javatpoint.com/calculate-age...javascript]]> <![CDATA[Cool HTML effects]]> http://tandemtables.com/forum/showthread.php?tid=19783 Wed, 20 Apr 2022 04:22:06 +0000 http://tandemtables.com/forum/showthread.php?tid=19783 https://www.makeuseof.com/tag/7-cool-htm...ebsite-nb/]]> https://www.makeuseof.com/tag/7-cool-htm...ebsite-nb/]]> <![CDATA[King Louie Baloo Production]]> http://tandemtables.com/forum/showthread.php?tid=19768 Sat, 26 Feb 2022 16:17:25 +0000 http://tandemtables.com/forum/showthread.php?tid=19768
http://d21c.com/leprofesseur/kinglouie.html]]>
http://d21c.com/leprofesseur/kinglouie.html]]> <![CDATA[Vortex]]> http://tandemtables.com/forum/showthread.php?tid=19751 Fri, 28 Jan 2022 21:34:34 +0000 http://tandemtables.com/forum/showthread.php?tid=19751 This is how the closing vortex sequence was achieved.

This is the main page
http://d21c.com/leprofesseur/vortex.html

These are the pages that actually contain the vortex images

http://d21c.com/leprofesseur/b/vortex.html

http://d21c.com/leprofesseur/b/vortex-b.html

that refresh to
http://d21c.com/leprofesseur/b/vortex-1.html
http://d21c.com/leprofesseur/b/vortex-b1.html

where the css animation takes place.]]> This is how the closing vortex sequence was achieved.

This is the main page
http://d21c.com/leprofesseur/vortex.html

These are the pages that actually contain the vortex images

http://d21c.com/leprofesseur/b/vortex.html

http://d21c.com/leprofesseur/b/vortex-b.html

that refresh to
http://d21c.com/leprofesseur/b/vortex-1.html
http://d21c.com/leprofesseur/b/vortex-b1.html

where the css animation takes place.]]> <![CDATA[WEBVTT-Web Video Text Tracts]]> http://tandemtables.com/forum/showthread.php?tid=19729 Tue, 07 Dec 2021 02:26:05 +0000 http://tandemtables.com/forum/showthread.php?tid=19729 https://developer.mozilla.org/en-US/docs...WebVTT_API

Windows 11, Edge browser, chrome, and google chrome should see the colored text and characters. Believe Safari, ipad, see only colored text and the characters as character uni-code only. It would be helpful if viewers would include their browser type with their comments. Would help in future presentations. Thank you

WEBVTT basically a method of adding text to videos. You see it all the time on Youtube and on your TV.

http://d21c.com/leprofesseur/vtt/america-1.html]]> https://developer.mozilla.org/en-US/docs...WebVTT_API

Windows 11, Edge browser, chrome, and google chrome should see the colored text and characters. Believe Safari, ipad, see only colored text and the characters as character uni-code only. It would be helpful if viewers would include their browser type with their comments. Would help in future presentations. Thank you

WEBVTT basically a method of adding text to videos. You see it all the time on Youtube and on your TV.

http://d21c.com/leprofesseur/vtt/america-1.html]]> <![CDATA[css html Christmas]]> http://tandemtables.com/forum/showthread.php?tid=19723 Sat, 04 Dec 2021 20:19:16 +0000 http://tandemtables.com/forum/showthread.php?tid=19723 https://bashooka.com/coding/25-cool-css-...n-effects/]]> https://bashooka.com/coding/25-cool-css-...n-effects/]]> <![CDATA[Thanksgiving Interview]]> http://tandemtables.com/forum/showthread.php?tid=19714 Mon, 01 Nov 2021 17:40:15 +0000 http://tandemtables.com/forum/showthread.php?tid=19714 https://storycorps.org/thanksgiving2020/]]> https://storycorps.org/thanksgiving2020/]]> <![CDATA[css Halloween]]> http://tandemtables.com/forum/showthread.php?tid=19699 Thu, 14 Oct 2021 05:05:23 +0000 http://tandemtables.com/forum/showthread.php?tid=19699 https://css-tricks.com/favorite-halloween-pens/]]> https://css-tricks.com/favorite-halloween-pens/]]> <![CDATA[CSS Text]]> http://tandemtables.com/forum/showthread.php?tid=19687 Fri, 17 Sep 2021 02:55:50 +0000 http://tandemtables.com/forum/showthread.php?tid=19687
http://d21c.com/leprofesseur/css-text.html]]>
http://d21c.com/leprofesseur/css-text.html]]> <![CDATA[Audio Animation Control]]> http://tandemtables.com/forum/showthread.php?tid=19675 Wed, 25 Aug 2021 00:44:55 +0000 http://tandemtables.com/forum/showthread.php?tid=19675
http://d21c.com/leprofesseur/audio-anima...ntrol.html]]>
http://d21c.com/leprofesseur/audio-anima...ntrol.html]]>