zzdfdf

=**Lab**=

Online User Detector
Select the 'embed widget' button, and select 'Other HTML' Copy this piece of code into the box and save. code format="html4strict"  var domNode=document.getElementById("rightcolumn").childNodes.item(1).childNodes.item(1).firstChild.firstChild, strUser=""; if(domNode.nodeName=="B") {strUser=domNode.firstChild.nodeValue} else{strUser=domNode.nodeValue} document.write("   "+strUser+"    "); code You can change the colour - as you see in the code this one is set for red, but you can choose your own colour. Now the user names of anyone who is online viewing your page will appear.

Include a Reference or Footnote
1. Type in your text as per normal 2. Type this tag after the text at the place where you want to reference or footnote number to appear code code And when you save you have your references or footnotes appearing at the bottom of the page like mine below. They work like anchors, so that when you click on the number it takes you to the footnote, and when you click on the footnote arrow, you are returned to the text.

Take out the logo from the top of the page
If you don't want the little potplant logo and you don't want to add your own, you can take out the logo completely as I have done on this wiki. You just need to change the theme.

1. Click 'Manage Space'. 2. Click 'Look and Feel'. 3. Click 'change or make a theme' under the theme heading. Click edit on the theme you are currently using. If you are using one of the theme templates you will need to change to your own theme. Do this by putting a name in the custom theme box, select the template you are using and click edit. Then click save. Now click apply, and you are using your own version of the template (nothing has changed), but now you can edit it. 4. Find the part in the html that says code code It is about 1/3 of the way down 5. Immediately after this piece of code there will be the words code <$WikiLogoOrSpaceName$> code 6. Delete this phrase completely and save. 7. You will now have no logo at the top of your page.

Hide the Border Lines of a Table
Put this script on a page (in an embed widget box - 'Other HTML') and all tables made on the page will have invisible border lines. code  //<![CDATA[ document.write('.wiki td {border-width: 0px;} <\/style>') //]]> code This table was made with the insert table button. The lines are viewable in edit mode.

Notification box
1. Click on the embed widget button and go to 'Other HTML' 2. Copy the code below and paste in. code  //<![CDATA[

//]]> code 3. Change my text to your own greeting.

---

Add a Scrolling Banner
This is a little difficult to explain, but here goes. 1. Click on Manage Space in the left menu bar. 2. Click on Look and Feel under Space Settings heading. 3. Click on Change or Make a New Theme under Theme heading. 4. Go to Custom Themes and name your theme, and select the base theme from the drop down list - this wiki is 'original'. 5. Click edit under Custom Themes. 6. The page will now appear in html. Scroll down the html code until you come to It is about 2/3 of the way down the page. 7. Immediately after that code, copy and paste the following code code format="html4strict" code

8. Find the part in the code you have just pasted that says *Enhance Your Wiki With A Trick Or Two*. This is the bit you will edit. 9. Highlight the text as above in #8 and type your own text in. 10. Click save. 11. Click use theme under Custom Theme. 12. Hey Presto! Your text scrolls across the top of your wiki.

Tables with Coloured Backgrounds
You can make colourful tables by creating them in html. Here is the code for the table I created below. code code

Please note that you will have to adapt it to suit your own purpose. Look in the html for the places where I have inserted text and you will see how to find the table cell and insert your own. Trial and error is a great thing. You can also insert photos into the html. Upload your photo first and then copy the code I have used inside the table, making sure you replace the url with your own and the picture name with your own.

All this code goes into an 'Other HTML' widget.

You can also change the colour of individual cells. Look at this code and you will see how there are different colour codes beside different cells in the table code code

If you don't want the table cells to show, just change the cell border to 0 as in the code below

Add an image background to your menu frame
1. You will need to prepare the picture you want for the background and make sure it is resized to the actual size. 2. Click 'insert image' button and upload your image to wikispaces. Do not place it on your page. 3. Click on the 'edit navigation' button to bring up the frame page and click the 'embed widget' button, click 'Other HTML' and paste in the following html. code  document.getElementsByTagName("body").item(0).style.background = "url(http://gettingtrickywithwikis.wikispaces.com/space/showimage/swirl.jpg) #777"; code 4. You will now need to edit the html a little. 5. Change the url to your own wiki url - I used mine but you will need to substitue it for your own. code http://gettingtrickywithwikis.wikispaces.com/ code 6. Change the image tag at the end of the url to your own image tag - mine was called swirl.jpg. You will need to substitute it with the name of your own image. code http://gettingtrickywithwikis.wikispaces.com/space/showimage/swirl.jpg code 7. Make sure you keep the rest of the url the same - i.e. '/space/showimage/' stays the same.

