- -
Oficina de Aprendizaje Digital

Árbol de páginas

Estás viendo una versión antigua de esta página. Ve a la versión actual.

Comparar con el actual Ver el historial de la página

« Anterior Versión 35 Siguiente »

default.css

Formato de texto
.column {
	font-family: "Century Gothic" , CenturyGothic , AppleGothic , sans-serif;
	font-size: 16.0px;
        border: 0px solid white !important;
}

Estilo de hipervínculo
.textbox a {
        text-decoration: none !important;
        color: #b90505 !important;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.3s ease-in-out;
      }

.textbox a:hover {
        transform: scale(1.1);
        box-shadow: 0 0 10px #000000;
        background: #ffffff;
        color: #0770cd !important;
      }

.textbox a:active {
        transform: scale(0.9);
        box-shadow: 0 0 20px #000000;
        color: #FFFFFF !important;
      }

Subpáginas
.pageType .itemlink span {
        align-items: center;
        display: flex;
       	padding: 10px 50px;
       	width: auto;
       	margin:0 auto;
       	text-decoration: none !important;
        background: #132e6f;
        color: #ffffff !important;
        font-weight: 600;
        font-size: 18px;
        cursor: pointer;
        border-radius: 5px;
        transition: all 0.3s ease-in-out;
}

.pageType .itemlink span:hover {
        background-image:url('https://poliformat.upv.es/bggrande.png');
        background-repeat:no-repeat;
        background-position:center;
        padding:40px 100px;
        color: #ffffff!important;
      }

.pageType .itemlink span:active {
        transform: scale(0.9);
        box-shadow: 0 0 20px #000000;
        color: #ffffff !important;
        background: #000000;
      }

Exámenes
.assessmentType .itemlink span {
        align-items: center;
        display: flex;
        justify-content: center;
       	padding: 15px 80px;
       	width: max-content;
       	margin:0 auto;
       	text-decoration: none !important;
        background: #0770cd;
        color: #FFFFFF !important;
        font-size: 25px;
        cursor: pointer;
        border-radius: 5px;
        transition: all 0.3s ease-in-out;
      }

.assessmentType .itemlink span:hover {
        transform: scale(1.1);
        box-shadow: 0 0 10px #000000;
        background: #ffffff;
        color: #0770cd !important;
      }

.assessmentType .itemlink span:active {
        transform: scale(0.9);
        box-shadow: 0 0 20px #000000;
        color: #FFFFFF !important;
      }

.listType .link-div .fa-item-text {
  display: none;
  vertical-align: text-top;
}

Enlace
.resourceType .itemlink {
        align-items: center;
        display: flex;
        padding: 5px 20px;
        width: max-content;
        text-decoration: none !important;
        background: #c00;
        color: #FFFFFF !important;
        cursor: pointer;
        border-radius: 50px;
        transition: all 0.3s ease-in-out;
      }

.resourceType .itemlink:hover {
        transform: scale(1.1);
        box-shadow: 0 0 10px #000000;
        background: #ffffff;
        color: #0770cd !important;
      }

.resourceType .itemlink:active {
        transform: scale(0.9);
        box-shadow: 0 0 20px #000000;
        color: #FFFFFF !important;
      }


Esta plantilla cuenta con URLs de imágenes. Para que estas imágenes funcionen correctamente, hay que subirlas previamente a recursos de nuestro espacio y sustituir los URLs de la plantilla por los nuevos.


Las imágenes a subir en recursos son las siguientes:


Los pasos a seguir para actualizar las URLs son los siguientes:

Creamos una carpeta en recursos donde subimos las 4 imágenes. En esté ejemplo la hemos llamado "iconos plantilla"

Pinchamos sobre cada imagen subida y se nos abrirá una ventana para cada una con sus respectivas URLs. Copiamos esta URL.

Abrimos "default.css" con un editor de texto. Buscamos la linea de código donde se encuentra cada imagen y pegamos la URL copiada anteriormente sustituyendo la anterior URL por la nueva.





  • Sin etiquetas