There are lots of people willing to help you (as they have helped me) and I'm sure no one will take umbrage with your cause. There are lots of different sites from religion to iphone hacking and we all live in (near) perfect harmony here. To get help though, I think you'll have to be a little bit more specific about what kind of customization you are after.

Just a tip: I quickly glanced at your site and saw that you're hosting a list of websites that are trafficking copyrighted material. It can easily be used in a way that you didn't mean to.

(Edit: removed my personal opinion about music industry, this instead could be a little more helpful for you)
You may want to check out external themes at http://themes.wikidot.com, click at theme you like and you'll see instructions on how to install it. If you're unsure, you can always clone your site (manage site -> misc actions -> clone) and do experiments there before applying them to your main site.

If you are sympathetic to what this site is all about, an experienced Wikidot editor, and would like to help, please contact me.

Just a note: Many tech-savvy people philosophically favor open source everything including music and thus may take umbrage with the very thing I am trying to accomplish which is to stop the theft of intellectual property. But, I ask you to think about it in the case of songwriters. I make a lousy living writing songs. I love to do it, so I am going to keep doing it. However, if so much music was not being stolen these days, I'd actually probably be making a living wage. Many of my songwriter friends have just given up. If this theft keeps up—the music is going to stop. That may seem incongruous when you see Cristal-slurping mega artists in the media every day, but trust me, all the little people in the music business like the writers, musicians, recording engineers, etc. are getting killed economically because so much product is going unpaid for.

people seem to think an iframe takes the shape of its content

which is the whole point of this thread.

Show me a page where iframe height misbehaves, and I will explain why it actually isn't misbehaving.

No, let's turn this around and you show an example of an iframe that changes its height based on the height of the content within it.

I beg to differ on that one. Percentage heights do not seem to work with iframes.

I hold my position. The reason lots of results show on Google is because people seem to think an iframe takes the shape of its content, not the content it's within (i.e. they don't realise it behaves as a <div> in terms of height percentage).

Show me a page where iframe height misbehaves, and I will explain why it actually isn't misbehaving.

It will be interesting to see how they implement the [[html]]] module because I bet they will run into exactly the same problems that everyone else (wikidot or not) has with this

Well, if they use the php method I described, it should work fine. In my opinion, it would put extra strain on the Wikidot Engine, and perhaps Wikidot will need to upgrade their resources. But we'll see what happens.

But in terms of iframe height, however, they follow the same rules as <div>s do

I beg to differ on that one. Percentage heights do not seem to work with iframes.

A google search will show that there are a lot of problems re making an iframe height dynamic.

It will be interesting to see how they implement the [[html]]] module because I bet they will run into exactly the same problems that everyone else (wikidot or not) has with this.

@ gerdami, you're not a fan of Twilight? Then what did you mean by the reference to Jacob Black?

But an iframe is not identical to a div

Hence the phrase “Think of…”
But in terms of iframe height, however, they follow the same rules as <div>s do.

I'm probably wrong but I don't think this answers the question of how to make the iframe height dynamic based on content.

Ahh, I do have an answer for you, but you're not going to like it. It's possible with javascript, but only if the iframe's domain matches the parent frame's domain.

How is it done, I hear you ask? The javascript on the webpage can be programmed to detect the length of your iframe's scrollbar in pixels. The javascript in turn changes the physical height of the iframe to match the scrollbar height (effectively eliminating the scrollbar altogether).

