About: Hello i'm Shawn, a lot of people don't know this might i'm actually 14. I just wanted you guys to know that. Even though i'm only 14 i'm one of the most experienced JavaScript developer on this forum. Every month I make a new post about code requests. You can request to have me make you a script for whatever you. It's not guaranteed that I can make either because it might take too long to make or I just can't make it because it is not made in JavaScript. It might also be a little too advanced for me. I mean, I've been only using JavaScript for about 1 and a half years.
I hope that you guys will find me useful on this forum.
- 486 Posts
- 26 Reply Likes
- excited
Posted 7 years ago
- 3 Posts
- 0 Reply Likes
Im trying to get one of those 'pop-up' email capture forms to appear when someone visits my site for the first time. The current form yola offers doesn't cater for this.
Is this a difficult thing to do?
Would it be possible to get some code for something like this? Along with an explanation of how to 'tweak' it and use/embed it to get this to work?
Any help or suggestions would be greatly appreciated.
Thanks,
Bryan
- 62 Posts
- 17 Reply Likes
I share my music for download on my site, and up until now i've just been using Yola's "File" widget, because it's quick and easy. However this means that people have to right click and select "Save Target As" to download. Would there be a way to change this to a single left click to download?
Also is there a code which would allow me to keep using the "File" widget (where it would basically apply the one click download to all files by default) or will I have to stop using that and start using HTML tags for each file?
- 486 Posts
- 26 Reply Likes
- 62 Posts
- 17 Reply Likes
http://eyeshalfclosed.yolasite.com/
Scroll to the bottom and you'll see all the files - and as you can see I've had to put instructions there to right click and "save as" to download, because people were coming to me confused with how to do it. Which is why I'd like to make it one left click download.
- 486 Posts
- 26 Reply Likes
- 486 Posts
- 26 Reply Likes
Nathan, Champion
- 3739 Posts
- 307 Reply Likes
- 486 Posts
- 26 Reply Likes
- 7473 Posts
- 2115 Reply Likes

