Antiguo - Editar la apariencia.

Antiguo - Editar la apariencia.

Última actualización de en Oranyero Comentarios (8)

Categorías: oranyero, desarrollo, educación, elgg

En este tutorial vamos a explicar como editar nuestro sitio creado en Elgg 1.8, donde estan los archivos css y como editarlo y saber cual editar.

 

Para empezar tienes que saber que se va a editar solo en el core, es decir, no van a ser un plugin, si no editarlo directamente sobre elgg 1.8.

Antes de seguir, si no sabes de CSS, puedes informarte en este enlace: http://www.librosweb.es/css/

 

Ahora toca saber en donde estan localizandos los archivos css, tendremos que ir a carpeta-elgg/views/default/css

Una vez dentro de CSS, entramos en la carpeta, "elements", ahora vamos ha hacer un pequeño ejemplo para editar por ejemplo el color o imagen de fondo de la barra superior de Elgg.

Abrimos el archivo, layout.php y vamos al codigo siguiente:

/***** TOPBAR ******/

.elgg-page-topbar {
background: #333333 url(<?php echo elgg_get_site_url(); ?>_graphics/toptoolbar_background.gif) repeat-x top left;
border-bottom: 1px solid #000000;
min-width: 998px;
position: relative;
height: 24px;
z-index: 9000;
}

 

Vamos ha hacer que cambie la imagen de fondo, para ello, editamos el fondo de topbar:

background: #333333 url(<?php echo elgg_get_site_url(); ?>_graphics/toptoolbar_background.gif) repeat-x top left;

En principio tan solo habría que sustituir "toptoolbar_background.gif, dentro de carpeta-elgg/_grafics. Pero no vamos ha hacer esto, tan solo sería cambiar "toptoolbar_background.gif", por la imagen que metemos en la carpeta anterior. Quedaría así:

background: #333333 url(<?php echo elgg_get_site_url(); ?>_graphics/nuestra-imagen.png) repeat-x top left;

Como dije antes, para comprender y saber como editar los css de tu sitio con elgg, te aconsejo que aprendas un poco con este enlace: http://www.librosweb.es/css/

 

Espero haberte ayudado, si te ha gustado este tutorial dale arriba en la manita y si ves que falta información o hay errores, puedes dejarlo abajo.

Comentarios

  • Antonio Diaz

    muy bueno espero nos sigas ilustrando en este tema soy un amateur elgg que kiere convertirse en un pro ya que esto tiene un potencial enorme...soy ing en sistemas de diseño y programacion web no se casi nada :D , NECESITO ILUSTRACION MAESTRO

  • Antonio Diaz

    estoy desarrollando una red social para una campaña politica , si me pudieras explicar como hacer para establecer una pagina estatica con los pasos q tienes tu al entrar a este sitio.estoy usando elgg1.8b2 son solo 3 meses q duran las campañas politicas por aka..si la hago me graduo con ellos y podre conseguir algo de $$ =( ya q mi primer bebe viene en camino asi q toca ponerle el banquillo al centavo y meterse en cosas grandes asi no se puedan de primas a primeras :D

  • Oranyero

    Hola Antonio,
    no podemos darte el código de la página principal, ya que esta hecho solo para Oranyero. No funcionaría en tu red, ya que se han cambiado y añadido, diferentes códigos.

    Seguiremos haciendo otros tutoriales después de la próxima versión de Oranyero, ya que nos ocupa tiempo hacer la modificaciones y demás.

    ¡Suerte con el sitio!

    Un saludo. 

  • Fabrício Valle

    En primer lugar quiero dar las gracias al creador de este grupo. Yo no sé español, por lo que estoy usando google para traducir mis mensajes. Si usted cree más conveniente, puedo escribir en portugués. Bueno, supongo que en la imagen colocada en el lugar toptoolbar_background.gif Oranyero es la siguiente: oranyero_mapa_inicio.png Estoy en lo cierto? Quiero crear una red que tiene un encabezado con información básica.

  • Fabrício Valle

    Estoy construyendo la Rede Esperanto (www.redeesperanto.com.br - período de prueba). ¿Qué debo hacer para cambiar la expresión Rede Esperanto (descripción predeterminada del grupo) por una imagen JPG (logotipo)? Estoy empezando con CSS y PHP, y creo que voy a ser capaz de intervenir en el código, con la ayuda de manuales y tutoriales ...

  • fabian

    hola amigos, soy nuevo con el elgg, una pregunta, como hago para cambiar el idioma a español, o sea llo pude hacer bajndo unos archivos pero el problema es que cada usuario nuevo tiene que ir a configuraciones para cambiarlo, la pregunta es, existe alguna forma de poder hacerlo yo como administrador y ponerlo en español para que quede configurado asi para cada usuario que se registre y este no tenga que hacerlo por su cuenta? cualquier dato seria de gran ayuda, muchisimmas gracias

  • Oranyero

    Claro Fabian, te acabamos de responder en el rio.

  • Oranyero

    Fabricio, tan solo tienes que subir una imagen y añadirla en el cuadro de texto de la descripción. Es muy fácil. 

    Un saludo.