GerDevCole
-
Posts
11 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Posts posted by GerDevCole
-
-
Thanks so much. I'll try that.
-
Does anyone know how to adapt this code to replace the snowflakes with 'hearts' for Valentine's Day or 'eggs' for Easter ?
-
On 12/16/2020 at 2:26 PM, bangank36 said:
Christmas is coming and this little code snippet can bring snowflakes to your site
<style> /* customizable snowflake styling */ .snowflake { color: #fff; font-size: 1em; font-family: Arial, sans-serif; text-shadow: 0 0 5px #000; } @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s} </style> <div class="snowflakes" aria-hidden="true"> <div class="snowflake"> ❅ </div> <div class="snowflake"> ❆ </div> <div class="snowflake"> ❅ </div> <div class="snowflake"> ❆ </div> <div class="snowflake"> ❅ </div> <div class="snowflake"> ❆ </div> <div class="snowflake"> ❅ </div> <div class="snowflake"> ❆ </div> <div class="snowflake"> ❅ </div> <div class="snowflake"> ❆ </div> <div class="snowflake"> ❅ </div> <div class="snowflake"> ❆ </div> </div>
Add it into Code injection header
Thank you so much. I have just used this and it looks great. Really appreciate you sharing it.
-
-
Did you get an answer for this. I had the same question and found code online to do it. If you need it lemme know.
Ger
-
Site URL: https://www.donaghmedesc.org/our-stores
Hi,
I have a grid : simple on this page of my website : https://www.donaghmedesc.org/our-stores which displays perfectly well in Chrome BUT on IE it seems to be displaying the mobile version on the desktop - therefore its showing large blurry images.
Am using 7.1
Any ideas ?
thanks
Ger
-
Hi tuanphan - I just want to translate Monday, Tuesday etc in the calendar grid. I also want to translate the month in the grid heading.
The following code does in fact change the days in the grid but the English is still there - it does not overwrite the content.
.yui3-calendar-weekday[aria-label="Monday"]:after {
content : "Luan";
}.yui3-calendar-weekday[aria-label="Tuesday"]:after {
content : "Mairt";}
Ger
-
Am trying something like this for the days but can't get the correct selectors for the Month. Also can't yet hide the English dayname - it is still appearing alongside the Irish one.
.yui3-calendar-weekday[aria-label="Monday"]:after {
content : "Luan";
}.yui3-calendar-weekday[aria-label="Tuesday"]:after {
content : "Mairt";}
-
No haven't solved it, thanks for offering to look at it.
-
Hi,
Did any of you guys get code for change the language for months and days on the default SSpace calendar. Would appreciate some advice.
Thanks
Ger
Falling snowflakes on webpage
in Customize with code
Posted
Can't thank you enough. Working beautifully. Really appreciate it.
Ger In Dublin Ireland