- 62 Posts
- 17 Reply Likes
- 62 Posts
- 17 Reply Likes
- 7473 Posts
- 2115 Reply Likes
- 62 Posts
- 17 Reply Likes
Well cheers guys, I'll give it a try.
Nathan, Champion
- 3739 Posts
- 307 Reply Likes
On Windows:
Open Windows Explorer, navigate to the .zip file, right click and choose "Extract all" and then it'll unzip.
On Mac OS X:
Open Finder, navigate to the .zip file and double click it.
@Gop: Haha, thanks :)
- 7473 Posts
- 2115 Reply Likes
Use your operating system compression program to turn your download file into a zip file.
Upload that zip file to your File manager.
resources/{optional folder}/mp3.zip
Edit the page where you want the link and add a standard anchor link to the zip file.
<a href="resources/{optional-folder}/mp3.zip">Download the mp3 file</a>
Tips:
Most operating systems have some compression software built in. If yours doesn't, you can look up "zip files" in a search engine to find a program to build them for you.
You can use this technique for images, movies, music, and documents as well as PDF files. Anything you can compress as a zip file you can post to your site for download.
What You Need
The file to be downloaded.
- 48 Posts
- 3 Reply Likes
''Shawn Holman 7 days ago
So you want that same looking bar but you want me to make it so other sites can embed it onto their site? You want them to have that whole bar on there site?
Thanks for explaining,
Shawn''
''samphillips97 7 days ago
I'd like a version of the tab with the text 'badges' at the top of the page for my other site, with the text 'return to main site' and a link to the page I'd like.''
Thanks :)
- 486 Posts
- 26 Reply Likes
- 48 Posts
- 3 Reply Likes
- 486 Posts
- 26 Reply Likes
- 55 Posts
- 4 Reply Likes
- 486 Posts
- 26 Reply Likes
Thanks for the reply,
Shawn
- 55 Posts
- 4 Reply Likes
- 55 Posts
- 4 Reply Likes
Nathan, Champion
- 3739 Posts
- 307 Reply Likes
Yes, this is possible. :)
You will need to rename each of the images to "afternoon.jpg", "night.jpg" and "morning.jpg" (if the extension if .gif or .png, don't change the extension only the name before the dot, and you can set the extension in the code below). Once you have done that, make sure you have them uploaded in your file manager and just drag over an HTML widget and paste this into it at the top of your page:
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var datetoday = new Date(),
timenow = datetoday.getTime(),
ext = ".jpg"; // the extension of the images (i.e. ".jpg", ".gif", ".png").
datetoday.setTime(timenow);
var thehour = datetoday.getHours(),
display = '';
if (thehour > 18) display = "evening";
else if (thehour > 12) display = "afternoon";
else display = "morning";
$('.greeting_img').html('<img src="resources/' + display + ext + '" />');
});​
</script>
And now, you can place this anywhere on the page in an HTML widget (this way you can display the image in more than one place if you'd like):
<span class="greeting_img"></span>
I hope this helps! Let me know if you have any questions or issues.
-Nathan
- 55 Posts
- 4 Reply Likes
- 55 Posts
- 4 Reply Likes
});
- 55 Posts
- 4 Reply Likes
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var datetoday = new Date(),
timenow = datetoday.getTime(),
ext = ".jpg"; // the extension of the images (i.e. ".jpg", ".gif", ".png").
datetoday.setTime(timenow);
var thehour = datetoday.getHours(),
display = '';
if (thehour > 18) display = "co.uk/multimedia/archive/01204/Full_moon_1204649c.jpg";
else if (thehour > 12) display = "http://freeimagesarchive.com/data/media/215/16_sky.jpg";
else display = "ttp://www.publicdomainpictures.net/pictures/20000/nahled/morning-sky.jpg";
$('.greeting_img').html('<img src="resources/' + display + ext + '" />');
});
</script>
</pre>
- 486 Posts
- 26 Reply Likes
<span class="greeting_img"></span>
Nathan, Champion
- 3739 Posts
- 307 Reply Likes
Nathan, Champion
- 3739 Posts
- 307 Reply Likes
- 55 Posts
- 4 Reply Likes
- 55 Posts
- 4 Reply Likes
Nathan, Champion
- 3739 Posts
- 307 Reply Likes
You need to download those images and upload them to your file manager, then it will work. The reason why it currently is not working is because the browser is interpreting it as something like:
resources/ttp://www.publicdomainpictures.net/pictures/20000/nahled/morning-sky.jpg.jpg
(that obviously doesn't exist)
In each of the parts of the long code, just put everything that is before the ".jpg" for the image name.
I can modify the code for you if you don't want to upload the images to your file manager, but it is considered band width theft when you link to another server's image (unless they say they allow it) because each time you visit your site it goes to their server to receive the image, therefore it takes some of their bandwidth.
- 55 Posts
- 4 Reply Likes
Nathan, Champion
- 3739 Posts
- 307 Reply Likes
It's only if it's the image address. If you save it, it's completely fine because it is hosted on your account. :)
You can use the first code I posted if you name them each as morning.jpg, afternoon.jpg, and night.jpg and put them in the file manager (you won't have to modify the code if you name them each as that).
- 55 Posts
- 4 Reply Likes
- 55 Posts
- 4 Reply Likes
Nathan, Champion
- 3739 Posts
- 307 Reply Likes
- 55 Posts
- 4 Reply Likes
- 55 Posts
- 4 Reply Likes
Nathan, Champion
- 3739 Posts
- 307 Reply Likes
- 55 Posts
- 4 Reply Likes
Nathan, Champion
- 3739 Posts
- 307 Reply Likes
Nathan, Champion
- 3739 Posts
- 307 Reply Likes
Just place this code in an HTML widget where you want the image, and change the variable "src" value to the image you want... if it's in your file manager put "resources/image.jpg" (replacing image.jpg with the actual image name).
<script type="text/javascript>
var src = "http://dl.dropbox.com/u/25819920/happy-face-istock.jpg", // url to image
rand1 = Math.round(Math.random() * 13000),
rand2 = Math.round(Math.random() * 10000);
if (rand1 >= rand2) {
document.getElementById('special_image').innerHTML = '<img src="' + src + '" />';
}​
</script>
<span id="special_image"></span>
- 55 Posts
- 4 Reply Likes
<script type="text/javascript>
var src = "http://i1169.photobucket.com/albums/r509/WarriorRainstarCat/FireProphecy.jpg", // url to image
rand1 = Math.round(Math.random() * 13000),
rand2 = Math.round(Math.random() * 10000);
if (rand1 >= rand2) {
document.getElementById('special_image').innerHTML = '<img src="' + src + '" />';
}
</script>
<span id="special_image"></span>
</pre>
Nathan, Champion
- 3739 Posts
- 307 Reply Likes
- 55 Posts
- 4 Reply Likes
Nathan, Champion
- 3739 Posts
- 307 Reply Likes
Nathan, Champion
- 3739 Posts
- 307 Reply Likes
<script type="text/javascript">
I'm sorry about that, that is my fault.
- 55 Posts
- 4 Reply Likes
Nathan, Champion
- 3739 Posts
- 307 Reply Likes
- 7473 Posts
- 2115 Reply Likes
Have either/both of you had any experience with Boxslider? The installation and functional options work straight off the site. The problem is the styling. Things like Prev and Next buttons, pager indicators are all well displayed on various demos (a lot of them) but there is no instruction and I don't understand the styling aspects of it at all. I know it's for people who have more than basic skills with JQuery and I have none.
If you have the experience and interest with this could you let me know if you would be prepared to look at some styling aspects. If so I will give you the references that I have found. If not or you are too busy then it's not an issue at all.
- 486 Posts
- 26 Reply Likes
- 7473 Posts
- 2115 Reply Likes
http://bxslider.com/ Is the site.
Let me know if you want images for the "prev" * "next" indicators plus "pager" images. Gop and thank you.
- 486 Posts
- 26 Reply Likes
- 7473 Posts
- 2115 Reply Likes
What code are you meaning?
The Box Slide code is in that link that I posted. There is no other code that I have. I do have the images though for the buttons etc.
I haven't added any CSS as I don't know how to apply this specifically to the Slider.
Gop.
- 486 Posts
- 26 Reply Likes
- 7473 Posts
- 2115 Reply Likes

- 486 Posts
- 26 Reply Likes
- 7473 Posts
- 2115 Reply Likes
- 486 Posts
- 26 Reply Likes
- 7473 Posts
- 2115 Reply Likes
Box Slider is the premier product so I was trying to get it going.
Thanks for looking at this. Shawn.
- 486 Posts
- 26 Reply Likes
- 3 Posts
- 0 Reply Likes

- 486 Posts
- 26 Reply Likes
If you want me to do this, email me at: shawn@weebuild.biz and we can talk some more.
Best,
Shawn
- 5 Posts
- 0 Reply Likes
I was referred to you by a Yola Employee when I asked a question on the forum.
I was told that you should be able to help me and was given the link to this page, so I hope that you can help me :)
My original question was:
Hello,
I am trying to get a category selector for my website, with the final category you choose sending you to a webpage, but I would like it to be in a smooth format like the eBay one: http://goo.gl/tz7mf
Can someone please tell me how to do this or give me the HTML code to do this. If this cannot be done then can you please put this up as an Idea and possibly implement it into the site builder?
-
Can you please help me with this by giving me the HTML code for this so I can implement it into my website?
Thank you,
Scott
- 9 Posts
- 0 Reply Likes
For the emboutiellage (brown)
This reply was created from a merged topic originally titled
Horizontal dropdown submenu (tried for THREE HOURS!!!!!).
- 486 Posts
- 26 Reply Likes
- 9 Posts
- 0 Reply Likes
- 2 Posts
- 0 Reply Likes
#fblikepop{background-color:#fff;display:none;position:fixed;top:200px;_position:absolute; /* hack for IE 6*/width:450px;border:10px solid #6F6F6F;z-index:200;-moz-border-radius: 9px;-webkit-border-radius: 9px;margin:0pt;padding:0pt;color:#333333;text-align:left;font-family:arial,sans-serif;font-size:13px;}
#fblikepop body{background:#fff none repeat scroll 0%;line-height:1;margin:0pt;height:100%;}
.fbflush{cursor: pointer;font-size:11px !important;color:#FFF !important;text-decoration:none !important;border:0 !important;}
#fblikebg{display:none;position:fixed;_position:absolute; /* hack for IE 6*/height:100%;width:100%;top:0;left:0;background:#000000;z-index:100;}
#fblikepop #closeable{float:right;margin:7px 15px 0 0;}
#fblikepop h1{background:#6D84B4 none repeat scroll 0 0;border-top:1px solid #3B5998;border-left:1px solid #3B5998;border-right:1px solid #3B5998;color:#FFFFFF !important;font-size:18px !important;font-weight:normal !important;padding:5px !important;margin:0 !important;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important;}
#fblikepop #actionHolder{height:30px;overflow:hidden;}
#fblikepop #buttonArea{background:#F2F2F2;border-top:1px solid #CCCCCC;padding:10px;min-height:50px;}
#fblikepop #buttonArea a{color:#999999 !important;text-decoration:none !important;border:0 !important;font-size:10px !important;}
#fblikepop #buttonArea a:hover{color:#333 !important;text-decoration:none !important;border:0 !important;}
#fblikepop #popupMessage{font-size:12px !important;font-weight:normal !important;line-height:22px;padding:8px;background:#fff !important;}
#fblikepop #counter-display{float:right;font-size:11px !important;font-weight:normal !important;margin:5px 0 0 0;text-align:right;line-height:16px;}
This reply was created from a merged topic originally titled
How to get like box?.
- 486 Posts
- 26 Reply Likes
2. Not sure how the transitions are suppose to look
3. You have no HTML at all not even surrounding the CSS so of course it wont show.
4. There is no javascript, so you couldn't make it Show (if it is hidden) or you can't make it show.
Please give me more information. The code you posted is just CSS. That just styles everything, you need HTML to actually make stuff display and you need JavaScript to make everything functional.
- 2 Posts
- 0 Reply Likes
Thanks
This reply was created from a merged topic originally titled
How do i add a pop up window onto my site?.
- 2 Posts
- 0 Reply Likes
Eyes Half Closed
http://www.jotform.com/
You can then place this in prominent point in your site, with the link reading "First Time User?". You can always create an image which says this, if you wanted it to look a bit more fancy / attract attention.
You can create a pop up window that will pop up automatically when you visit the site, however the danger is once the person who visits their site clears their history, the pop up will show up again.
Anyway many people such as myself, have pop up blockers installed, which means they wouldn't be able to see it anyway. My advice would be to use a lightbox instead. If you're not familiar with a light-box, when in Yola Sitebuilder and you click "Preview" a lightbox is what the preview displays in).
Shawn Holman