Hello I was wondering how can i get rid of the VR button in the aframe and replace it with another link button please? I have looked all over and i can not find where it is located. I have tried the code <a-scene vr-mode-ui="enabled: false"></a-scene> but it is still there.
Joseph
Helloi figure it out. I had the code in the wrong place. I should of put it in the begining of the body and what i did was put it in the middle of the body code and that is why it wasn't working.
Related
What i'am trying to do is to remove, or at least hide the horizontal scrollbar in Firefox when i visit a specific website/url. I found code which hides the bottom scrollbar, but on all websites:
:-moz-any(#content,#appcontent) browser{
margin-bottom:-17px!important;
overflow-x:scroll;
}
All i did so far is to create the chrome folder, created the userChrome.css and pasted in the above code. So far so good. Since i have literally no idea how to bind this customisation to a specific website/url i just tried to replace the first line with the following code:
#document url("https://www.example.com/"){
or
:-moz-any(#content,#appcontent), domain("https://www.example.com/") browser{
or
#-moz-document url-prefix("https://www.example.com/"){
What iam searching for is more or less a "if-condition" when the url of the website contains "xyz.com/" (like the url-prefix(): "Matches if the document URL starts with the value provided") then remove/hide the bottom scrollbar. I know this is super rude to ask something like this, but i think i just need the correct syntax to add the website/url condition in the code. And to go though hours and hours of tutorial material to find the correct syntax i though i just ask here.
On my home page I am trying to insert an svg with clickable parts that link to other webpages. I made this svg with Illustrator and when I open it in a browser directly everything works the way it should. However, once I place this svg on my webpage, upon clicking it, it seems to open an image instead of opening the actual page it is linked to. If you rightclick and click on 'open in new tab' or 'open in new window' it does open the link.
The svg is displayed on www.unfoldmyworld.com, it is the worldmap with the clickable images.
Here is a snippet of code from the svg regarding a clickable area:
<a xlink:href="http://www.unfoldmyworld.com/Africa" xlink:show="replace">
<polygon id="Box-1" fill="#FFFFFF" opacity="0" points="366.938,336.958 461.559,
336.946 461.583,409.583 481.003,409.56 480.979,449.266 441.263,449.266 441.28,
431.596 366.938,431.58 "/>
In order to get the svg onto my wordpress elementor page I installed the plugin svg support. I already tried putting in xlink:show="new" and target="_blank" which did not do the trick. I have also tried putting the whole svg inline in an html code box, which resulted in the same issue. If anyone can tell me what I have to do to get these links to actually open the intended page in the current window (not in a new one), that would be greatly appreciated.
I managed to find a solution to this problem myself. It turns out that this issue is caused by Elementor. It automatically opens a lightbox when clicked on the link. To solve this issue the data-elementor-open-lightbox="no" attribute needs to be added to the link within the svg file.
I have a problem similar to this one : here.
Only difference is that the page I want to link the SVG to is an external page meaning : http://www.google.ca
Currently in my code, changing the link to an internal page makes the css3 transition work but having it link to an external (http://) overrides the css3 transition I made.
If anyone has a workaround this issue or has dealt with this before. Please help!
Thanks!
code
EDIT:
Forgot!
JFIDDLE LINK
This is actually something to do with the visited state. The reason the other commenters are saying it works is because they haven't been to your pages before. Once they have it will no longer work. I've tried adding visited states in the CSS and it makes no difference.
The easiest solution I've found is to just add a random query string to the url so the page is effectively not visited eg:
My Link
Most sites will ignore a query they don't recognise so that should be ok. Or better would be to remove it with JS on click.
$('body').on('click', 'a', function(e) {
e.preventDefault();
var url = $(this).prop('href');
window.location.href = url.split("?")[0];
});
The bug still exists in at least Safari and IE 11 as of this writing but using currentColor for the SVG’s fill seems to fix it!
http://codepen.io/jifarris/pen/RREapp
<svg><path fill="currentColor"/></svg>
I am a bit late with this answer, but just in case it might help others who end up on this page, this issue appears to result from a know Chrome bug (101245). Basically, the transition stops working once the link is visited.
Therefore, to fix this issue, assuming you don't want to wait for the bug to be fixed, you will need to use a strategy that tricks the browser into thinking the link has not been visited.
I just changed the anchor into a div and appended a data attribute to it which contains the URL:
<div id="homeLink" data-url="http://www.homelink.com">
<svg id="SVG" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 838.95 520"></svg>
</div>
Than I added some JavaScript to get the URL and to append it to the location object:
document.getElementById("homeLink").addEventListener('click',function(){
var url = this.getAttribute('data-url');
window.location.href = url;
},false);
For some reason, i'm not able to paste css code to the "inspect element" window..
Lets say I want to test "font-weight:bold; color: red" and paste it to the element.style, which results with:
As you can see, only the "font-weight" was pasted.
This is really annoying as I was used to just paste the code as is...
Especially if i'm trying a couple of styles from a tutorial or a solution to a problem I found here.
Is it only me? Anything I can do to fix it?
The bug is known and will be fixed in the next release :
https://groups.google.com/forum/?fromgroups=#!topic/google-chrome-developer-tools/RC3i6GW2h28
You could always edit the style in-line for testing:
Right click tag. Click 'add attribute'. Type style=" ctrl+ v "
Not sure if there's a more elegant solution. element.style just adds a style="" attribute anyway.
The problem is on my site:
http://windowsphonedaily.blogspot.com/
I've been wracking my brain trying to figure how to solve this. Basically, I wanted to create a "Featured Posts" slider by using EasySlider 1.7 . The slider is the first thing you see when on the site.
Everything seemed to be going well during the install, but once I finished I realized the nextText and prevText was showing on top of my background images. This seems to be a property that can't be modified with css or html as I think it's embedded in the javascript provided.
I tried the Best Answer found in this question ("CSS text replace with image, need hyperlink") and it worked for the nextBtn but when I tried it for the prevBtn the nextBtn disappeared and was replaced by the default setting. If anyone can explain to me how to properly use this method with both buttons, then that solution would be fine.
But if you can't then please help me come up with any other solution. I'm not very well versed with CSS or HTML, so I'm learning as I go right now. It's probably some dumb mistake I made, but I'd still like to know how to fix it!
Thank you in advance to anyone who responds!!
I tested it with firebug directly on Your page. Try this:
#nextBtn a, #prevBtn a {
display: block !important;
text-indent: -9999px;
}
Important is this !important ;) It makes that this display: block is more important than display: inline which adds Your slider plugin.
Not quite sure what's going on, but if you go to https://sites.google.com/site/shawnhasinger/files/easySlider1.7.js where you have linked it from, you get a log in page, meaning that it doesn't work! This isn't the issue you are facing, probably because you are logged in...