As you can see, it is not straightforward, and we would need the Wikidot to implement the javascript to do this.
But even if they did implement the javascript to do this, it would only work on pages in the wikidot.com domain (meaning, it can't work with the wdfiles domain, or any other website).

The only other way this could be done is with PHP; if the Wikidot engine identifies the height of the iframed webpage before it compiles the page, then it would be able to compile the page with the correctly specified iframe height. This, I believe, is what they're going to do with the [[html]] module

I figured that if they had there password hidden so well, that they didn't want anybody joining their website.

Think of an iframe as being identical to a <div>. It's a special kind of <div> which displays other webpages.

Now, by default, a <div> has height of 0px. But if you put some paragraphs and images inside of it, the <div> will stretch in height so that the content doesn't flow outside of the <div>.

If you specify the height of a <div> as a percentage, then it will change the height into a percentage of the element the <div> is already inside of.
For example, let's say I create a <div> block that is 200 pixels in height (named divA). Then I put another <div> block inside of divA (this block is named divB). If I make divB have a height percentage of 25%, then it will be 25% of the element it is inside of. Because it is inside of divA, its percentage will be based upon divAs height, and therefore be 50 pixels (25% of 200px).

Likewise, if you have a div block that is the only thing on the page — that is, it is not contained by anything — then it's height percentage is based upon your browser's window height. height: 50%; will become 50% of your window.

Your iframe heights were always working perfectly… you didn't need any hacks to get them working.

The reason you had a problem with them is because they were inside of a <div> that had no specified height (<div id="page-content">).

• When a <div> has no specified height, then its default height is 0px.
• If there is no paragraphs or images within your <div id="page-content">, then the block has nothing to make it stretch in height (that is, it remains at 0 pixels in height).
• Let's say the only content within <div id="page-content"> is a bunch of <divs> with percentage-height values
• When you specify the height of an iframe to be 25%, then it becomes 25% of zero, and therefore becomes zero pixels in height itself.

Let me demonstrate this:

In the second example, height: 100%; is actually 100% of 100 pixels — which, of course, is 100 pixels. Therefore, the inner div has a height of 50% of 100 pixels, and therefore becomes 50 pixels in height.

Now it looks much better… :)

For the Community, anonymous users are not allowed to post. I get this error:

I know that, but I swear I did not get this message that you show, but the one from my first post. At the Community site. I started as logged in, then I logged out with the edit widnow open, and tried to save, then I got this message, asking my name. There was no form as at your site and I did not have any place to write it. I just wanted to see what this meant, since I did not understand what this message is saying, and what is that it wants me to do, and to suggest different text. Nothing more.

and with images - there is no lightbox possible (now)…

Have you searched the snippets and James Kanjo's site ( www.james.wikidot.com)?

