Novedades+wiki

toc

=__Cajas de texto __= = = http://gettingtrickywithwikis.wikispaces.com/content+box

Ponga su texto en cajas de bonitos colores:

1. Haga clic en el botón del widget integrar e ir a 'HTML Otros' 2. Copia el código del enlace en la parte inferior de esta página. El código debe tener saltos de línea en el mismo. 3. Que sustituya su propio texto, donde he escrito - "Escriba el texto aquí" 4. Cambiar para satisfacer sus propias necesidades. El grosor del borde se puede cambiar en la frontera: 3px - el color de fondo y color del borde modificado sustituyendo el código # color para el que desee. También puede cambiar el color del texto, fuente, etc

Las Habilidades del Siglo 21 y los Estudios Sociales Mapa incluye planes de lecciones para la integración de Habilidades del Siglo 21 en los programas existentes, así como los resultados de los estudiantes específicos. También "proporciona modelos de proyectos que se traducirá en una mayor rendimiento de los estudiantes. Competencias específicas cubiertas por el mapa son: * La creatividad y la innovación;
 * El pensamiento crítico y resolución de problemas;
 * Comunicación;
 * Colaboración;
 * La alfabetización informacional;
 * La alfabetización mediática;
 * Información y la Comunicación de alfabetización;
 * La flexibilidad y adaptabilidad;
 * Iniciativa y la dirección de sí mismo;
 * Sociales y conocimientos interculturales;
 * La productividad y la rendición de cuentas, y * El liderazgo y la responsabilidad.

NOTA: copiar el código completo aquí. Que se ejecuta fuera de la página, pero es todo lo que hay - sólo tienes que copiar y pegar todos.

Para dar formato al texto dentro del cuadro de texto de colores, tendrá que incluir el código HTML dentro de la fuente HTML de la caja. Puede parecer algo como esto (NOTA - no copiar este código, ya que ha saltos de línea en el mismo. Copia el código original desde el enlace de arriba) code language="JavaScript"  //<![ CDATA [ document.write ( '')//]]>   Aquí está mi texto con formato //<![ CDATA [ document.write ( '<\ / div>') //]]>   code lo que hace Aquí está mi texto con formato

El bit de que los formatos de la fuente es code  code Cambiar a la familia a la familia de fuente que desea, cambie el tamaño más grande o más pequeño, y cambiar el color. También se puede usar etiquetas HTML normales font -  negrita, cursiva , subrayado, centro , etc

Ponga su texto en cajas de colores de contenido: Usted también puede hacer simples cajas de texto en color - como este

Si desea un título que va aquí
El texto de la caja de contenido va aquí. El texto de la caja de contenido va aquí. El texto de la caja de contenido va aquí. El texto de la caja de contenido va aquí

Vaya aquí para saber más acerca de cómo hacer esto.

Ponga su texto en cajas de colores de contenido: Usted puede hacer cajas de contenido de su página para que partes del texto se destacan. Todas las partes de estos cuadros son personalizables.

Si desea un título que va aquí
El texto de la caja de contenido va aquí. El texto de la caja de contenido va aquí. El texto de la caja de contenido va aquí. El texto de la caja de contenido va aquí

Este código hace que la caja. code  Si desea un título que va aquí </ h2> </ center>

El texto de la caja de contenido va aquí. El texto de la caja de contenido va aquí. el texto de su cuadro de contenido va aquí. El texto de la caja de contenido va aquí </ div> code

Cambiar el color de su caja y el borde de [|seleccionar el número hexadecimal] del color que desee y que lo sustituya en el código. I centrado en el título, pero se puede quitar el centrado (o quitar toda la partida si no lo quieren). También puede cambiar el tamaño de la partida, cambiando el número h (1 es el más grande y 6 es el más pequeño).

Puede cambiar el aspecto de su caja por hacer unos pocos cambios al código. Mi esquinas en el ejemplo anterior son de 15 px. Usted puede hacer esto más grande o más pequeño. El aumento de ellos puede redondear las esquinas de la caja de texto. por ejemplo, aquí me han hecho las esquinas 100px.

Si desea un título que va aquí
El texto de la caja de contenido va aquí. El texto de la caja de contenido va aquí. El texto de la caja de contenido va aquí. El texto de la caja de contenido va aquí I centrado en el texto para evitar que desaparezcan en el rincón más grandes. Usted puede hacer lo mismo mediante el aumento del relleno.

También puede modificar el tamaño de la caja al cambiar la ubicación en la página. Este poco de código se refiere con esto.

code margin: 10px 200px 10px;

code El primer número trata con el espaciado de la caja de la línea de arriba, el segundo número trata con el espaciado de la caja de los bordes izquierdo y derecho de la página, y el número de ofertas de terceros con el espacio debajo de la caja. Añadir al final de su código como este.

code <div style = "background-color: # ccc;-khtml-border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px; border: 2px solid # 000; padding: 10px; margin: 10px 200px 10px; "> Si desea un título que va aquí </ h2> </ center>

El texto de la caja de contenido va aquí. El texto de la caja de contenido va aquí. el texto de su cuadro de contenido va aquí. El texto de la caja de contenido va aquí </ div> code y voila

Si desea un título que va aquí
El texto de la caja de contenido va aquí. El texto de la caja de contenido va aquí. El texto de la caja de contenido va aquí. El texto de la caja de contenido va aquí,

Puede incluso hacer un cuadro de contenido dentro de una caja de contenido!

Si desea un título que va aquí
El texto de la caja de contenido va aquí. El texto de la caja de contenido va aquí. El texto de la caja de contenido va aquí. El texto de la caja de contenido va aquí. El texto de la caja de contenido va aquí. El texto de la caja de contenido va aquí. El texto de la caja de contenido va aquí. El texto de la caja de contenido va aquí.

=__<span style="color: #367b28; font-family: Impact,Charcoal,sans-serif; font-size: 150%;">Creación de tablas con fondos de color __= =<span style="color: #367b28; font-family: Impact,Charcoal,sans-serif; font-size: 150%;"> = <span style="color: #367b28; font-family: Impact,Charcoal,sans-serif; font-size: 150%;">http://gettingtrickywithwikis.wikispaces.com/Background+Colour+in+Tables

Usted puede hacer mediante la creación de tablas de colores en HTML. Aquí está el código de la tabla que he creado a continuación. code code

