Tumblr custom theme disappears when logged out - html

I made a custom theme for a client's tumblr, but the blog is not showing up when the viewer is logged out of tumblr. When logged in, it looks perfect. The blog is http://www.openharborpictures.tumblr.com.
It seems to be related to the "Follow openharborpictures" and "Tumblr" buttons that appear at the top right (perhaps something in them is overriding my custom HTML?) but it could also just be a coincidence. Could not post all of the code, so it's here: http://pastebin.com/U5jctrVK. Any thoughts? Thanks in advance!

I don't think there's anything wrong with your code. Tumblr inserts more code using server scripts, something you can't do anything about. So for some reason parts of the new code is interfering with your code. It could be the Follow thing you mentioned, but we can't say for sure.
What I would suggest you do is in the custom theme panel, scroll right down to the bottom and click on "Advanced" tab, and then uncheck the "Promote Tumblr" option. This should disable the follow button when you are not signed in to Tumblr.
I can't guarantee that this will solve the problem. But it's worth a try. Let me know how it goes.

Set the body height to 100%
body { height: 100% }

Related

Missing Menu In Header

setting up a basic website. I know basic HTML & CSS, but it's only enough to at least play around.
I was using WordPress editor to change some of the code, now the menu for my header has disappeared (contains home, blog, contact).
Website: http://onwardsdigital.com.au/
I can see it's still their in the source code so not sure why I can't see it and it's visible on mobile version.
Thanks for your help
Your css has this entry:
#main-nav-mobile {
display:none;
background-color: #f9f9f9;
That is being used by the DIV with the class main-nav-mobile. If you get rid of the display:none, it will show up. Did you come up with that entry, or is it Wordpress? If Wordpress, you might want to ask the people who did the template why they have that class set to not display.

How do I add a link back to my main webpage from a page written with mkdocs?

I am building a general website that also has a documentation page. For the docs page I'm using mkdocs. I would like a link in the docs page, ideally in the top right corner, that goes back to my main webpage. I know how to put links inside the docs, but I'd like this to appear like a header. Is there a way to do this?
No, this is not possible at this time. However, this is the subject of issue #989 and may be added in the future.

Modal popup used to show up, no longer does in any browser

Here is the page in question: https://www.matejkadesign.com/pricing.php
When you click on the "what's this" icons, an exitable modal popup should fade in on the same page. It has been broken since 2 days ago (It does not pop up in any browser). Has there been some browser/coding upgrade done to disable my code? I checked with my Web-host, and they cannot help me.
If you view page source, you will find the code for my Modal boxes at the bottom, and you'll be able to see where they are linked to for activating them.
I would appreciate it if somebody could look into it. I'm half expecting people to say something like "but the modal boxes work for me, it must be just your computer." It would be great if that were the case, I have no way of knowing.
thanks.
According to the console, https://code.jquery.com/jquery-latest.pack.js returns 404. When the "what's this" is clicked, the Console shows the error $ is not defined, which also tells us that jQuery never loaded.The https version of the page currently has an incorrect security certificate, so if you use http://code.jquery.com/jquery-latest.pack.js, you'll be fine.
The problem is with the jquery web-site. I would just put these into your page:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
Which come from google.

Hard coding a web page to laod at a certain place

I am looking to hard code a html web page so upon loading goes to a set position on the page. Obviously normally it loads and starts at very top and you scroll down.
I know you can do it using link attribute but I am trying to set it forall traffic and hard code it in.
Hope you can help.
Will
Hopefully I understood what you want to do.
Here you can scroll using javascript to the bottom:
http://www.mediacollege.com/internet/javascript/page/scroll.html
If you can use ASPX you can just bring a special item into view:
http://msdn.microsoft.com/en-us/library/system.windows.frameworkelement.bringintoview.aspx
Like you said, you can move by using Link anchors (example below goes to anchor 5):
http://www.activevb.de/rubriken/komponenten/index-komponenten.html#anchor5
As far as I remember it was called bookmark, not anchor:
http://www.w3.org/TR/css3-gcpm/#bookmark-level
Hope there is a way cou can solve it or explain it with an small example.
Regards

How do you add FBConnectButton?

I see several websites such as macrumors.com using a Facebook button that is dark blue with their facebook logo and the word share on it... looking at code it says its called FBConnectButton, but a google search for it turns up nothing useful, nor is it obvious on the Facebook website.
This post refers to it as well, but not where the code originated from:
How to modify the facebook share button?
That's the old fb:share-button, you should probably be using fb:like these days, as fb:share-button has been phased out.