I can remember - he found a soluztion to show a big picture ( resized9 by "hoovering" with the mouse over the "thumbnail"…

Or is this the CSS solution ?

( my tip: search in our search center ( left menu) the word "hover" - it will find a lot of entries showing the solution for inserting a "hovering" class… with single CSS)

Edit: if ound some suefull instructions:

http://community.wikidot.com/forum/t-139789/image-hover-like-avatar ( images !! Thanks James! )

What you need to do is to rename the blog:home page to be a hidden page, because those don't show up in ListPages results.

Scroll to the bottom of the page, click on "rename", and change blog:home to be blog:_home instead. You will need to update any links that you have to that page, but it should make the blog start working properly.

Driving directions:
http://1960.wikidot.com
http://1960.wikidot.com/blog:home

Thanks,
jimmybond

For the Community, anonymous users are not allowed to post. I get this error:

Don't panic, but
Sorry, you can not add new post in this thread. Only Wikidot.com registered users, members of this site, site administrators and perhaps selected moderators are allowed to.

For my own site (which does allow anonymous posting), it opens in a Guest Commenting mode. If I ignore the "name" field but enter something into the email address field, it asks me to enter my name — which is the error message you got.

You can try this for yourself here: http://cyclods.wikidot.com/news:49.

One method you could use, but would require some work from your members is to set something up like we are working on over on the Live Support site.

Each support mentor has their own "member" page. When we are are online, we edit the tags on our page and add the "_online" tag to indicate we are online. When we go offline, we simply edit tags again and delete the tag.

We use the ListPages module on the home page to show who is currently online (by examining the tags on the mentor member pages). You can examine the page source on that site to see how it was done.

You will probably want to create a member _template page so your members can fill out a structured layout that will make it easy to display specific bits of member info, including images. Take a look at the mentor:_template page to see a good example.

You may or may not have more questions after digesting all of this. Let us know if you need more help.

BTW, there's no need to post the same question in multiple threads. It's unlikely your questions will be missed by the eagle-eyed community!

-Ed

Would anyone be able to help me create a feature, which displays which members of my site are currently online ideally showing their photo and name?

If anyone could help me with this I would be VERY greatful!!

Thank-you

I put the codeblock in a collapsible block. You do that as follows:

[[collapsible show="+Show Code" hide="-Hide Code"]]
[[code]]
…
[[/code]]
[[/collapsible]]

 #header h1 a { display: block; width: 1300px; height: 50px; padding: 0; } 

-Ed

Today it was all well. Now I noticed it has a scroll bar. Here's my CSS, although I haven't touched it today.

 /* TABS */ .yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a { background-color:#877E3D; } .yui-navset .yui-nav a em, .yui-navset .yui-navset-top .yui-nav a em { border-color: #877E3D; } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */ .yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */ background:#877E3D repeat-x left -1400px; /* selected tab background */ color:WHITE; } .yui-navset .yui-nav a:hover, .yui-navset .yui-nav a:focus { background:#877E3D repeat-x left -1300px; } .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { border-color: #877E3D; } #breadcrumbs{ font-size:80% } #main-content { margin:0 0 0 14em; padding: 0.5ex 1em 1em 1.5em; border-left: 0px solid rgb(216,210,195); } #main-content p { padding-top:1px; } p { margin-top: 15px; } #content-wrap { background-color: white; } #side-bar { background-color: #D8DABE; } #side-bar { border: 5px double #877E3D; width: 12em } #side-bar { margin:0.4em 0 0 0.1em; } #side-bar a { color:#877E3D; text-decoration:none; } #side bar a hover { color: red; } #side-bar ul li a{ display:block; padding: 2px 2px; } body { background-color:#F5F5F5; font-weight:normal; color: #D2F4C; } a:link, a:visited { color: #877E3D; text-decoration: none; } a.newpage { color: red; text-decoration: none; } #page-title{ color: #877E3D; font-size: 220%; font-weight:bold; } #page-content table.ignore, #page-content .ignore table { width: 100%; } #page-content { width: 100%; text-align: justify; font-size:107%; } blockquote { border:none; border-left: 1px solid #B82619; padding: 0 1em; color: black; background-color: white; font-size: 122%; font-family: "Times New Roman", serif; font-style:italic; text-align: justify; } #header { background-color:black; background-image: url(http://istorijska-biblioteka.wdfiles.com/local--files/start/CDR-header-black5.png); height:8.3em; padding-bottom:50px; background-repeat: no-repeat; } #header h1 { padding: 0em 0em 0em 3em; } #header h1 a span{ display: none; } #header h1 a { display: block; width: 1300px; height: 50px; padding: 0; } #search-top-box { display: none; } .footnotes-footer{ margin: 0; padding: 0.5em 0; /*border-top: 1px solid #CCC;*/ height: 1%; font-size: 90%; } .bibitems{ margin: 0; padding: 0.5em 0; /*border-top: 1px solid #CCC;*/ font-size: 90%; } #toc{ margin: 0em 0 0em 0; padding: 0em 0.0em; border: 0px; background-color: transparent; font-style: italic; font-size: 90%; display: table; } .tocdiv { margin: 0em 0 0em 0; padding: 0em 0.5em; border: 0px; background-color: transparent; font-style: italic; font-size: 100%; display: table; width:65% } #toc .title { font-weight: bold; margin: 0.2em 0 ; padding: 0 2em; text-align: left; color: #B82619 } #toc #toc-action-bar{ padding: 2px; display: none; } #login-status{ right: 3em; font-size:85%; font-style:italic; } element.style { margin-left:-10px; padding-right:15px; } #navi-bar { background-color:black; background-image:none; border-bottom:2px solid black; } #top-bar li a { padding: 1px 0.1em } #top-bar { right:4em; } #top-bar { border-top: 2px solid #877E3D; border-bottom: 2px solid #877E3D; } #top-bar ul { margin: 0 auto 0 16em; width: auto } #top-bar li ul li a{ background-color: #877E3D; font-size: 85%; font-weight: lighter; border: 0px solid #EEE; width: auto } .image-container { padding-top: 0.5em; padding-right: 0.5em; padding-bottom: 0.5em; padding-left: 0.5em; } .changes-list-item .mod-date { text-align: right; width: 15em; } img.hover-full:hover { width: auto; max-width: 600px; position: relative; } 

 html { height: 100%; } #html-body { height: 100%; } #container-wrap-wrap { height: 100%; } #container-wrap { height: 100%; } #container { height: 100%; } #content-wrap { height: 100%; } #main-content { height: 100%; } #page-content { height: 100%; } 

This change tends to mess up the page footer and page-options area, so I still have some work to do to get it all figured out, but this is progress (I think!)

-Ed

I am a free man :-))))))

Ah so the divorce came through then.

Passing arguments via URL

ListPages lets you create variations of a single list using specially constructed links, consisting of the page URL (link) followed by arguments and values. These are mainly useful to invoke new selectors, and change the ordering or display.

You can pass any arguments in the URL by specifying argument="@URL|default-value" as the argument value and then appending "/name/value" to the URL used to invoke the page. If the URL does not contain a value for the argument, the default is used. Arguments that do not have @URL in their value cannot be set via the URL. The default value is optional: if you use only argument="@URL" and do not provide a value on the URL, then the argument behaves as if it was not set.

The two main ways of using arguments-by-URL are (a) to create links to a page explicitly, on another page and (b) to generate links within the ListPages itself, so it will reshow itself with different configurations.

I just can't figure out how to allow the player to select different "links" to apply to the @URL argument.

Edit: http://www.wikidot.com/doc:mailform-module

This has the form stuff I want! Drop down menus and everything… but I don't have a way to get the send button to "send" the user to a page with a specific URL instead of emailing it.

http://rpg-bestiary.wikidot.com/listpagestesting

Who is number one?
You are number six.

Rover!

Thanks, Jacob Black!

I may be as fast as him, but I'm not nearly as good looking as he is =D
You're a Twilight fan, I gather?

WOW!

This has me so excited, that I'm going to shower you with exclamation marks!!!!!!!!!!!

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Have some more:

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Frustrating how simple a solution it was

hehe, yes, that is so often the case. Glad you got it sorted out.

it asks for your name and a few other details.

It asked only for a name.

Are you suggesting that I could have saved the post only by giving my name? That I didn't need to be logged in? It happened at Community site. If yes, where I should have written my name? And that "name", is it my real name or my Wikidot name?

Brunhilda: Tested what you suggest and you are correct. Thanks for the tip!!

You're welcome. :)

I've been examining the source and I see no reason it shouldn't work. I was using w3schools tryit editor and setting a height in percentages works there. I haven't been able to figure out what the difference is yet. Maybe it has something to to with the positioning as it did with the side bar position discussed in the aforementioned thread.

I found several javascript solutions that dynamically calculate the necessary height, but since we have to iframe our javascript, it's a bit of a catch-22.

If the devs were to tweak the [[iframe]] syntax to support all of the attributes that can be assigned to an iframe, there might be a better chance to use a javascript solution. I need to do some more testing away from Wikidot to see if it might work.

The missing attributes that might be useful are id, name, marginheight and marginwidth.

Does anyone have any tricks up their sleeves other than to play around with specific pixel height settings to adjust an iframe's height? A project I'm working on would benefit from a dynamic iframe height.

-Ed

You mean something like this?

 [[module ListPages category="%%field{category}%%" tags="%%field{tags}%%" order="%%field{order}%%"]] * %%title_linked%% (%%tags%% %%_tags%%) [[/module]] 

As you can see the text can't be highlighted or right-clicked and copied - unless you right-click, select all then copy! :)

Actually, for me using my usual method it allows me to right-click by dragging the mouse, and then to copy the text using Ctrl+C, without me even knowing that you've surrounded the text with javascript.

Only if I right-click does the pop-up appear… but I never use that button in my browser, only the left and middle buttons, meaning that it'll never show the pop-up message to me.

Windows 7 RC1
Firefox 3.5.5

RobElliott wrote: When someone tries to join your site it will send an email to you to accept or decline them as a member.

Incorrect. You do not receive an email for this… it only appears in the admin RSS feed, which is accessed from the 'Notifications' section in the Site manager. Open that tab and scroll to the bottom to see a RSS feed link and a password.

To be emailed about new members joining your site, you need to manually set up an external tool to mail you when the RSS feed changes. Feedburner might be able to do this.

Edit: Actually, this does not seem to work 100% with the Join module! If you have people enter a password or apply, it should work, but with an open policy this feed is not updated when someone joins your site!