Tenga en cuenta que tendrá que adaptarse de acuerdo con sus propios fines. Buscar en el código HTML de los lugares donde he insertado el texto y podrás ver cómo encontrar la celda de la tabla e insertar su propio. Ensayo y error es una gran cosa. También puede insertar una foto en el código HTML. Envíanos tu foto y luego copia el código que he utilizado dentro de la tabla, asegurándose de que la URL por su propia imagen y el nombre con el suyo.
 * SU TEXTO puede entrar en una LIKE THIS CUADRO ||  ||
 * || [[image:http://gettingtrickywithwikis.wikispaces.com/space/showimage/melia3.jpg]] ||
 * O AQUÍ ||  ||

Todo esto va en el código widget de un "HTML demás».

También puede cambiar el color de las células individuales. Mira este código y verás cómo hay diferentes códigos de color al lado de las diferentes células en la tabla de code code
 * USTED PUEDE CAMBIAR EL COLOR DE UNA CÉLULA ||  ||
 * || [[image:http://gettingtrickywithwikis.wikispaces.com/space/showimage/melia3.jpg]] ||
 * Al alterar el código de color ||  ||

Si usted no desea que las celdas de tabla para mostrar, sólo cambia el borde de la celda a 0 como en el código de abajo

http://gettingtrickywithwikis.wikispaces.com/textbox
 * =<span style="color: #388736; font-family: Impact,Charcoal,sans-serif; font-size: 150%;">Hacer un cuadro de texto con desplazamiento: =

¿Quieres
 * establecer un vínculo índice
 * proporcionar información adicional
 * proporcionar los enlaces de referencia a otras páginas
 * crear menús de desplazamiento lateral

Usted puede hacer una caja de texto con desplazamiento de la página. Copia el código de abajo code más texto aquí!

más texto aquí!

más texto aquí!

más texto aquí!

más texto aquí!

más texto aquí!

más texto aquí!

más texto aquí!

más texto aquí!

más texto aquí!

más texto aquí!

más texto aquí!

más texto aquí </ p> </ div> code 1. Haga clic en el 'widget Insertar "y seleccione' html de otros. Pegue el código pulg 2. Donde dice "el texto más aquí es donde escribo propio texto. 3. Si desea crear un vínculo con el texto - debe verse como el tipo de code <a href="http://YOUR FULL URL/"> su propio texto </ a> </ p> code justo donde las palabras del texto más primero "aquí" son - como este code <a href="http://cooltoolsforschools.wikispaces.com/"> Cool Tools for Schools </ a> </ p>

más texto aquí!

más texto aquí!

más texto aquí!

más texto aquí!

más texto aquí!

más texto aquí!

más texto aquí!

más texto aquí!

más texto aquí!

más texto aquí!

más texto aquí!

más texto aquí </ p> </ div> code 4. Cambiar el ancho y la altura de cuadro de texto para todo lo que quieras a sus necesidades. 5. Añadir tantos vínculos como desee en el cuadro de texto - por ejemplo, code <a href="http://cooltoolsforschools.wikispaces.com/"> Cool Tools for Schools </ a> </ p>

<a href="http://bbimathex.wikispaces.com/"> Matemáticas Wiki </ a> </ p>

<a href="http://talklikeapirate.wikispaces.com/"> Talk Like a <Pirate / a> </ p>

<a href="http://bucklandsbeach.wikispaces.com/"> ICTPD Cluster Wiki </ a> </ p>

</ p> </ div> code Esto hará una lista de enlaces. 6. Si quieres poner un espacio entre las líneas, sólo tiene que añadir un nuevo enlace entre cada uno - por ejemplo, code <a href="http://cooltoolsforschools.wikispaces.com/"> Cool Tools for Schools </ a> </ p>

<a href="http://bbimathex.wikispaces.com/"> Matemáticas Wiki </ a> </ p>

<a href="http://talklikeapirate.wikispaces.com/"> Talk Like a <Pirate / a> </ /> <a href="http://bucklandsbeach.wikispaces.com/"> ICTPD Cluster Wiki </ a> </ p>

</ p> </ div> code 7. Para algunos enlaces guión - (crear sub-menú) añadir este código antes de cada enlace que desea guión (para 2 plazas de insertar dos veces, etc) code code para que el código ahora parecería code <a href="http://cooltoolsforschools.wikispaces.com/"> Cool Tools for Schools </ a> </ p>

<a href="http://bbimathex.wikispaces.com/"> Matemáticas Wiki </ a> </ p>

<a href="http://talklikeapirate.wikispaces.com/"> Talk Like a <Pirate / a> </ /> <a href="http://bucklandsbeach.wikispaces.com/"> ICTPD Cluster Wiki </ a> </ p> <a href = "http://bucklandsbeach. wikispaces.com / Bucklands + playa + Intermedio "> Formulario de solicitud de modelo </ a> </ p> </ div> code 8. Si usted quiere poner un borde alrededor del cuadro de texto a continuación, incluir code border: 1px solid blue; code justo después de la anchura y la altura de pixels. Cambiar el px para adaptarse a la frontera y el color para adaptarse. Nuestro código de ahora podría ser algo así code <div style="width: 100px;border:2px 190px;height: sólidos black;overflow:-moz-scrollbars-vertical;overflow-y:auto;"> <a href="http://cooltoolsforschools.wikispaces.com/"> Cool Tools for Schools </ a> </ p>

<a href="http://bbimathex.wikispaces.com/"> Matemáticas Wiki </ a> </ p>

<a href="http://talklikeapirate.wikispaces.com/"> Talk Like a <Pirate / a> </ /> <a href="http://bucklandsbeach.wikispaces.com/"> ICTPD Cluster Wiki </ a> </ p> <a href="http://bucklandsbeach.wikispaces.com/Bucklands+Beach+Intermediate"> Encuesta Modelo </ a>

</ div> code y cuando se pone en el widget integrar tendría este aspecto Cool Tools for Schools

Matemáticas Wiki

Talk Like a Pirate

ICTPD Cluster Wiki Encuesta Modelo

Aquí hay un ejemplo de la creación de enlaces de referencia a otras páginas Cool Tools for Schools [|Video Tools] más texto aquí! más texto aquí! más texto aquí! más texto aquí! más texto aquí! más texto aquí! más texto aquí! más texto aquí! más texto aquí! más texto aquí! más texto aquí! más texto aquí! más texto aquí!

y aquí está un ejemplo proporcionando información adicional acerca de un tema Dinosaurios (en griego δεινόσαυρος, deinosauros) fueron los animales vertebrados que dominaron los ecosistemas terrestres durante más de 160 millones de años, a partir del período Triásico tardío (unos 230 millones de años) hasta el final del período Cretácico (65 millones de años atrás), cuando la mayoría de ellas se extinguieron en el caso Cretáceo-Terciario. La vida de 10000 especies de aves han sido clasificados como los dinosaurios. El término "dinosaurio" fue acuñado en 1842 por Sir Richard Owen y se deriva de δεινός griego (deinós) "terrible, poderoso y maravilloso" + σαῦρος (sauros) "lagarto". A veces se usa de manera informal para describir otros reptiles prehistóricos, como el pelicosaurio Dimetrodon, los pterosaurios alados, y el acuáticos ictiosaurios, plesiosaurios y mosasaurios, aunque ninguno de estos animales fueron los dinosaurios. Durante la primera mitad del siglo 20, la mayoría de la comunidad científica cree que los dinosaurios que han sido lentos, el frío no inteligentes animales de sangre. La mayoría de las investigaciones realizadas desde la década de 1970, sin embargo, ha apoyado la idea de que los dinosaurios fueron los animales con un metabolismo activo elevadas y numerosas adaptaciones para la interacción social. La transformación resultante en la comprensión científica de los dinosaurios se ha filtrado poco a poco en la conciencia popular. 1861 El descubrimiento del ave primitiva Archaeopteryx sugirió por primera vez una estrecha relación entre los dinosaurios y aves. Aparte de la presencia de impresiones de plumas fosilizadas, Archaeopteryx era muy similar a la pequeña contemporánea Compsognathus dinosaurio depredador. La investigación ha identificado desde los dinosaurios terópodos como los antepasados directos más probable de las aves, la mayoría de los paleontólogos de aves respecto a día de hoy como la única superviviente de los dinosaurios, y algunos sugieren que los dinosaurios y las aves deben ser agrupados en una clase biológica. [1] Además de las aves, los cocodrilos son los parientes cercanos de los dinosaurios únicos otros que han sobrevivido hasta la actualidad. Al igual que los dinosaurios y las aves, los cocodrilos son miembros de Archosauria, un grupo de reptiles que aparecieron por primera vez en el Pérmico muy tarde y llegó a predominar en el Triásico medio. Dado que los fósiles de dinosaurios primero fueron reconocidos en el siglo XIX, montado esqueletos de dinosaurios se han convertido en grandes atracciones de los museos de todo el mundo. Los dinosaurios se han convertido en una parte de la cultura mundial y seguir siendo siempre popular. Ellos han aparecido en libros best-sellers y películas (en particular, Jurassic Park), y los nuevos descubrimientos son regularmente cubiertas por los medios de comunicación.

Aquí hay un ejemplo de la caja de texto con desplazamiento utilizados en el cuadro de navegación. ninguno //Opcional:// comentario de la historia de la página

#|¿Busca etiquetas? ejemplo de wiki

http://lats1.wikispaces.com/ || Guardar borradorEditor de textoPrevisualizar**Guardar**#|Anular || Etiquetado de las páginas se hace ahora en un nuevo lugar. Una vez que haya guardado los cambios, haga clic en la pestaña "Page" y seleccione "Detalles y

etiquetas". http://talklikeapirate.wikispaces.com/
 * [[image:http://c1.wikicdn.com/_/479e256b/i/bBL.gif width="8" height="8"]] |||| [[image:http://c1.wikicdn.com/_/ad4b0f60/i/c.gif width="1" height="1"]] || [[image:http://c1.wikicdn.com/_/1f60ab45/i/bBR.gif width="8" height="8"]] ||

=__<span style="color: #3e8940; font-family: Impact,Charcoal,sans-serif; font-size: 150%;">Usted puede agregar una imagen de fondo de su marco de menú de __=

http://gettingtrickywithwikis.wikispaces.com/Image+as+a+Frame+Background

1. Usted tendrá que preparar la imagen que desee para el fondo y asegúrese de que cambia de tamaño para el tamaño que desee. Se azulejos más pequeños que si la página. (Un ancho de página normal es de aproximadamente 1000px). 2. Haga clic en el botón insertar imagen "y subir su imagen para Wikispaces. No lo coloque en su página. 3. Haga clic en "Editar botón de navegación 'para abrir la página de marco y haga clic en el botón' widget Insertar", haga clic en 'Otras HTML y pegar en el código HTML siguiente. code language="javascript" <script type="text/javascript"> document.getElementsByTagName ( "body"). item (0). style.background = "url (http://gettingtrickywithwikis.wikispaces.com/space/showimage/swirl.jpg) # 777"; </ script> code 4. Ahora tendrá que editar el código html un poco. 5. Cambiar la URL a la URL de su propio wiki - Yo la mía, pero usted tendrá que substituir por el suyo propio. code http://gettingtrickywithwikis.wikispaces.com/ code 6. Cambiar la etiqueta de imagen en el final de la URL a su propia etiqueta de imagen - la mina se llamaba swirl.jpg. Usted tendrá que sustituirlo por el nombre de su propia imagen. code http://gettingtrickywithwikis.wikispaces.com/space/showimage/swirl.jpg code 7. Asegúrese de mantener el resto de la url, es decir el mismo - '/ espacio / showimage /' es el mismo.

Ahora usted ha hecho un gran fondo para el marco de menú.

Usando esta técnica puede hacer que las imágenes en Photoshop, incluyendo títulos para su wiki, y llevarlos a su página wiki. Ejemplo

NOTA - También puede utilizar la dirección web de cualquier imagen en la web. Si ya en la web, que no tiene que ser cargado en Wikispaces.

Otro pequeño truco de [|mikebw] es utilizar el siguiente código para mantener el tamaño de su imagen de fondo correcta y evitar el suelo de baldosas. code fondo <body ="http://ngahinapouristaff.wikispaces.com/file/view/mt_pirongia2a.jpg" bgproperties="fixed"> code Simplemente sustituya su dirección de él. - Gracias, Mike.

http://gettingtrickywithwikis.wikispaces.com/Scrolling+Banner


 * =__<span style="color: #388736; font-family: Impact,Charcoal,sans-serif; font-size: 150%;">Añade un banner de desplazamiento __=

Esto es un poco difícil de explicar, pero aquí va. 1. Haga clic en Administrar el espacio en la barra de menú de la izquierda. 2. Haga clic en Look and Feel en Configuración Espacial partida. 3. Haga clic en Cambiar o hacer un tema nuevo en el Tema partida. 4. Ir a Temas personalizados y el nombre de su tema, y seleccionar el tema base de la lista desplegable - este wiki es "original". 5. Haga clic en editar debajo de Temas personalizados. 6. La página aparecerá ahora en html. Desplácese hacia abajo el código html hasta llegar a Se trata de 2 / 3 del camino hacia abajo la página. 7. Inmediatamente después de que el código, copie y pegue el siguiente código de code format="html4strict" < mesa cellpadding = "0" cellspacing = "0" frontera = "0" ID = "contenedor" > < td estilo = "width: 8px;" > < img src = "/ i / bTL.gif" anchura = "8" altura = "8" alt = "" clase = "esquina" / > < / td > < td estilo = "border-top: 1px solid # AAA;" clase = "campo" colspan = "2" > < img src = "/ i / c.gif" anchura = "1" altura = "1" alt = "" estilo = "border: none; display: block! importante;" / > < / td > < td estilo = "width: 8px;" > < img src = "/ i / bTR.gif" anchura = "8" altura = "8" alt = "" clase = "esquina" / > < / td > < / tr > < td estilo = "border-left: 1px solid # AAA;" clase = "campo" > < br / > < / td > < td valign = "top" estilo = "width: 100%;" clase = "campo" > <ScrollDelay marquesina = "100" > < b > * Mejorar tu wiki con un par de trucos * < / b > < / marquee> < / td > < td valign = "top" clase = "campo" > < img src = "/ i / c.gif" anchura = "1" altura = "10" alt = "" / > < / td > < td estilo = "border-right: 1px solid # AAA;" clase = "campo" > < br / > < / td > < / tr > < td anchura = "8" clase = "BG" > < img src = "/ i / bBL.gif" anchura = "8" altura = "8" alt = "" clase = "esquina" / > < / td > < td estilo = "border-bottom: 1px solid # AAA;" clase = "campo" colspan = "2" > < img src = "/ i / c.gif" anchura = "1" altura = "1" alt = "" estilo = "border: none; display: block! importante;" / > < / td > < td anchura = "8" clase = "BG" > < img src = "/ i / bBR.gif" anchura = "8" altura = "8" alt = "" clase = "esquina" / > < / td > < / tr > < / mesa > code

8. Encontrar la parte en el código que acaba de pegado que dice * Mejorar tu wiki con un truco o dos *. Esta es la parte que va a editar. 9. Resalta el texto que el anterior en el # 8 y escriba su propio texto pulg 10. Haga clic en Guardar. 11. Haga clic en Usar tema en tema personalizado. 12. Hey Presto! Su texto se desplaza en la parte superior de tu wiki. Creado por lenva 4 de mayo 2008 9:56 pm | Editado por lenva 30 de septiembre 2008 7:19 pm ninguno //Opcional:// comentario de la historia de la página

#|¿Busca etiquetas? || Guardar borradorEditor de textoPrevisualizar**Guardar**#|Anular || Etiquetado de las páginas se hace ahora en un nuevo lugar. Una vez que haya guardado los cambios, haga clic en la pestaña "Page" y seleccione "Detalles y et
 * [[image:http://c1.wikicdn.com/_/479e256b/i/bBL.gif width="8" height="8"]] |||| [[image:http://c1.wikicdn.com/_/ad4b0f60/i/c.gif width="1" height="1"]] ||

=__<span style="color: #3b813c; font-family: Impact,Charcoal,sans-serif; font-size: 150%;">Para crear un rollover ratón con enlace: __= http://gettingtrickywithwikis.wikispaces.com/rollovers#rollovers

Crear un rollover (donde la imagen cambia cuando el puntero del ratón sobre ella) y vincularlo a una nueva página.

1. Preparar las dos imágenes que desea utilizar para las renovaciones. Deben ser exactamente el mismo tamaño. 2. Cargar a wikiespacio a través del "botón de insertar imágenes y archivos '. 3. Copia el siguiente código y pegarlo en el 'HTML Otros' en el botón Insertar widget. code href="http://cooltoolsforschools.wikispaces.com"> <a <img src = "http://gettingtrickywithwikis.wikispaces.com/space/showimage/mouse1.jpg" onmouseover = "this.src = 'http://gettingtrickywithwikis.wikispaces.com/space/showimage/mouse2.jpg"; " onmouseout = "this.src = 'http://gettingtrickywithwikis.wikispaces.com/space/showimage/mouse1.jpg"; "/> </ a> code He puesto en los saltos de línea para caber en esta página. Asegúrese de que usted no tiene los saltos de línea en su código. Si usted no puede llevarlos a cabo, copie el código de aquí como ya he sacado los saltos de línea.

4. Esta parte es el enlace en el que desea que vaya. code <a href="http://cooltoolsforschools.wikispaces.com"> code Cambiar la dirección URL en el lugar que desee en el enlace que te lleve.

5. Esta parte es la imagen que se mostrará cuando se carga la página. code <img src = "http://gettingtrickywithwikis.wikispaces.com/space/showimage/mouse1.jpg"

code Sustituya la URL de mi con su propio - mantener el espacio / / showimage / parte - tan sólo sustituye la URL Wikispaces y el nombre de la imagen

6. Esta parte es la imagen que se mostrará cuando pase el ratón por encima. code onmouseover = "this.src = 'http://gettingtrickywithwikis.wikispaces.com/space/showimage/mouse2.jpg"; " code Sustituya la URL de mi con su propio - mantener el espacio / / showimage / parte - tan sólo sustituye la URL Wikispaces y el nombre de la imagen

7. Esta parte es la imagen que se mostrará cuando se mueve el ratón. code onmouseout = "this.src = 'http://gettingtrickywithwikis.wikispaces.com/space/showimage/mouse1.jpg"; "/> </ a> code Sustituya la URL de mi con su propio - mantener el espacio / / showimage / parte - tan sólo sustituye la URL Wikispaces y el nombre de la imagen

 __<span style="color: #800080; font-family: Impact,Charcoal,sans-serif; font-size: 150%;"> <span style="color: #008000; font-family: Impact,Charcoal,sans-serif; font-size: 150%;">Otras técnicas de vuelco: __<span style="color: #3b813c; font-family: Impact,Charcoal,sans-serif; font-size: 150%;">

Crear más botones del ratón para ir al enlace:
Utilice el mouse encima de los que le llevará a un nuevo enlace: Ponga el cursor sobre cualquier imagen y que se necesita para que un enlace especificado. 1. Cargar la imagen que desea utilizar. 2. En la página para el ratón por encima, pega el código siguiente en el 'html de otros en el botón Insertar widget. code <img src = "http://gettingtrickywithwikis.wikispaces.com/space/showimage/buttonmouse.jpg" onmouseover = window.location = "http://gettingtrickywithwikis.wikispaces.com/mypage"> code 3. Cambiar gettingtrickywithwikis la URL 'en la primera línea a la dirección URL que está poniendo este código en. Buttonmouse.jpg Cambio 'en el nombre de la imagen y la extensión que ha subido. 4. Cambiar gettingtrickywithwikis la URL 'en la segunda línea de la dirección URL que usted quiere que su lector a ir.

Su producto final se verá algo como esto

=__<span style="color: #3b813c; font-family: Impact,Charcoal,sans-serif; font-size: 150%;">Marquesina de texto: __=

http://gettingtrickywithwikis.wikispaces.com/text+effects

El texto puede ser hecho para desplazarse a través de la página. Tenga cuidado con la manera en que usted lo utilice - puede ser una gran distracción. __Desplazamiento de texto sin formato:__ 1. Copia este código y pegue el código en el widget integrar "HTML Otros" botón. code style="FLOAT: <script type="text/javascript"> language="JavaScript" //<![ CDATA [ document.write ( ' ') //]]> </ script> <i> sólo texto sin marcos bonitos </ i> <script type="text/javascript"> language="JavaScript" //<![ CDATA [  document.write ( '<\ / marquee>') //]]> </ script> </ font> </ span>

code 2. La zona donde he escrito "Sólo texto sin marcos bonitos 'es el área que se edita con su propio texto. 3. Usted puede personalizar, cambiando el tamaño de la fuente - la mina es de 7, pero el cambio o la eliminación de la <i> y </ I> (cursiva) - substituir con <b> </ b> (en negrita) </ u> (subrayado) o dejarlo fuera.

Aquí está mi ejemplo:

Va pasando el texto y dice además esto:

Cambiar la velocidad mediante la adición de un número de desplazamiento para el código - la menor el número, más lenta es la velocidad. (por ejemplo, 2 = muy lento, 20 = muy rápido) code style="FLOAT: <script type="text/javascript"> language="JavaScript" //<![ CDATA [ document.write ( ' ') //]]> </ script> <i> sólo texto sin marcos bonitos </ i> <script type="text/javascript"> language="JavaScript" //<![ CDATA [  document.write ( '<\ / marquee>') //]]> </ script> </ font> </ span> code

__Desplazamiento de texto en un marco de:__ Siguiendo el mismo proceso que el anterior - marcos y el color se puede añadir. code <span style = "display: block; width: 50%; margin: 10px auto 10px 200px; border: 5px Ridge # cdcdcd; padding: 10px; background-color: # 660198; "> <script type="text/javascript"> language="JavaScript" //<![ CDATA [ document.write ( ' ') //]]> </ script> <font color="#FCD116"> <b> Hay un aviso importante que sube </ b> <script language = "JavaScript" type = "text / javascript"> //<![ CDATA [ document.write ( '<\ / marquee>') //]]> </ script> </ font> </ font> </ span> code Este código hace un FUNDAMENTO bloque que es del 50% el tamaño del área de trabajo - de cambiar esta situación% para adaptarse. code display: block; width: 50%; code

Tiene un marco de plata con un borde de la cresta 5px. Cambiar esta parte para cambiar el color y el marco de la frontera. code border: 5px Ridge # cdcdcd; code El marco inicia 200px desde el borde izquierdo - de 200 a cambiar el traje. code margin: 10px auto 10px 200px; code El color de fondo es de color púrpura - el cambio para adaptarse a code background-color: # 660198; code El tamaño de la fuente es = 3 y el color de la fuente es de color amarillo y es negrita <b> - cambiar para adaptarse a code <font color="#FCD116"> <b> code Aquí está mi ejemplo

Hice el mio

<span style = "display: block; width: 50%; margin: 10px auto 10px 200px; border: 5px Ridge # cdcdcd; padding: 10px; background-color: # 660198; "> <script type="text/javascript"> language="JavaScript" //<![ CDATA [ document.write ( ' ')// ]]> </ script> <font color="#FCD116"> <b> Bienvenidos y bienvenidas a Puerto TICs </ b> <script language = "JavaScript" type = "text / javascript"> //<![ CDATA [ document.write ( '<\ / marquee>')// ]]> </ script> </ font> </ font> </ span>

<span style="color: #3b813c; font-family: Impact,Charcoal,sans-serif; font-size: 150%;">Texto parpadeante: El texto puede ser hecho a parpadear y desactivar. Aquí está el código: code NO </ font> </ span> </ center> code 1. Cuando vea la palabra «no» es donde se inserta el texto que desea abrir y cerrar. 2. Mi guión se centra. Si usted no quiere que centrado, simplemente retire la y </ center> de la secuencia de comandos.

Aquí está mi ejemplo

<span style="color: #3b813c; font-family: Impact,Charcoal,sans-serif; font-size: 150%;">Texto de la parte derecha de la página: Haga clic en el "editor de texto 'botón. Esto le permite escribir directamente como wikitext. Donde desea que el escrito esté justificado a la derecha, pega este wikitext. code rtl redacción de este texto desde el lado derecho rtl code Suplente su propio texto para la mía. Nota: el RTL código debe estar en su propia línea.

=__<span style="color: #388736; font-family: Impact,Charcoal,sans-serif; font-size: 150%;">Ajuste la anchura de la barra de menú __=

Usted puede ajustar el ancho de la barra de menú de la izquierda para adaptarse a su página de

1. Ir para gestionar el espacio, y luego a ver y sentir. 2. Haga clic en "Cambiar o hacer un tema nuevo". 3. Si no está utilizando ya un tema personalizado, tendrá que hacer uno. (En 'Hacer un tema nuevo "Escriba su nombre y seleccionar el tema original de la lista desplegable. Haga clic en editar, y ahora usted podrá editar su tema.) 4. Encuentra la parte en el tema que dice: code # leftcolumn (position: absolute; left: 0; top: 0; width: 160px;)  # rightcolumn (max-width: 70em; margin-left: 169px; margin-right: 8px; la voz de la familia: "\") \ ""; la voz de la familia: inherit;   margin-left: 161px;)  html> body # rightcolumn (margin-left: 161px; margin-right: 8px;) code

5. La "columna de la izquierda" se refiere a la margen izquierda. Es el px en este margen es necesario cambiar. Para hacer un margen más amplio que aumentará la px, y hacer un estrecho margen que disminuirá la px. Debe hacer esto en **CUATRO** lugares. 6. La primera de cambio es el último número en la primera línea. Cambiar a la nueva anchura. 7. Siguiente encontrar el px en la segunda línea que sigue a 'margin-left: "y cambiar eso. Cabe 9px más grande que el número en la primera línea. 8. Siguiente encontrar el px en la tercera línea que sigue a 'margin-left: "y cambiar eso. Cabe 1px más grande que el número en la primera línea. 9. Por último encontramos el px en la cuarta línea que sigue a 'margin-left: "y cambiar eso. Cabe 1px más grande que el número en la primera línea.

Mi código de este wiki tiene este aspecto: code # leftcolumn (position: absolute; left: 0; top: 0; width: 120px;) # rightcolumn (max-width: 100em; margin-left: 129px; margin-right: 8px; la voz de la familia: "\") \ ""; la voz de la familia: inherit; margin-left: 121px;) html> body # rightcolumn (margin-left: 121px; margin-right: 8px;) code También ajustó el tamaño de mi cuerpo principal (rightcolumn) para compensar. Veis que yo tengo la mía 100em, mientras que el original era 70em. Usted puede jugar con esto para ti mismo.

Ahora salva y que ha ajustado su ancho de columna de menú.

=__<span style="color: #388736; font-family: Impact,Charcoal,sans-serif; font-size: 150%;">Hacer una ventana emergente en la carga: __=

http://gettingtrickywithwikis.wikispaces.com/popup+on+loading

Este es un proceso muy simple. 1. Cargar a tu wiki de la imagen que desea que aparezca en la carga de la página. No hacer nada con ella. 2. Copia el código de abajo y péguelo en el cuadro de integrar el widget 'otro HTML. code style="position:absolute;top:10px;left:10px;background:#062c8d;width:500px;border:1px doble <iframe src = "http://gettingtrickywithwikis.wikispaces.com/space/showimage/instr.jpg" width = "100%" height = "350px" = desplazamiento "no" style = "border: none ;"></ iframe> principio style="display:block;float:right;border:3px <span #777;margin:5px;padding:5px;" style="color:yellow" onclick="closePopup"> cerrar </ span> </ div> language="javascript" <script type="text/javascript"> setTimeout ( "loadPopup ", 1000); loadPopup function (Document.getElementById ( "popup"). Style.display = "";) closePopup function  (Document.getElementById ( "popup"). Style.display = "none";) </ script> code 3. Cuando usted ve code http://gettingtrickywithwikis.wikispaces.com...............instr.jpg " code usted tendrá que cambiar a su propia URL y nombre de la imagen. Deja el resto de la dirección intacta. 4. Ajuste el ancho del cuadro emergente para adaptarse a su imagen. (Usted no necesita preocuparse por la altura.) code width: 500px; code Mi imagen era 400px pero tomé la caja un poco más grande. 5. Cambiar el color de fondo de la caja si así lo desea. code background: # 062c8d code Hice mío el mismo que el fondo de la imagen. 6. Esta parte code style = "color: rojo" code es el color del texto en el botón Cerrar. Cambiar para que se adapte a ti mismo o llevarlo a cabo completamente por defecto negro.

=Hacer 3 columnas en na página=

http://gettingtrickywithwikis.wikispaces.com/3+columns

Hacer 3 columnas en una página es muy sencillo.

1. Haga clic en 'Insertar widget' y haga clic en 'HTML demás ». 2. Pegue el código en la caja. Por favor no copie el código de abajo, como he puesto en los saltos de línea para encajar en esta página. Copia el código de aquí. code tres columnas de diseño CSS </ title>

cuerpo (Margin-top: 0; margin-bottom: 0;  margin-left: 0;  margin-right: 0;  padding-left: 0;  padding-right: 0; )

position: absolute; left: 5px; padding: 0px; top: 0px; width: 270px; )
 * 1) izquierda (

margin-left: 290px; padding: 0px; margin-right: 320px; top: 0px; ) derecho # ( position: absolute; background-color: # FFFFFF; right: 15px; padding: 0px; top: 0px; width: 290px; ) </ style> </ head>
 * 1) center (

Su columna de la izquierda ir aquí. Puede colocar imágenes, enlaces de texto, etc, en este div. Para cambiar las propiedades de este div puede
 * 1) cambiar el selector a la izquierda en la hoja de estilo que se encuentra en esta página entre las etiquetas de la cabeza.

</ div>

La columna central se vaya aquí. Esta sección es fluido, de modo que si se contrae la ventana, el div también se derrumbará y ajustarse a la pantalla perfectamente. Para cambiar las propiedades de este div puede cambiar el selector de centro # en la hoja de estilo que se encuentra en esta página entre las etiquetas de la cabeza. </ div>

Su columna de la derecha ir aquí. Puede colocar imágenes, enlaces de texto, etc, en este div. Para cambiar las propiedades de este div se puede cambiar el selector de la derecha # en la hoja de estilo que se encuentra en esta página entre las etiquetas de la cabeza.

</ div>

</ body> </ html>

code 3. HTML Esto es simple. Cuando he escrito el texto en cada columna, lo reemplazará con su propio texto. Sin embargo, usted tendrá que hacer todo esto dentro del cuadro de edición ", HTML Otros" no directamente en la página wiki.

Haga clic aquí Para ver un ejemplo de lo que el código anterior se parece.

=__<span style="color: #388736; font-family: Impact,Charcoal,sans-serif; font-size: 20px; line-height: 29px;">Haga clic en Put a abrir secciones en sus páginas: __= http://gettingtrickywithwikis.wikispaces.com/collapsible+division

Aquí hay una que realmente impresiona a sus estudiantes. Usted puede ocultar partes de su página y los hacen visibles por clic, luego desaparecen haciendo clic de nuevo. (Si desea poner más de uno de estos códigos en la misma página, lea las notas en la final de esta primera página.) Pruebe el ejemplo siguiente.

Haga clic aquí para ver mis notas

Estos son mis notas. Puedo ocultar nada aquí.
Este es el código completo: code <span style = "-webkit-border-horizontal-spacing: 2px;-webkit-border-vertical-spacing: 2px; border-collapse: collapse; font-family: 'Lucida Grande'; font-size: 11px; line-height: normal; white-space: pre-wrap; "> <script type="text/javascript"> language="javascript" //<![ CDATA [ toggleDiv función (divid) (   if (document.getElementById (divid). style.display == 'none') ( document.getElementById (divid). style.display = 'block'; ) else ( document.getElementById (divid). style.display = 'none'; ) ) //]]> </ script> <a href="javascript:;" onmousedown="toggleDiv('mydiv');"> Haga clic aquí para ver mis notas </ a> Estos son mis notas.

Puedo ocultar nada aquí. </ H3> </ div> </ span>

code 1. Copia el código anterior y la inserta en el cuadro HTML que el "widget integrar '' '. 2. Esta es la única parte que necesita para editar. Usted encontrará 2 / 3 del camino hacia abajo el código. code </ script> <a href="javascript:;" onmousedown="toggleDiv('mydiv');"> Haga clic aquí para ver mis notas </ a> Estos son mis notas.

Puedo ocultar nada aquí. </ H3> code Donde dice "haga clic para ver mis notas" es donde se pone en el texto que desea que sea visible en la página. Simplemente sustituya el texto por el mío. 3. Luego donde dice "Estos son mis notas." y "puedo ocultar nada aquí." es donde usted va a cambiar a sus propias palabras. Si sólo desea una línea (o párrafo) acaba de eliminar de la en adelante. ( significa crear una nueva línea). Si desea más líneas, hay que añadirlas. 4. h3 indica el tamaño del texto. Si quita que el texto será de tamaño normal. Si lo cambia a H2 o H1 el texto será más grande.

<span style="color: #388736; font-family: Impact,Charcoal,sans-serif; font-size: 20px; line-height: 29px;">Haga clic en Put para abrir enlaces en sus páginas: Usted puede convertir texto en los vínculos con algunos cambios en el código básico. Pruebe el ejemplo siguiente.

<span style="border-collapse: collapse; font-family: 'Lucida Grande'; font-size: 11px; line-height: normal;">Haga clic aquí para ver algunos sitios web [|Cool Tools for Schools] [|Talk Like a Pirate]

1. Copia el código que el anterior y la inserta en el cuadro HTML que el "widget integrar '' '. 2. La parte que usted necesita hacer es editar la última parte del código como el siguiente. code </ script> <a href="javascript:;" onmousedown="toggleDiv('mydiv');"> Haga clic aquí para ver mis notas </ a> Estos son mis notas.

Puedo ocultar nada aquí. </ H3> </ div> </ span>

code 3. Eliminar de como se muestra a continuación. code </ script> <a href="javascript:;" onmousedown="toggleDiv('mydiv');"> Haga clic aquí para ver mis notas </ a>

</ div> </ span>

code 4. Inserte el siguiente script en el espacio. code <span style = "-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; border-collapse: collapse; font-family: 'Lucida Grande'; envolver font-size: 11px; line-height: normal; white-space: pre-; ">

<a href="http://cooltoolsforschools.wikispaces.com"> Cool Tools for Schools </

<a href="http://talklikeapirate.wikispaces.com"> Talk Like a <Pirate / a> </ span> code 5. Ahora cambie mis palabras para la tuya. Haga clic donde he escrito "aquí para ver mis notas" - escribir sus propias palabras. Este es el vínculo de comentarios que permanece visible en la página. 6. Cuando he escrito la dirección URL (cooltoolsforschools.wikispaces.com), escriba la dirección URL que desee ir. Cuando he escrito 'Cool Tools for Schools "escribir el texto que desea que el lector haga clic en. 7. Ahora repita esto con tantos vínculos como desee. Recuerde poner un salto de línea entre ellos, insertar

Ahora que usted tiene la idea básica, mediante el proceso puede ocultar nada en absoluto en sus páginas. Éstos son algunos ejemplos.

<span style="color: #388736; font-family: Impact,Charcoal,sans-serif; font-size: 20px; line-height: 29px;">Haga clic en Put a abrir iframes en sus páginas: Insertar un iframe que aparece al hacer clic en el vínculo de la página. Pruebe este ejemplo.

<span style="border-collapse: collapse; font-family: 'Lucida Grande'; font-size: 11px; line-height: normal;"> Haga clic aquí para visitar mi sitio web &lt;span style="-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; border-collapse: collapse; font-family: 'Lucida Grande'; font-size: 11px; line-height: normal; white-space: pre-wrap;"&gt;&lt;br /&gt;&lt;/span&gt;

1. Tomando la secuencia de comandos de base eliminar la parte como se discutió en el # 2, de modo que la última parte de su código se parece a esto. code </ script> <a href="javascript:;" onmousedown="toggleDiv('mydiv');"> Haga clic aquí para ver mis notas </ a>

</ div> </ span>

code 2. Ahora cambie mis palabras para la tuya. Haga clic donde he escrito "aquí para ver mis notas" - escribir sus propias palabras. Este es el vínculo de comentarios que permanece visible en la página. 2. Ahora agregue esto al espacio. code <span style = "-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; border-collapse: collapse; font-family: 'Lucida Grande'; envolver font-size: 11px; line-height: normal; white-space: pre-; ">

<iframe src="http://www.lenva.weebly.com" frameborder="1" scrolling="auto" width="100%" height="600">

</ iframe> code 3. Cambiar la dirección URL (www.lenva.weebly.com) que usted es dueño de URL.

<span style="color: #388736; font-family: Impact,Charcoal,sans-serif; font-size: 20px; line-height: 29px;">Haga clic en Put para abrir imágenes de su wiki:

Ejemplo: <span style="border-collapse: collapse; font-family: 'Lucida Grande'; font-size: 11px; line-height: normal;"> Haga clic aquí para una imagen de la wiki

1. Repita los pasos anteriores. La parte que se va a insertar se code <span style = "-webkit-border-horizontal-spacing: 2px; -webkit-border-vertical-spacing: 2px; border-collapse: collapse; font-family: 'Lucida Grande'; envolver font-size: 11px; line-height: normal; white-space: pre-; ">

src="http://gettingtrickywithwikis.wikispaces.com/space/showimage/bbi.png"

code y la parte que va a cambiar es la dirección de la imagen. Tendrá que sustituir su dirección de minas code http://gettingtrickywithwikis.wikispaces.com/space/showimage/bbi.png

code asegurándose de que mantener el espacio / / showimage / Dentro de la URL - en otras palabras, sólo cambia el nombre del wiki y el nombre de la imagen.

<span style="color: #388736; font-family: Impact,Charcoal,sans-serif; font-size: 20px; line-height: 29px;">Haga clic en Put para abrir imágenes de la web:

Ejemplo: <span style="border-collapse: collapse; font-family: 'Lucida Grande'; font-size: 11px; line-height: normal;"> Haz clic aquí para una imagen de la web

Utilice el mismo proceso que el anterior pero la URL que el uso será uno directamente desde Internet. Si vas a la imagen en la Internet (a través de Google Búsqueda de imágenes o similares), sólo copie y pegue la URL (sacar el mío primero).

<span style="color: #388736; font-family: Impact,Charcoal,sans-serif; font-size: 20px; line-height: 29px;">Haga clic en Put para abrir archivos incrustados:

Todo lo que puede ser embebido puede ser utilizado también en la secuencia de comandos, haga clic en abrir. He aquí un ejemplo con vídeo incorporado: Haz clic aquí para ver un vídeo

Introduce el código de integrar directamente en el espacio que hemos creado (como antes). code </ script> <a href="javascript:;" onmousedown="toggleDiv('mydiv');"> Haga clic aquí para ver mis notas </ a>

</ div> </ span>

code Recuerde cambiar los enlaces de texto a sus propias palabras.

**NOTAS IMPORTANTES:** <span style="color: #388736; font-family: Impact,Charcoal,sans-serif; font-size: 20px; line-height: 29px;">Poner más de un clic para abrir el archivo en la misma página:

Si desea poner más de una secuencia de comandos en una página, usted tendrá que dar a cada secuencia de comandos de un nombre único. Esto es muy fácil de hacer. La parte de la secuencia de comandos que necesitas es por debajo de estas líneas. code / script> <a href="javascript:;" onmousedown="toggleDiv('mydiv');"> Haga clic aquí para ver mis notas </ a> code El nombre de la secuencia de comandos en particular es "myDiv ' Si pega otro script con ese nombre, no funcionará, sino que operará el primer script (porque está buscando el guión de ese mismo nombre). Es necesario cambiar el nombre de la secuencia de comandos para cada uno de ellos va a utilizar en la misma página.

Acabo de utilizar números para hacer esto ... el nombre de mi segundo script 'mydiv2 y mi script de terceros mydiv3' y así sucesivamente. Así que puedo poner como muchos guiones, como me gusta en una página. Las líneas de mi segundo guión se vería así code / script> <a href="javascript:;" onmousedown="toggleDiv('mydiv2');"> Haga clic aquí para ver mis notas </ a> code NOTA: Hay 2 plazas en el guión que el nombre tiene que ser cambiado.

Aquí hay un ejemplo de más de una secuencia de comandos en una página.

=__Mapas de imágenes__= http://gettingtrickywithwikis.wikispaces.com/imagemaps

<span style="color: #388736; font-family: Impact,Charcoal,sans-serif; font-size: 150%;">Vincular las partes de la misma imagen a diferentes ligas: Haga clic en uno de los estudiantes para ver sus eportfolio: code Haga clic en uno de los estudiantes para ver sus eportfolio: </ p> src="http://12June.wikispaces.com/ /IMG_0693.jpg" <img width="300" height="225" usemap="#student" /> <map id="student" name="student"> <area shape="rect" coords="0,0,135,106" alt="Amberly" href="http://amberlyeportfolio.wikispaces.com" /> <area shape="circle" coords="185,83,85" alt="Georgie" href="http://georgiaeportfolio.wikispaces.com" /> </ mapa> code Aquí hay otro. Mueva el ratón sobre las diferentes partes (cabeza, brazos, torso, las piernas) de la imagen y haga clic para ver más información. Haga clic en cualquier parte del cuerpo para ver de cerca code Haga clic en cualquier parte del cuerpo para ver de cerca </ p> src="http://arthritisfoundationwpa.files.wordpress.com/2009/07/human_body.jpg" <img width="250" height="600" usemap="#body" /> <map id="body" name="body"> <forma de área = "rect" coords = "80,0,150,80" alt = "" cerebro href = "http://gettingtrickywithwikis.wikispaces.com/brain" onclick = "return popup (this, 'brillante')" /> <forma de área = "rect" coords = "80,90,170,350" alt = "digerir" href = "http://gettingtrickywithwikis.wikispaces.com/digest" onclick = "return popup (this, 'brillante')" /> <forma de área = "rect" coords = "0,85,85,350" alt = "brazo" href = "http://gettingtrickywithwikis.wikispaces.com/arm" onclick = "return popup (this, 'brillante')" /> <forma de área = "rect" coords = "175,85,250,350" alt = "brazo" href = "http://gettingtrickywithwikis.wikispaces.com/arm" onclick = "return popup (this, 'brillante')" /> <forma de área = "rect" coords = "0355250600" alt = "pierna" href = "http://gettingtrickywithwikis.wikispaces.com/leg" onclick = "return popup (this, 'brillante')" /> </ mapa> code Para elaborar los mapas de imagen que en primer lugar de toda la necesidad de saber el tamaño (en píxeles) de la imagen y las partes de la imagen. Usa algo como el Photoshop o vista previa (Mac) para averiguar esto, pero usted también puede usar ensayo y error si usted sabe se aproxima. 1. Copia este código y pegarlo en widget integrar "caja otro HTML. 2. Ponga la fuente de la imagen donde se ve "img src". En la foto superior que utiliza una imagen en mi wikiespacio propio y en el segundo ejemplo que utiliza una imagen de la Internet. Recuerde que debe dejar la code Parking / showimage code Si está utilizando una imagen de Wikispaces. 3. Si usted está haciendo el mapa de la segunda imagen (el cuerpo) que une a las imágenes, usted debe cargar las imágenes que se van a utilizar. 4. Escriba sus propios enlaces - o bien enlaces a páginas como en el primer ejemplo o enlaces a las imágenes como en el segundo. 5. Ahora necesita ingresar las coordenadas. El primer ejemplo tiene 2 áreas definidas, y el segundo ejemplo tiene 5. Usted verá que comienzan con 'forma de área. Usted puede crear tantas como desee. Las coordenadas se elaboran de la siguiente manera.

0,0,135,106 medios 0 = distancia desde el borde izquierdo de la imagen Esquina 0 = distancia desde la parte superior de la imagen de la esquina superior izquierda 135 = distancia desde el borde derecho de la imagen 106 = distancia desde la parte superior de la imagen de la mano de la esquina inferior derecha

círculos (185, 183, 8) 185 = punto central en el eje x 183 = punto central en el eje y 8 = radio del círculo

polígonos - triángulo (100, 100, 200, 200, 200, 00 100, 100 = distancia desde la parte superior de la imagen - la punta superior del triángulo 200, 200 = distancia de la derecha de la imagen - la parte inferior derecha del triángulo de 200, 0 = distancia desde la parte inferior izquierda de la imagen - a la izquierda del triángulo

6. Ahora sólo tienes que guardar y tendrá las áreas de la imagen definida y con enlaces a diferentes lugares.

=__<span style="color: #367b28; font-family: Impact,Charcoal,sans-serif; font-size: 150%;">Hay una manera fácil de crear cuentas para los estudiantes __= - Especialmente los más jóvenes que no tienen cuentas de correo electrónico.

1. Entra en tu wiki y haga clic en Administrar Wiki, a continuación, haga clic en Usuario Creador. Siga las instrucciones dadas. 2. Seleccione el wiki para añadir a los usuarios. 3. Crear una lista de nombres de usuarios, direcciones de correo electrónico (si los tienen, si no dejarlas fuera) y las contraseñas utilizando el siguiente formato. Usted puede utilizar una hoja de cálculo, o escriba a continuación, utilizando como texto separado por comas. 4. Por favor, asegúrese de que los nombres de usuario son por lo menos 3 caracteres. Letras, números, guiones y guiones bajos son permitidos. 5. Por favor, asegúrese de que las contraseñas son menos de 6 caracteres de longitud. 6. Haga clic en las instrucciones dadas en la página. Wikispaces le dirá si usted comete un error. El principal problema será encontrar un nombre de usuario único sugerimos que use una combinación de números y letras para hacer esto.
 * user1, email1@address.com, password1
 * user2, email2@address.com, password2

=__<span style="color: #388736; font-family: Impact,Charcoal,sans-serif; font-size: 150%;">Añadir una tabla de contenido __ en el lado derecho de la página=

En la parte superior del tipo de página en el código --

Al establecer la página de destacar la partida, seleccionar el tipo de partida que desee en el menú emergente --

Si usted elige encabezado1 para su primer título, luego de la rúbrica 2 para la próxima - la rúbrica 2 se tabulará al ver la tabla de contenidos -- como se demuestra a continuación

=Mi primera línea principal= esta partida, hice hincapié en la rúbrica 1 y seleccionados

mi primer sub partida
esta partida, hice hincapié en la rúbrica 2 y seleccionados =Mi segunda línea principal= esta partida, hice hincapié en la rúbrica 1 y seleccionados

mi segundo sub partida
esta partida, hice hincapié en la rúbrica 2 y seleccionados

mi sub sub partida
esta partida, hice hincapié en la rúbrica 3 y seleccionados

Estos títulos después aparecen en la tabla de contenido a la derecha

=__<span style="color: #388736; font-family: Impact,Charcoal,sans-serif; font-size: 150%;">Cambiar el color de fondo del área de trabajo de su wiki __= http://gettingtrickywithwikis.wikispaces.com/background

Para cambiar el color de fondo de la zona del wiki editable, usted debe editar los temas.

1. Ir para gestionar el espacio, y luego a ver y sentir. 2. Haga clic en "Cambiar o hacer un tema nuevo". 3. Si no está utilizando ya un tema personalizado, tendrá que hacer uno. 4. En 'Hacer escriba un tema nuevo "en su nombre y seleccionar el tema original de la lista desplegable. NOTA: Esto sólo funciona con el tema «original» y no en alguna de las otras opciones en la lista desplegable. 5. Haga clic en editar, y ahora usted podrá editar su tema. 6. Encuentra la parte en el tema que dice: code code 7. Vuelva a colocar la FFF # con el número del color que desea para el fondo. (puesto # antes del número) 8. Haz clic en guardar
 * 1) contenedor. campo (background-color: # FFF;)

[|Haga clic aquí] Para obtener una lista de colores con sus números correspondientes.

=Colores=

http://www.w3schools.com/Html/html_colors.asp

=__<span style="color: #3b813c; font-family: Impact,Charcoal,sans-serif; font-size: 150%;">Abrir enlaces en una ventana nueva __= =<span style="color: #3b813c; font-family: Impact,Charcoal,sans-serif; font-size: 150%;"> = A veces no quieren que la gente se desplaza fuera de su página al hacer clic en sus enlaces.

1. Haga clic en el botón del widget integrar e ir a 'HTML demás ». 2. Copie y pegue el siguiente código.

code <a href="http://thewebsiteyouarevisiting.com" target="_blank"> thetexttolink </ a> code 3. Sustituya su propia URL, donde he escrito code http://thewebsiteyouarevisiting.com code 4. Sustituir el texto del enlace como desea que aparezca en su página en la que he escrito 'thetextolink'

leadingonline

No es necesario escribir el texto del enlace en su página - aparecerá automáticamente como antes.

<span style="color: #3b813c; font-family: Impact,Charcoal,sans-serif; font-size: 150%;">Abrir en una nueva pantalla, : Haga clic en el enlace de abajo y la nueva página aparecerá en la parte superior de esta página. Cool Tools for Schools Aquí está el código. Usted necesita cambiar su posición de dirección y los ajustes de la ventana. code <script type="text/javascript"> //<![ CDATA [ / / Código de la ventana emergente newPopup función (url) (       popupWindow = window.open ( url, 'popupWindow', 'height = 500, width = 500, left = 300, top = 200, resizable = yes, scrollbars = no, toolbar = no, menubar = no, location = no, directories = no, status = no ') ) //]]> </ script> <a href="JavaScript:newPopup('http://cooltoolsforschools.wikispaces.com');"> Abrir una ventana popup </ a> code

=<span style="color: #488641; font-family: Impact,Charcoal,sans-serif; font-size: 150%;">Las imágenes y ajuste de texto =

http://gettingtrickywithwikis.wikispaces.com/text+wrapping+an+image

Usted puede fijar su imagen en cualquier lugar de la página y ajustar el texto a su alrededor. 1. Preparar una imagen para el tamaño correcto y cargarlo con el botón insertar imágenes. No coloque la imagen en la página. 2. Utilizando el botón widget integrar, pegue el código siguiente en el cuadro "HTML demás». code <img cresta src="/space/showimage/geger.jpg"style="border:5px yellow; float:right; margin: 10px 25px 10px 0;" /> code 3. Geger.jpg Suplente "(el nombre de mi imagen) con el nombre de la imagen cargada. 4. Formato del código de acuerdo a lo que usted quiere - el cambio de la frontera, el mío es cresta, pero usted y que cualquier frontera - el número de px de fronteras, la mayor es el número más grueso de la frontera - cambiar el color del borde - hacer que la imagen flote a la izquierda oa la derecha -- cambiar los márgenes px. 5. El cuadro de los medios de comunicación van a aparecer en la página. 6. Añadir el texto a su página y guardar.

Su imagen podría ser de la derecha Pantai Geger se encuentra en la parte oriental de la península de Bukit, en Bali. Pantai Geger es ideal para familias con niños pequeños, ya que la playa está protegida de las olas y es cómodo. Los barcos de pesca locales son arrastrados en la arena la espera de la marea. Usted puede conseguir los coches y las motos casi a la playa, por lo que las familias con niños pequeños no tendrán problemas.

o hacia la izquierda Hay un derecho precioso restaurante en la playa donde se puede ver las olas, las cometas y venidas de playa en más de una taza de café. También hay parking. Al llegar a la mirada de la playa como en todo hay un par de personas de las zonas del parque, uno a la derecha en la playa, el otro en un camino de mayor acceso a

Éstos son algunos de los estilos de borde para que usted pueda probar: sólidos doble Groove de puntos discontinua recuadro inicio Ridge oculto

=Añadir una imagen de fondo= http://gettingtrickywithwikis.wikispaces.com/Add+a+Background+Image

(NOTA: Esto no funciona en todos los navegadores. Funciona en IE y FF2, pero no en FF3)

¿Quién dijo que no se puede tener Niza fondos de color en su página wiki?

<span style="color: #3e8940; font-family: Impact,Charcoal,sans-serif; font-size: 150%;">Sí, usted puede agregar una imagen de fondo a sus páginas de

1. Usted tendrá que preparar la imagen que desee para el fondo y asegúrese de que cambia de tamaño para el tamaño real. 2. Haga clic en el botón insertar imagen "y subir su imagen para Wikispaces. No lo coloque en su página. 3. Haga clic en el botón 'widget Insertar ", haga clic en' Otras HTML y pegar en el código HTML siguiente. code format="html4strict" < script idioma = "javascript" > document.getElementById ( "content_view"). style.background = "url ( 'http://gettingtrickywithwikis.wikispaces.com/space/showimage/sky.jpg') center center no-repeat fijo;"; < / script > code 4. Ahora tendrá que editar el código html un poco. 5. Cambiar la URL a la URL de su propio wiki - Yo la mía, pero usted tendrá que substituir por el suyo propio. code http://gettingtrickywithwikis.wikispaces.com/ code 6. Cambiar la etiqueta de imagen en el final de la URL a su propia etiqueta de imagen - la mina se llamaba sky.png. Usted tendrá que sustituirlo por el nombre de su propia imagen. code http://gettingtrickywithwikis.wikispaces.com/space/showimage/sky.jpg code 7. Asegúrese de mantener el resto de la url, es decir el mismo - '/ espacio / showimage /' es el mismo.

Ahora usted ha hecho un gran fondo para la página. Si desea un fondo de color sólido todo lo que necesitas es una imagen de color sólido - hacer uno en Photoshop

Insertar una pagina web =<span style="color: #388736; font-family: Impact,Charcoal,sans-serif; font-size: 150%;">Integrar en cualquier página web en tu wiki =

Usted puede hacer cualquier página web abierta en tu wiki 1. Copia el código de abajo. 2. Pegue el código en el widget integrar "HTML Otros" botón. code <iframe src = "http://www.lenva.weebly.com" frameborder = "1" scrolling = "auto" width = "100%" height = "600"> </ iframe> code 3. Suplente mi dirección de página web para cualquier sitio web que desea que aparezca en tu página wiki. 4. Modificar los parámetros de altura o la configuración para adaptarse a la frontera. 5. Si usted no quiere desplazarse quitárselo, pero asegúrese de que las dimensiones que ingrese será mostrar todos los de la página que desea ver. 6. Todos los enlaces de la página web seguirá funcionando dentro de este wiki.

=Ocultar líneas de bordes de una tabla=

<span style="color: #388736; font-family: Impact,Charcoal,sans-serif; font-size: 150%;">Ocultación de las líneas de borde de una tabla Coloque este script en una página (widget en una caja de empotrar - 'HTML Otros') y todos los cuadros, realizados en la página tendrá líneas de frontera invisible. code language="JavaScript" <script type="text/javascript"> //<![ CDATA [ document.write ( ' . wiki td (border-width: 0px;) <\ / style>') //]]> </ script> code Este cuadro se hizo con el botón insertar tabla. Las líneas son visibles en modo de edición. Inglés || Francés || Matemáticas || Matemáticas || Alemán || Música || Estudio || Inglés || Francés ||
 * || ** ooo Lunes ooo ** || ** ooo Martes ooo ** || ** ooo Miércoles ooo ** ||
 * **Período 1 oo ** ||
 * **Período 2** ||
 * **Período 3** ||

=2 columnas=


 * Usted puede hacer 2 columnas en la página como en la este ejemplo

1. Utilice el código de abajo para hacer sus columnas como las mías. Ir a "Gestionar páginas" y haga clic en 'Look and Feel'. Ahora, vaya a 'Wiki de estilos "y haga clic en Modificar su hoja de estilo wiki. Copiar y pegar el código al final de la hoja de estilo wiki y guardar.

code . div.leftcolumn wiki ( font-family:  font-size: 1.2em;  color: # 000000;  text-align: left;  valign: top;  width: 400px;  margin: 0 10px 0 0;  border: 0;  padding: 0 10px;  float: left;  )

. div.rightcolumn wiki ( text-align: left;  valign: top;  margin: 0; margin-left: 270px;  border: 0;  padding: 0 10px;  ) code Si desea diferentes anchos de las columnas, puede cambiarlos. Tendrá que jugar con los anchos de encontrar lo que conviene.

2. Ahora tenemos que hacer algunas páginas para definir nuestras páginas. Hacer una página nueva y llaman **HTML_div_leftcolumn** 3. En esta página, haga clic en el 'widget Insertar "y seleccione' HTML demás». Pegue el siguiente código y guardar. code <script language="JavaScript"> document.write ( ' ') </ script> code 4. Ahora tendremos una página para definir la columna de la derecha, así que tenemos que repetir el proceso. Hacer una nueva página y llamar a este **HTML_div_rightcolumn** 5. En esta página, haga clic en el 'widget Insertar "y seleccione' HTML demás». Pegue el siguiente código y guardar. code <script language="JavaScript"> document.write ( ' ') </ script> code 6. Ahora tenemos que hacer otra nueva página llamada **HTML_div_close** (si usted ya ha hecho una página con ese nombre para el trabajo CSS otro, entonces no necesita hacer otro). 7. En esta página, haga clic en el 'widget Insertar "y seleccione' HTML demás». Pegue el siguiente código y guardar. code <script language="JavaScript"> document.write ( '</ div>') </ script> code 8. Ahora tenemos que trabajar en la página donde desea que las columnas a ser. Haga clic para 'Editor de texto', e inmediatamente antes del texto de la columna de la izquierda, pegue el texto siguiente wiki code include page = "HTML_div_leftcolumn" code 9. Escriba el texto (o algo para mantener el lugar) de inmediato en virtud del presente. 10. En el lugar donde usted quiere que su columna de la derecha para comenzar, pegue el siguiente texto. code include page = "HTML_div_close " include page =" HTML_div_rightcolumn " code 11. Escriba el texto (o algo para mantener el lugar) de inmediato en virtud del presente. 12. Según el texto de la columna de la derecha, pegue el texto siguiente wiki. code include page = "HTML_div_close" code 13. Haz clic en guardar y su texto aparecerá en 2 columnas.

Si usted quiere una línea vertical para separar las 2 columnas, añadir el código de fronteras para el código de rightcolumn original en el CSS para que se vea como este code . div.rightcolumn wiki ( text-align: left;  valign: top;  margin: 0; margin-left: 270px;  border: 0; border-left: 1px negro sólido;  padding: 0 10px;  ) code Puedes jugar con el ancho y el tipo de línea a su gusto. ninguno //Opcional:// comentario de la historia de la página

#|¿Busca etiquetas? || Guardar borradorEditor de textoPrevisualizar**Guardar**#|Anular || Etiquetado de las páginas se hace ahora en un nuevo lugar. Una vez que haya guardado los cambios, haga clic en la pestaña "Page" y seleccione "Detalles y e
 * [[image:http://c1.wikicdn.com/_/479e256b/i/bBL.gif width="8" height="8"]] |||| [[image:http://c1.wikicdn.com/_/ad4b0f60/i/c.gif width="1" height="1"]] ||

=<span style="color: #3b813c; font-family: Impact,Charcoal,sans-serif; font-size: 150%;">Crear un menú oculto = Se pueden crear menús pop ocultos que abren y se cierran al hacer clic en 1. Usted tendrá que pegar el siguiente en el editor de texto code su partida (Haga clic para abrir) </ span> <SPAN> Tu Link 1 Tu Link 2 Tu Link 3 </ span> su partida (Haga clic para abrir) </ span> <SPAN> Tu Link 1 Tu Link 2 Tu Link 3 </ span> code 2. Suplente "Tu partida" con los títulos que desea 3. Su sustituto "Link 1" con el enlace de título que desea. Suprimir o añadir a esta lista como usted desea. 4. Ahora use el botón widget insertar e insertar el código siguiente en el cuadro "HTML demás». code <script type="text/javascript"> jQuery ( ". cabecera") . click (function (e) (jQuery (this). next . alternar )) . next . hide ; </ script> code

5. Guarde la página. 6. Si desea dar formato a los títulos, como lo he hecho, usted puede hacerlo ahora en el editor visual con el botón de edición de texto. Compruebe de nuevo en su página de editor de texto para asegurarse de que no han perdido ninguno de los formatos. Usted puede corregir si usted tiene y guardar directamente - no ir a otro lugar antes de guardarlo como formato se puede perder de nuevo.

Aquí está mi ejemplo - pretty cool!!

** Matemáticas ** (Haga clic para abrir) Número Álgebra Geometría

** Inglés ** (Haga clic para abrir) Oral Escrito Visual

=<span style="color: #388736; font-family: Impact,Charcoal,sans-serif; font-size: 150%;">Imprimir páginas ambiente: =

http://gettingtrickywithwikis.wikispaces.com/print

Usted puede crear una página para que cuando se imprime, la barra de navegación y el marco no se imprime. Esto es útil para páginas de la tarea, etc

Para obtener una impresora de páginas, haga clic en amistoso el 'editor de texto' en el botón y pegue el modo de edición de texto en el código siguiente code url)? f = print | Imprimir esta página code Una vez guardados, esto creará un enlace en su página que dice "imprimir esta página". Después de hacer clic en el enlace le llevará a una página sin barra de menús o el marco - sólo el cuerpo de la página, listo para imprimir. Pruébelo en la parte superior derecha de esta página.

=Incluir referencias= 1. Escriba su texto como por lo normal 2. Tipo de esta etiqueta después del texto en el lugar donde desea hacer referencia o número de la nota a aparecer code code 3. Escriba el texto que será en la referencia o nota al pie. 4. Escriba este código al final de la referencia o nota al pie. code </ ref> code Y cuando se guarda tiene sus referencias o notas al pie que aparecen en la parte inferior de la página como la mía a continuación. Estas funcionan como anclas, de manera que al hacer clic en el número que te lleva al pie de página, y al hacer clic en la flecha de la nota, se vuelve al texto.
 * <span style="color: #388736; font-family: Impact,Charcoal,sans-serif; font-size: 150%;">Incluir una referencia o Footnoe

La educación es lo que sobrevive cuando lo que se ha aprendido ha sido olvidado.[1] La historia humana se vuelve más y más una carrera entre la educación y la catástrofe.[2] Nunca he permitido que mis estudios interferir con mi educación.[3] La educación es un descubrimiento progresivo de nuestra propia ignorancia.[4]

Creado por lenva ** ** 30 de septiembre 2008 6:27 pm | Editado por lenva ** ** 22 de diciembre 2008 2:35 pm

////ninguno//// //////Opcional:// comentario de la historia de la página////
 * 1) ^ **B. F. Skinner**, //New Scientist, 21 de mayo 1964//
 * 2) //^ **H. G. Wells**, //Esquema de la Historia (1920)////
 * 3) ////^ **Mark Twain**////
 * 4) ////^ **Will Durant**////

////#|¿Busca etiquetas?////|| Guardar borradorEditor de textoPrevisualizar**Guardar**#|Anular || ////Etiquetado de las páginas se hace ahora en un nuevo lugar. Una vez que haya guardado los cambios, haga clic en la pestaña "Page" y seleccione "Detalles y etiquetas".//// || ||   ||
 * [[image:http://c1.wikicdn.com/_/479e256b/i/bBL.gif width="8" height="8"]] |||| [[image:http://c1.wikicdn.com/_/ad4b0f60/i/c.gif width="1" height="1"]] ||