|
|
Moderador del foro: ZorG |
Foro uCoz Ayuda a los webmasters Configuración del diseño Instrucción breve – diseñador de plantillas |
Instrucción breve – diseñador de plantillas |
Reglas acerca de cómo crear marcos Al entrar en la sección “Diseñador de plantillas”, tú obtienes una posibilidad de ir utilizando las opciones siguientes: 1. Ejemplo de un marco estándar; Son éstos los enlaces con los cuales se abren las páginas determinadas del Panel de Control. Con las tres primeras se abren ventanas emergentes (del primer enlace hablaremos en adelante), el cuarto enlace – una lista desplegable con los enlaces a los marcos guardados, al hacer clic en ellos en la ventanilla de edición del Diseñador se carga el código de un marco. Si tú no tienes ni un marco guardado, o todos están borrados, no habrá ese enlace en la página del marco de las plantillas. Con el último enlace se abre la página con el archivo de estilos, o sea, con la dirección Inicio » Control de estilos, y tendrás que regresar al Diseñador de plantillas por medio del enlace en la fila [ Diseñador de plantillas | Control de plantillas | Bloques globales ]. Regresemos al primer punto. En la parte superior de la página hay tres botones – Código del marco, Mirar, Editar. Estado activo (donde estamos) está distinguido con un color pálido, el contenido de Código del marco está instalado de predeterminado. Haciendo clic en Mirar, en la ventana aparecerá el aspecto de la página – cómo se verá en adelante. Nosotros podemos ver qué aspecto tendrá la página inicial del sitio (así mismo las páginas iniciales de los módulos principales), el foro y la ventana emergente. Ventanas emergentes comprenden: ventana del Perfil del usuario, resultados de las encuestas, lista de MP etc. Al hacer clic en Editar, sube el código del marco en la ventanilla de edición del Diseñador de plantillas. Por debajo de la ventanilla hay una serie de las casillas de verificación (checkboxes en Inglés) como una lista de módulos activados. Puedes cambiar el diseño tanto simultáneamente en todo el sitio, como en los ciertos módulos, para lo cual hay quitar los marcos de aquellos módulos, cuyo diseño no quieres cambiar. Más abajo hay una serie de botones: 1. Gestor de Archivos de nuevo; A veces sucede que un código está hecho con errores. En este caso el sistema va a informar durante la creación del archivo. Se guardará el archivo junto con un archivo especial de errores donde serán enumerados los lugares del código que el sistema no ha entendido (no ha interpretado). Pero si has editado ya las plantillas en el sistema de uCoz, entonces seguro de que tienes nociones sobre los principios del diseño de las plantillas y una peculiaridad exclusiva de uCoz – sus códigos. Todos los códigos específicos para los módulos los utilizarás en adelante a mano en aquellas plantillas donde se requiere. Pero además de los códigos estándar en el marco se utilizan los códigos especiales – funcionan éstos sólo para Diseñador. Lista de los códigos específicos de Diseñador: 1. [TITLE] – nombre de una página (pa’l tag <title>) Instalando el marco en el sitio, Diseñador sustituye automáticamente estos códigos por los equivalentes de los códigos estándar que son diferentes para cada módulo. En general, [BODY] no equivale a $BODY$. Por ejemplo: para la página inicial en vez del código [BODY] recibes: <table border="0" cellpadding="5" cellspacing="0" width="100%" class="tabbody"> Y para el catálogo de archivos con aquel mismo código inicial <table border="0" cellpadding="0" cellspacing="0" width="100%"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="60%">Total de materiales en el catálogo: $NUM_ENTRIES$%IF($NUM_SHOWN$)% Mostrado materiales: $NUM_SHOWN$%ENDIF%</td> <td align="right">%IF($PAGE_SELECTOR$)%Páginas: $PAGE_SELECTOR$%ENDIF%</td> </tr> </table> $BODY$ %IF($PAGE_SELECTOR1$)%<div style="text-align:center;">$PAGE_SELECTOR1$</div>%ENDIF% </td> </tr> </table> Para el foro siempre recibirás sólo <!-- Header -->...<!-- /Header -->, <!-- Footer -->...<!-- /Footer --> y este código entre ellos: <table border="0" cellpadding="0" height="30" cellspacing="0" width="100%" align="center"> Operadores condicionales para Diseñador también tienen sus peculiaridades. Hay dos tipos: ordinarios %IF% %ELSE% %ENDIF% y {IF} ... {ENDIF}. No voy a describir los primeros, hay una vasta información acerca de ellos en el Panel de Control. Los segundos son más simples – ellos encuadran (enmarcan) los sectores de los códigos que se expondrán sólo para los módulos determinados. El propio sistema sabe a dónde deben exponerse. Respectivamente, todo lo que hayas introducido dentro de las condiciones junto con los códigos de módulo específicos, se expondrá o no se expondrá en estos módulos. Parece que es suficiente. Eso es un mínimo que debes saber cuando te pones a trabajar en Diseñador de plantillas. Las vírgenes tienen muchas navidades pero ninguna Nochebuena.
|
SCRIPTS ESTRELLADOS PA’L RANKING EN EL SISTEMA DE UCOZ Este es el siguiente material para los que quieren variar su sitio web y hacerlo más atractivo y curiosos. Inicialmente los scripts fueron diseñados sólo para el módulo “Blog”, pero posteriormente siguieron diseñándose y ahora pueden utilizarse en todos los módulos que requieran ranking. Bueno, entonces ¿qué se requiere para su instalación? Para inicio necesitamos 3 estrellas: La primera estrella quiere decir el ranking actual; segunda – al pasar el puntero del mouse, y tercera – ranking no obtenido. Respectivamente aquí son dorada, verde y gris. Los archivos de las estrellas han de estar en una carpeta común y tener formato png. Además hay que bajar el propio script y activarlo en el módulo requerido: Аrchivo con script : http://studioad.ru/works/ad_rating.rar, y en el encabezado de la página se añade una línea (aquí se indica la ruta al script en tu web): Code <script type="text/javascript" src="ruta al script /ad_rating.js"></script> Después abre la edición del script en el gestor de archivos (se puede editar el script antes de subirlo a la web) e inscribe la dirección de la carpeta con las estrellas en tu sitio web. A propósito, puedes no cambiar nada en estos scripts. Así mismo en el script se puede configurar la exposición de una descripción de texto (true/false) y nombre de cada de las 5 notas. Luego abre la plantilla “Aspecto de materiales” de cada de los 7 módulos que se apoyan por el script (tabla de anuncios, noticias, blog, catálogo de archivos, catálogo de artículos, catálogo de sitios) y en aquel ligar donde ha de estar la forma de ranking, se pone el código: Code <style> .ratingWrapper {text-align:left;width:150px;height:12px;color:#999999;font-size:10px;font-family:trebuchet MS,arial,verdana;} .ratingWrapper img {border:none;cursor:pointer;vertical-align: middle;} .ratingText {float:right;font-weight:bold;} </style> <div class="ratingWrapper"> <img src="http://studioad.ru/images/stars/off.png" id="$ID$1" onclick="rate(this)" onmouseover="on(this)" onmouseout="off(this,$RATING_NUM$)"/><img src="http://studioad.ru/images/stars/off.png" id="$ID$2" onclick="rate(this)" onmouseover="on(this)" onmouseout="off(this,$RATING_NUM$)"/><img src="http://studioad.ru/images/stars/off.png" id="$ID$3" onclick="rate(this)" onmouseover="on(this)" onmouseout="off(this,$RATING_NUM$)"/><img src="http://studioad.ru/images/stars/off.png" id="$ID$4" onclick="rate(this)" onmouseover="on(this)" onmouseout="off(this,$RATING_NUM$)"/><img src="http://studioad.ru/images/stars/off.png" id="$ID$5" onclick="rate(this)" onmouseover="on(this)" onmouseout="off(this,$RATING_NUM$)"/><span class="ratingText" id="$ID$rt">Tu voz!</span> </div> <script> set($RATING_NUM$,$ID$,"blog"); </script> En este código se debe sustituir la dirección de las imágenes (en 5 lugares) por las imágenes en tu web (puedes dejar estas estrellas si quieres) y OBLIGATORIAMENTE indicar en la línea set ($RATING_NUM$, $ID$, "blog") el nombre del módulo en que se pone el script, con letras pequeñas entre comillas (elegir uno: blog, dir, board, load, news, publ, photo). Más o menos es así.[/code] Las vírgenes tienen muchas navidades pero ninguna Nochebuena.
|
| |||
| |||