• Página 1 de 1
  • 1
Moderador del foro: ZorG  
Configuración del diseño “NOTICIAS DEL SITIO”
GUARAGUAO
Mensajes: 2362
Reputación: 81
Mensaje Nº 1 | 4:06 PM
CONFIGURACIÓN DEL DISEÑO DEL MÓDULO

Para comenzar la configuración del diseño de las noticias, pasa al módulo “Noticias del sitio” y haz clic en “Control del diseño del módulo”.

Aquí queríamos advertir: si no sabes de HTML o CSS, mejor no entres acá, pero si quieres probar algo, trata de hacer esto con ayuda de “Editor visual”.
Pero RECUERDA: Administración no asume la responsabilidad de los hechos de usuarios y no se compromete a ir explicando qué y cómo hace falta corregir después.

Al contrario, si sabes ya de HTML o CSS, te recomendamos insistentemente que utilices el editor incorporado.

El módulo “Noticias” tiene 3 plantillas en su configuración.
1. Plantilla #1 – “Página «Archivo de materiales»”
2. Plantilla #2 – “Página del material y sus comentarios”
3. Plantilla #3 – “Aspecto de materiales”

  • Plantilla #1 – “Página «Archivo de materiales»”.

    Es responsable por varias páginas de la web: páginas de adición y edición del material, archivo de noticias, búsqueda de materiales, TOP de materiales.

    Para configurar un cierto diseño para todas estas páginas, hay que utilizar operadores condicionales ?IF? y la variable $PAGE_ID$. Invito un ejemplo: necesitas cambiar algo en la página de adición de materiales. Entonces has de hacer lo siguiente:

    Code
    <?if($PAGE_ID$="add")?><script type="text/javascript">alert(“Es la página de adición de noticias”);</script><?endif?>

    etc...

  • Plantilla #2 – “Página del material y sus comentarios”.

    Responde por la configuración del diseño de lapágina de material, es decir, una página con el texto completo de las noticias y comentarios a ésta.

  • Plantilla #3 – “Aspecto de materiales”.

    Es responsable por el bloque del aspecto de los materiales que se exponen en la página de inicio, página de búsqueda, archivo etc. Contiene una versión breve de una noticia y otra información (número de los comentarios, número de visiones de la cierta noticia).


    Las vírgenes tienen muchas navidades pero ninguna Nochebuena.
  • GUARAGUAO
    Mensajes: 2362
    Reputación: 81
    Mensaje Nº 2 | 5:58 PM
    ENCONTRAR Y EDITAR CLASES EN CSS

    Método #1

    1) Abrimos el “Aspecto”: “Ver código HTML” de la página necesaria.
    2) Encontramos en el texto el objeto cuyos parámetros requieren cambio, y miramos su clase.
    3) Después buscamos este clase en la tabla de estilos CSS.
    4) Cambiamos los parámetros como es necesario.

    Si no hay un clase concreto, lo añadimos a la plantilla (a través del Panel de Control), el la tabla de estilos CSS lo añadimos con los parámetros necesarios.

    Мétodo #2

    1) Abrimos en el navegador una página necesaria del sitio web.
    2) Guardamos en el navegador esta página en forma de un archivo HTML. Por ejemplo: en el Internet ejecutamos el comando “Archivo – Guardar como...” y en las opcionese indicamos la variante “Página web por completo” – esto ayudará a guardar el archivo CSS y su enlace en el archivo HTML guardado.
    3) Abrimos el archivo HTML guardado en Frontpage, pasamos al régimen “Split” (o sea, el diseño de la página se expone en la parte inferior, el código fuente se expone en la parte superior).
    4) En la parte de la ventana con el diseño ponemos el cursor del ratón sobre el elemento que necesitamos –en la parte de la ventana con el código fuente el cursor automáticamente se posicionará en el lugar correspondiente del código y en el panel de los tags se expondrá el clase correspondiente. Si quieres, puedes cliquear en este clase que está expuesto – entonces en ambas partes de la ventana se expondrán los sectores correspondientes.
    5) Así que conocemos el clase – lo podemos encontrar en el archivo CSS local (ver p. 2 – el archivo ha sido guardado) y cambiar de manera debida.
    6) Regresamos a Frontpage, presionamos F5 (actualizar la presentación) e inmediatamente vemos y evaluamos los cambios.

    La franca, es aburrido un poquitín ir buscando el clase necesario en CSS, entonces he aquí

    Мétodo #3

    1. Copiamos el nombre del clase (con el punto o sin éste);
    2. Abrimos la tabla de estilos CSS;
    3. Llamamos la ventana de búsqueda presionando Ctrl+F;
    4. Insertamos el clase necesario en la línea de búsqueda;
    5. Presionamos la búsqueda y miramos el resultado.

    En Opera 9.01 la presentación del código es resaltante: el texto es negro, código es azul, comentarios son verdes y scripts son marrones. Es muy cómodo.

    Ejemplo:
    Muy a menudo necesitamos cambiar el tamaño de la fuente en los mensajes del foro. Para esto abrimos cualquier tema y copiamos un pedazo de un texto. Abrimos “Visión del código HTML” y buscamos este pedazo. Luego miramos qué clase tiene – el texto de los mensajes es class=“posttdmessage”.

    Abrimos la tabla de estilos y encontramos en la sección /* Posts View */ el clase posttdmessage.

    .posttdmessage {padding:5px;font-size:8pt;}

    Vemos que están configurados sólo el espacio y tamaño de la fuente. Nosotros podemos cambiar el tamaño y añadir un color. Como resultado el clase será así:

    .posttdmessage {padding:5px;font-size:10pt;color:#CCCCCC;}
    El color se toma convencionalmente.


    Quote
    Bueno, resultó que había borrado el punto “Noticias del sitio” por completo. ¿Es posible restablecer el bloque?

    Sí, es posible.
    En el Panel de Control en la parte izquierda se exponen los módulos activos, un poco abajo hay botones “Activos” e “Inactivos”.
    Haz clic en “Inactivos”, después en “Noticias del sitio” y a la derecha de este menú “Activar el módulo”.

    Las vírgenes tienen muchas navidades pero ninguna Nochebuena.
    sorin
    Mensajes: 442
    Reputación: 6
    Mensaje Nº 3 | 7:32 PM
    En mi opino creo que en esta sección debería de tener acceso a mas plantillas, como las categorías de la noticia.
    vickygomez
    Mensajes: 1
    Reputación: 0
    Mensaje Nº 4 | 9:42 PM
    gracias, me resulto muy util
    Soy Vicky, y me resulta interesante Posicionamiento en internet
    • Página 1 de 1
    • 1
    Búscar: