Html within wikidot type 2By Best way of demonstrating is by example. :-)
The code must be between
first code blockNotes.Save the pageSo you have added the html code between the code block and added an iframe. Hide the codeYou can hide the code block with the comments tags:
or use the collapsible method. second code blockthird code blockThis one (at the moment) does not work in ie7 I have included it to demonstrate one of the limitations of including html in wikidot. THE CODE BLOCKSthese can be anywhere on a page. i have just clumped them here for clarity. 1st code block<html> <head> <title>This text appears in the browsers title bar</title> </head> <body> <div align="center"> <marquee bgcolor="#000080" scrollamount="2" direction="up" loop="true" width="60%"> <center> <font color="#ffffff" size="+1"><strong> WIKIDOT ROCKS<br> Demonstration of including html<br> <br> via iframe using code block </strong></font> </center> </marquee></div> </body> </html> 2nd code block<html> <head> <title>This text appears in the browsers title bar</title> </head> <body> <div align="center"> <marquee bgcolor="#000080" scrollamount="2" direction="up" loop="true" width="60%"> <center> <font color="#ffffff" size="+1"><strong> Demo Two <br> this is the second <br> <br> code block on this page </strong></font> </center> </marquee></div> </body> </html> 3rd code block<html> <body> <!-- SocialList.org BEGIN --> <script type="text/javascript"> sociallist_url = location.href; sociallist_title = document.title; sociallist_text = ''; sociallist_tags = ''; </script><script type="text/javascript" src="http://www.sociallist.org/widget.js?type=1&cols=3&rows=5&button_dx=160&button_dy=24&lang=en"></script> <noscript> <a href="http://www.sociallist.org/submit.php?type=1&lang=en&url=refpage&title=refpage&tag=refpage&text=refpage" target="_blank" title="Bookmark this Website"><img src="http://www.sociallist.org/buttons/en160x24.gif" border="0" width="160" height="24" alt="Bookmark" /></a> </noscript> <!-- SocialList.org END --> </body> </html> Tags: html iframe javascript Related Community Blog PostsThe following posts have similar tags and may be related to this post.
Rate it up ?DiscussShare
|
Community Blog
|
Html within wikidot type 2
page_revision: 18, last_edited: 1234960534|%e %b %Y, %H:%M %Z (%O ago)
Sorry, but the 3. Code Block with the social bookmarks works only on my FF2 and not in IE7!
In IE / I see nothing ( and nothing is here… .. not sure if this is my security switch or something like these options…
Service is my success. My webtips:www.blender.org, www.zusi.de (Demo-Video)
Wollen Sie Wikidot helfen im deutschen » Handbuch ?
Oh F&^%!!!!
yep your right.
BUT i ma not going to try and fix it, because i dont know how to! :-)
i will edit the doc to mention this.
It doesn't work in my wikidot. I made Marquees in blogger and there, all is OK. In our forum too.
Sorry, Georges, I do not understand "where" the problem is - what does not work where?
Service is my success. My webtips:www.blender.org, www.zusi.de (Demo-Video)
Wollen Sie Wikidot helfen im deutschen » Handbuch ?
It doesn't work at http://georges42.wikidot.com/marquee
Sure you'll give me the solution. ;)
Georges42,
You just omitted to iframe your block with
I tried it… Yes, it works for some marquee. But I look for mine ;)
I am from Namur and working in Guatemala from 1968. French is ok :D
Hi Georges!
Your Page source for revision no. 6 looks very good…
Wat you need is the <html> - </html> block INSIDE a [[code type="HTML"]] block!
And the marquee- cpdings inside the <body> - block
I would change the page source to following:
[[iframe http://georges42.wikidot.com/marquee/code/1 frameborder="0" width="100%" height="400px"]
[[code type="HTML"]]
[[/code]]
And if you want to hide the copde block itself - put it on another page called "marquee-codes" to split the code from the iframed usage - or hide the code behind a little collapsible block..
Service is my success. My webtips:www.blender.org, www.zusi.de (Demo-Video)
Wollen Sie Wikidot helfen im deutschen » Handbuch ?
I am trying to add a simple HTML Amazon link to my page and am having quite a bit of trouble. I wasn't intending to have an imbeded page, just some code. Can someone take a look and see if I am missing something simple?
http://runelords.wikidot.com/the-books
add this line after that:
The problem is that [[code]] tags only displays it. You also might want to put this above the first code line:
and this under the end of the [[/code]] line:
You might have to clear your browser cache.
"But sanctify the Lord God in your hearts, and always be ready to give a defense to everyone who asks you a reason for the hope that is in you, with meekness and fear;" ~ 1 Peter 3:16
Scorpius, I too have an Amazon Associates account and the wiki syntax on your page seems to be correct. You have the right closing tags for the div etc (although I would use comment tags [!-- --] rather than divs to hide the code) and it's not an issue of clearing the cache on this occasion.. But which part of Amazon Associates are you getting the code from? Because for me the code is very different and looks like this:
which when put inside an iframe:
gives:
My code and your code are both on my page at http://strathviewconsultants.wikidot.com/support:amazon so if you are able to provide any more info about which Amazon Associates page that code came from I'm sure we can gert it working for you.
Rob
I edited the page several time since posting this because I didnt know how long it would take to get responses. I must say I am surprised at such fast and helpful responses.
The code from Amazon is
I got it by creating a link, via the associate bar, from this page http://www.amazon.com/gp/product/0812541626?ie=UTF8&tag=runelo-20&link_code=as3&camp=211189&creative=373489&creativeASIN=0812541626.
I selected image only, large image.
The code I gave you above was the widget. For the store the code it gives me is:
and the result is this:
I will ,look at your code and the link and report back shortly.
Rob
Well if that was only page you wanted to display you could do a straight iframe:
which would give you:
I'm still trying to find where that code came from you provided!
Rob
If you go to that page while logged into Amazon as an associate, you'll have a grey bar at the top of the page. You're 2nd option, if on default settings, is link to this page.
OK I'm with you now (I was being a numpty as usual). Back shortly after some testing.
Rob
Linking to the page is no problem as you just need to adjust the code and put it in an iframe as follows:
which gives:
Does this give you what you want? If you want to show just the image that is more of a problem and I haven't yet done that successfully.
Rob
I wish it were possible I add a cool html doc on my page. [Business Ideas]
I really need it, and since the e.g so far do not work on the browsers with the most of my visitors, I still need help. please I need your help?
Please provide a bit more information, you've not said what it is you are trying to put on your page.
Rob