I'm a little late this month but I would like you guys to request some needed codes that you can't find on the web.
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.
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.
Posted 8 years ago
Hi Shawn,
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?
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?
Can I see a page with the file widget on it. I never used it so I don't know at the moment.
Well here's my page where I'm sharing.
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.
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.
I don't see the save target as. What browser are you using?
Oh, nevermind. I see the Save as Link button. But i'm sorry to say with Yola there is no way in doing it in just one left click.
Nathan, Champion
What you could do is put the files in zip folders. Then when you left click it, it'll instantly download because zip folders download automatically when you go to one and it doesn't redirect.
Great call Nathan. Well done. 
Nathan, I actually didn't think of that :) Now I feel slow. xD
Doesn't matter it's such a good find and a great call and the 5 stars I've posted aren't displaying 
Thanks for the suggestion, although there isn't any way I can do this with .mp3 files?
Because then I have to explain to people how to unzip a zip folder :)
No. it should automatically Unzip on download and display with the appropriate application. It's a function of recent browsers I think. You can put mp3 files in a zip file for this purpose. They won't compress significantly but will be seen as a zipped file.
Oh sorry zip folder? I thought you mean .zip archive file!
Well cheers guys, I'll give it a try.
Well cheers guys, I'll give it a try.
Nathan, Champion
I don't know if it'll automatically unzip because by "zip folder" I meant a .zip file, but to unzip (I'm sure you know this)...
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 :)
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 :)
Adapted from a commentary by Jennifer Kyrnin http://webdesign.about.com/od/beginni...
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.
''Ok, would like one last thing, I'd quite like a code to create something similar to the badge tab at the top of my site (www.sssgamingleagues.co.uk) for my other sites to use as a link back to the main site.''
''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 :)
''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 :)
I've made you wait 10 days! I'm really sorry. So you wan't that same bar on another site but with a link returning to sssgamingleagues?
No worries, ideally yes, looking the same but if that's not possible then don't worry, I'd like it on the other side of screen and linked to my main site, would it be possible for me to edit the link if necessary at a later date?
Yes, its possible. By other side of the screen do you mean that you want the bar at the bottom instead of the top?
Hey, I've been searching everywhere for this code but can't find it anywhere or its not accurate. I was wondering if you could make a HTML code that makes an image change based on the time of day "Morning, Afternoon, and Night" so 3 images. Is that possible? That's please resound
Hello Legolas, this is possible. I could do this, but i'm busy at the moment. Nathan will be assisting you with this. Nathan is another great helper on the Yola forum.
Thanks for the reply,
Shawn
Thanks for the reply,
Shawn
Ok that's no problem, thank you!
Nathan, Champion
I tested the code with pictures of the morning, afternoon, and night sky here's what I put but the code doesn't seem to be showing up
');
});
});
<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>
Remember to add the other HTML to it:
<span class="greeting_img"></span>
Nathan, Champion
Did you remember the last step in my reply above to put that small piece of code somewhere in the page in an HTML widget?
Nathan, Champion
Add the code that Shawn pasted above somewhere in the page (where you want the image to display) and the longer code at the top of your page (this way if you ever need to add it again within that same page, you don't use that same long code because it will be re-linking to jQuery and redefining the JavaScript variables if you were to add the same long code multiple times on the page).
Yes I forgot that little piece of HTML, the image shows up as a question mark but I may just have to try a different image if not then it must be the code, but I'll go check it out
Hmm...I tried a different image but there still appears to be a question mark
Nathan, Champion
Oh, whoops! I see the problem you are having.
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:
(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.
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.
Thanks for telling me that I didn't know. So even if I copy their image as .jpg am I still stealing some of their bandwidth or is it just if its in the image address form?
Nathan, Champion
Sorry about the delayed reply.
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).
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).
Yes thank you :D Just making sure
Thanks soooo much! I got it :D
Nathan, Champion
You're welcome, I am glad you got it to work :) Feel free to click the "good answer" button on my original reply above. (edit: nevermind, "praise" topics don't have those buttons.)
Yes, I was looking for the button and was thinking ehh... I don't see it, but thanks again!
Hey can I request another code where an image puts up at random times; so it doesn't pop up all the time just at random times. Is that possible?
Nathan, Champion
Do you mean when it is for example the morning it will only show up sometimes when you go to the page but not every time (and the same for afternoon, night)? I can make that. Just confirm that that is what you want. :)
It's not for the (morning, afternoon, night) code I was wondering if it could be a separate code, but its just a picture that occasionally appears and occasionally doesn't
Nathan, Champion
Yeah, I can make that. Give me a 15-30 mins and I'll have it done :)
Nathan, Champion
I'm done!
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).
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>Ok thanks I'll try it now
Ok, since you know how to picture shows up randomly and I won't be able to know if the code is working or not because it shows up randomly. Here's what I did could you just make sure its right so I know it will be working:
<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
Yep, that's right. If you keep refreshing the page, you'll see it after a few refreshes or so, but if you refresh it again it will be gone, it is a random thing (as you can see there are 2 random numbers) and it compares it to see if rand1 is greater than rand2, and if it is then it shows it (the "if" statement).
I refreshed the page about 50 times and I still didn't see it O.e
Nathan, Champion
That's weird - you don't have it wrapped in pre tags right? I see at the end it says "</pre>" but I'm sure that's just because you didn't end the pre tag properly (HTML tags can be modeled as "1221" because if you start a tag it needs to end before a surrounding tag ends, so for example: <span><div>Hello!</div></span>)
Nathan, Champion
Oh, wait a second! I found the problem. There is a double quote missing in the beginning script tag. The first line should be:
I'm sorry about that, that is my fault.
<script type="text/javascript">
I'm sorry about that, that is my fault.
Ok, thanks I'll try it now
It works now thanks, I've been looking everywhere for that code
Nathan, Champion
Glad it helped and that the code I posted above fixed it :)
Shawn and Nathan,
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.
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.
Can you send me a link of the Box Slider website?
Thanks Shawn,
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.
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.
I need the code now. Did you add the CSS?
Hi Shawn,
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.
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.
Yes, sorry, I just noticed that. Could I see your boxslider on your website?
I haven't one installed because I can't style it.
Do you mean adding the html and stuff? Do you know know how to use jQuery?
The installation on the bxslider site would be a good model to use
Yes. Looking into their actual source. They just simple made there own. They changed the settings to auto controls so they could do their own control. Very stupid. I recommend you find a new jQuery plugin to use.
Yes. It's something for very experienced players I think. I have been trying easyslider. A little less sophisticated but it works and produces a nearly as good result.
Box Slider is the premier product so I was trying to get it going.
Thanks for looking at this. Shawn.
Box Slider is the premier product so I was trying to get it going.
Thanks for looking at this. Shawn.
I am a very experienced player ^_^. What are you trying to say?
please i have so many clips on my video page. i want my video page to be like this, when any site visitor clicks on any video he/she wants watch, it should be able to enlarge up and centralize automatically so that the video can be watched properly and conviniently and the rest of the videos go small and down below the video that's been selected to be watched by the site visitor. please who knows how i could do this?? Thanks! want it be something like this>>>>> 
I can do this. But this is something that I would need to install for you. Since I would need a lot more coding for this. I would need to access your site builder and it would be a process that would take more than one day.
If you want me to do this, email me at: shawn@weebuild.biz and we can talk some more.
Best,
Shawn
If you want me to do this, email me at: shawn@weebuild.biz and we can talk some more.
Best,
Shawn
I currently have the countryside premium style but I actually like the emboutiellage free style in brown. I have a premuim style in order to have the horizontal dropdown submenus. I am tryin to get my website to look just like this emboutiellage css style but in brown that's on this website: http://www.coeymansfire.com/. Therefore, I copied the emboutiellage Site CSS appearing below and pasted it into the countryside premium style css. Where in the language below do I add the CSS codes to make the horizontal dropdown submenus appear?
For the emboutiellage (brown)
This reply was created from a merged topic originally titled
Horizontal dropdown submenu (tried for THREE HOURS!!!!!).
For the emboutiellage (brown)
This reply was created from a merged topic originally titled
Horizontal dropdown submenu (tried for THREE HOURS!!!!!).
CSS only can't do this. You would need to copy the HTML + JavaScript to actually get this to function.
Okay. How can that be done? The HTML seems to be grayed out and cannot be changed?
How do I edit my site's HTML?
I have a html popup box that lets you like your page before entering the site... for some reason it is not working on yola. please help! the code is:
#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?.
#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?.
1. Dont blame yola unless you have it working on another site. If you do show me the link.
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. 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.
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