Images and Text wrapping
You can set your image anywhere on the page and wrap your text around it. 1. Prepare a picture to the correct size and upload it using the insert images button. Do not place the picture on your page. 2. Using the embed widget button, paste the following code into the 'Other HTML' box. code  code 3. Substitute 'geger.jpg' (the name of my picture) with the name of your uploaded picture. 4. Format the code according to what you want - change the border, mine is ridge but you and make any border - border px number, the higher the number the thicker the border - change the border colour - make the picture float left, or right - change the px margins. 5. The media box will appear on the page. 6. Add the text to your page and save.

Text into pretty coloured boxes
1. Click on the embed widget button and go to 'Other HTML' 2. Copy the code from the link at the bottom of this page. The code needs to have no line breaks in it. 3. Just substitute your own text where I have written - 'Write your text in here' 4. Change to suit your own needs. The border thickness can be changed at border: 3px - the background colour and border colour changed by substituting the #colour code for the one you want. You can also change text colour, font etc.

CODE

Background colour of the work area of your wiki
To change the background colour of the editable wiki area, you must edit the themes.

1. Go to Manage Space, and then to Look and Feel. 2. Click on 'Change or make a new theme'. 3. If your are not already using a custom theme, you will need to make one. 4. In 'Make a new theme' type in your theme name and select the theme you are currently using from the dropdown list. 5. Click edit, and now you will be able to edit your theme. 6. Find the part in the theme that says code code 7. Replace the #FFF with the number of the colour you want for the background. (put # before the number) 8. Click save
 * 1) container .field { background-color: #FFF; }

Open up links in new windows
code LINKNAME</a> code

<span style="font-size: 150%; font-family: Impact,Charcoal,sans-serif; color: rgb(59, 129, 60)"> Sometimes you don't want people to navigate away from your page when they click on your links.

1. Click on the embed widget button and go to 'Other HTML'. 2. Copy and paste the following code.

code <a href="http://thewebsiteyouarevisiting.com" target="_blank">thetexttolink</a> code 3. Substitute your own url where I have written code http://thewebsiteyouarevisiting.com code 4. Substitute the text for the link as you want it to appear on your page where I have written <span style="color: rgb(219, 26, 26)">'thetextolink'

Hidden Menus
You will need to paste the following into the text editor: code Your heading (Click to Open) Your Link 1 Your Link 2 Your Link 3 Your heading (Click to Open) Your Link 1 Your Link 2 Your Link 3 code

2. Substitute 'Your heading' with the headings you want 3. Substitute 'Your link 1' with the link heading you want. Delete or add to this list as you desire. 4. Now use your insert widget button and insert the following code into the 'Other HTML' box. code <script type="text/javascript"> jQuery(".header") .click(function(e){jQuery(this).next.toggle}) .next.hide; code Save your page. 6. If you want to format the headings, as I have done, you can do that now in the visual editor with the text edit button. Check back on your text editor page to make sure you have not lost any of the formatting. You can correct it if you have.

http://gettingtrickywithwikis.wikispaces.com/Hidden+menus

Reproducir un .flv desde un host
`` <script src="http://www.jccm.es/edu/cra/sanisidro/java/swfobject.js" type="text/javascript"> <a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this movie. <script type="text/javascript"> //<![CDATA[ var so = new SWFObject('http://showmedo.com/static/flv/flvplayer.swf','mpl','636','496','7'); so.addParam("allowfullscreen","true"); so.addVariable("enablejs","true"); so.addVariable("file","http://www.jccm.es/edu/cra/sanisidro/ELT/muzzyingondolandpart11-20.flv"); so.addVariable("image","http://crasanisidro.wikispaces.com/space/showimage/muzzywikihead02.jpg"); so.write('player');// ]]> ``

Iframe sin Scrolling
``<iframe src="http://www.1-language.com/englishcourse/unit12_grammar.htm" width="400" height="500" scrolling="no" frameborder="0"> ``

Google Groups
http://groups.google.to/group/maestroscrasanisidro

Upload Files
``<form enctype="multipart/form-data" action="http://yourspace.wikispaces.com/space/upload" method="post"> File: <input name="userfile" type="file" /> <input type="submit" name="submit" value="Upload" /> ``

take a look at this page: http://ouns.wikispaces.com/upload you can then include the page in other pages.

``<form action="https://session.wikispaces.com/session/login" method="post"> <input type="hidden" name="goto" value=""> ``

Línea en blanco en tablas
`` ``

Open links in new windows: http://sealwyf.wikispaces.com/Sandbox009

Centering text: http://sealwyf.wikispaces.com/Sandbox002

Listas
``* item 1`` ``> item 1a`` ``* item 2``

> item 1a
 * item 1
 * item 2

Incrustar un .flv
``<script src="http://showmedo.com/static/javascript/swfobject.js" type="text/javascript"> <a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> to see this movie. <script type="text/javascript"> //<![CDATA[ var so = new SWFObject('[|http://showmedo.com/static/flv/flvplayer.swf','mpl','636','496','7]'); so.addParam("allowfullscreen","true"); so.addVariable("enablejs","true"); so.addVariable("file","http://www.jccm.es/edu/cra/sanisidro/ELT/muzzyingondolandpart1-20.flv"); so.addVariable("image","http://crasanisidro.wikispaces.com/space/showimage/muzzywiki.jpg"); so.write('player');// ]]> ``

Incrustar un .swf
``<object height="240" width="320"><param name="movie" value="http://www.exponao.info/anim.swf" /> <param name="wmode" value="transparent" /> <embed src="http://www.exponao.info/anim.swf" type="application/x-shockwave-flash" wmode="transparent" width="350" height="270" /> ``

Removing borders in tables
Stylesheet

``.wiki table td { border: 0px; }``

Aligning embedded objects
http://www.wikispaces.com/message/view/help+index/379552

Texto Tachado
It should be graphically elegant in all browsers including Lynx

media type="custom" key="167943"

Windows 98/ME/2000/XP/Vista + Internet Explorer/AOL
[|http://www.adobe.com/es/shockwave/download/alternates/]

Navigation
http://www.dynamicdrive.com/dynamicindex1/popit.htm http://www.dynamicdrive.com/dynamicindex1/dropmenuindex.htm

RSS de Wikis Privados
[|Secure RSS Reader]

http://www.slideshare.net/robertoC/cmo-sindicar-un-wiki-privado-de-wikispaces

Incluir Página en Página
``include page="home"``

**Pretty Coloured Box**
``<script language="JavaScript" type="text/javascript"> <![CDATA[ document.write(' Poner aquí la linea de abajo 1px solid #9999aa; padding: 10px; background-color: #ffffdd;">') ]]> dddddddddddddd<script language="JavaScript" type="text/javascript"> <![CDATA[ document.write('<\/div>') ]]> ``

media type="custom" key="124726"

iframe - Código Ventana dentro del Navegador
``

<iframe width='920' height='500' frameborder='0' src='http://www.woot.com'>

``

<div id="content_flash_1"><iframe id="myEditor" src="http://docs.google.com/View?docID=dqw7r83_8g3sthw&revision=_latest" width="480" height="300" name="myEditor">

= =

Código Ventana Pop-up
http://www.dynamicdrive.com/dynamicindex8/popwin.htm

De Wikispaces
`` ``

media type="custom" key="195749"

``<a href="http://SOMESITE.com" target=_blank>LINKNAME</a>``

Sintaxis de Tablas
http://www.wikidot.com/doc:wiki-syntax#toc23

code code
 * ~ head 1 ||~ head 2 ||~ head 3 ||
 * cell 1 || cell 2 || cell 3 ||
 * long cell 4 || cell 5 ||
 * cell 6 |||| long cell 7 ||
 * looong cell 8||
 * ~ head 1 ||~ head 2 ||~ head 3 ||
 * cell 1 || cell 2 || cell 3 ||
 * long cell 4 || cell 5 ||
 * cell 6 |||| long cell 7 ||
 * looong cell 8 ||

code the easiest way to see || code
 * lines must start and end || with double vertical bars || nothing ||
 * cells are separated by || double vertical bars || nothing ||
 * you can span multiple columns by || starting each cell ||
 * with extra cell |||| separators ||
 * but perhaps an example is _

the easiest way to see ||
 * lines must start and end || with double vertical bars || nothing ||
 * cells are separated by || double vertical bars || nothing ||
 * you can span multiple columns by || starting each cell ||
 * with extra cell |||| separators ||
 * but perhaps an example is _

Tablas con Formato
media type="custom" key="114652"