NUEVOS ADMITIDOS

Pregrados

Template Typography

May 21 2012
Detalles

Creating Beautiful Content With Simple Code

Typography is a fundamental part of a template, providing you with the tools to characterise your content and bring it to life. There is a vast array of typography available with Ionosphere template, as is with our previous releases, from list styles, notice blocks and a diverse number of other elements.

If you are using the TinyMCE editor for HTML typography, go to Extensions → Plugin Manager → TinyMCE 2.0 → Set Code Clean-up on Save to Never.

<h1> Heading Styles

H1. Heading 1

H2. Heading 2

H3. Heading 3

H4. Heading 4

H5. Heading 5

H1. Page Title

H1. Content Title

<ul> List Styles

  • This is an example of a standard list style. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh.
  • This is an example of a standard list style. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh.
  • This is an example of a standard list style. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh.
  • This is an example of a standard list style. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh.
  • This is an example of a standard list style. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh.

<p> DropCap Styles

Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibu. Pellentesque vel enim urna, sit amet blandit ipsum. Maecenas quis sem sit amet nunc pretium mattis. Sed dapibus semper est, sed pretium erat.

Use the following format: <p class="dropcap">...</p> (HTML) or [dropcap class="dropcap"]...[/dropcap] (ROKCANDY). You can use any letter, symbol or number.

Praesent rutrum sapien ac felis. Use this format: <p class="dropcap2">...</p> (HTML) or [dropcap class="dropcap2"] ... [/dropcap] (ROKCANDY)

Praesent rutrum sapien ac felis. Use this format: <p class="dropcap3">...</p> (HTML) or [dropcap class="dropcap3"] ... [/dropcap] (ROKCANDY)

Praesent rutrum sapien ac felis. Use this format: <p class="dropcap4">...</p> (HTML) or [dropcap class="dropcap4"] ... [/dropcap] (ROKCANDY)

Praesent rutrum sapien ac felis. Use this format: <p class="dropcap5">...</p> (HTML) or [dropcap class="dropcap5"] ... [/dropcap] (ROKCANDY)

<blockquote> Styles

To replicate, use the following formatting: <blockquote><p>....</p></blockquote> (HTML) or [blockquote class="default"]...[/blockquote] (ROKCANDY).


Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis.

To replicate, use the following formatting: <blockquote class="alignleft"><p>....</p></blockquote> (HTML) or [blockquote class="alignleft"]...[/blockquote] (ROKCANDY).

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris metus tortor.


Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis.

To replicate, use the following formatting: <blockquote class="alignright"><p>....</p></blockquote> (HTML) or [blockquote class="alignright"]...[/blockquote] (ROKCANDY).

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris metus tortor.


<pre> Code Styles

This is a sample <pre class="lines">...</pre> (HTML) or,
[pre2 class="{lines}"] ... [/pre2] (ROKCANDY) tag:

div.modulebox-black div.bx1 {
  background: url(../images/box_bl.png) 0 100% repeat;
}

div.modulebox-black div.bx2 {
  background: url(../images/box_tr.png) 100% 0 repeat;
}

This is a sample <pre>...</pre> (HTML) or,
[pre class="{lines}"] ... [/pre] (ROKCANDY) tag:

div.modulebox-black div.bx1 {
  background: url(../images/box_bl.png) 0 100% repeat;
}

div.modulebox-black div.bx2 {
  background: url(../images/box_tr.png) 100% 0 repeat;
}

<p> Notice Styles

This is a sample of the Approved style. To replicate, use the following syntax: <p class="approved">....</p> (HTML) or [notice class="approved"] ... [/notice] (ROKCANDY).

This is a sample of the Attention style. To replicate, use the following syntax: <p class="attention">....</p> (HTML) or [notice class="attention"] ... [/notice] (ROKCANDY).

This is a sample of the Notice style. To replicate, use the following syntax: <p class="notice">....</p> (HTML) or [notice class="notice"] ... [/notice] (ROKCANDY).

This is a sample of the Alert style. To replicate, use the following syntax: <p class="alert">....</p> (HTML) or [notice class="alert"] ... [/notice] (ROKCANDY).


<span> Text Icon Styles

To replicate, the following format: <span class="text-icon iconname">...</span> (HTML) or [icon class="icon name"]...[/icon] (ROKCANDY). The class names are listed below, such as "text-icon email".



Text with a phone icon

Text with a quote icon

Text with a cart icon

Text with a rss icon

Text with a tags icon

Text with a write icon

Text with an info icon

Text with a sound icon

Text with a rightarrow icon

Text with a leftarrow icon

Text with a circlearrow icon

Text with a downarrow icon

Text with an uparrow icon

Text with a person icon

Text with a calendar icon

Text with a doc icon
Text with a bulb icon



Text with a youtube icon

Text with a skype icon





Text with a video icon

Text with a dropbox icon

Text with a vimeo icon

Text with a paypal icon

<em> Emphasis Styles

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="italic">...</em> (HTML) or [emphasis]...[/emphasis] (ROKCANDY)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="bold">...</em> (HTML) or [emphasisbold]...[/emphasisbold] (ROKCANDY)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="bold2">...</em> (HTML) or [emphasisbold2]...[/emphasisbold2] (ROKCANDY)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="highlight">...</em> (HTML) or [highlight class="default"]...[/highlight] (ROKCANDY)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="highlight white">...</em> (HTML) or [highlight class="white"]...[/highlight] (ROKCANDY)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="highlight black">...</em> (HTML) or [highlight class="black"]...[/highlight] (ROKCANDY)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="highlight green">...</em> (HTML) or [highlight class="green"]...[/highlight] (ROKCANDY)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="highlight yellow">...</em> (HTML) or [highlight class="yellow"]...[/highlight] (ROKCANDY)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="highlight blue">...</em> (HTML) or [highlight class="blue"]...[/highlight] (ROKCANDY)

This is a emphasis tag that allows you to highlight words or phrases. Use the following format: <em class="highlight red">...</em> (HTML) or [highlight class="red"]...[/highlight] (ROKCANDY)


<ul> List Styles (Icons)

To replicate, use the following format: <ul class="list-icon icon_name"><li>....</li><li>....</li>...</ul> (HTML) or [list class="list-icon icon_name"][li]....[/li][li....[/li][/list] (ROKCANDY). The icon names are listed below, such as "cart".


  • A list item using the list-icon phone class.
  • A list item using the list-icon phone class.

  • A list item using the list-icon quote class.
  • A list item using the list-icon quote class.


  • A list item using the list-icon youtube class.
  • A list item using the list-icon youtube class.


  • A list item using the list-icon cart class.
  • A list item using the list-icon cart class.
  • A list item using the list-icon tags class.
  • A list item using the list-icon tags class.

  • A list item using the list-icon write class.
  • A list item using the list-icon write class.

  • A list item using the list-icon info class.
  • A list item using the list-icon info class.

  • A list item using the list-icon sound class.
  • A list item using the list-icon sound class.

  • A list item using the list-icon rightarrow class.
  • A list item using the list-icon rightarrow class.

  • A list item using the list-icon skype class.
  • A list item using the list-icon skype class.

  • A list item using the list-icon rss class.
  • A list item using the list-icon rss class.
  • A list item using the list-icon leftarrow class.
  • A list item using the list-icon leftarrow class.

  • A list item using the list-icon circlearrow class.
  • A list item using the list-icon circlearrow class.

  • A list item using the list-icon dropbox class.
  • A list item using the list-icon dropbox class.

  • A list item using the list-icon vimeo class.
  • A list item using the list-icon vimeo class.

  • A list item using the list-icon downarrow class.
  • A list item using the list-icon downarrow class.

  • A list item using the list-icon video class.
  • A list item using the list-icon video class.

  • A list item using the list-icon uparrow class.
  • A list item using the list-icon uparrow class.

  • A list item using the list-icon person class.
  • A list item using the list-icon person class.

  • A list item using the list-icon calendar class.
  • A list item using the list-icon calendar class.

  • A list item using the list-icon bulb class.
  • A list item using the list-icon bulb class.

  • A list item using the list-icon paypal class.
  • A list item using the list-icon paypal class.

  • A list item using the list-icon doc class.
  • A list item using the list-icon doc class.

<ul> List Styles (CSS3)

These list styles are based on the latest CSS3 techniques and are designed to work in modern browsers (will not display properly in IE6-IE8).

To replicate, use the following format: <ul class="class name"><li>....</li><li>....</li>...</ul> (HTML) or [list class="class name"][li]....[/li][li....[/li][/list] (ROKCANDY). The class names are listed below, such as "checkmark red".

  • Checkmark
  • Checkmark
  • Circle-Checkmark
  • Circle-Checkmark
  • Square-Checkmark
  • Square-Checkmark
  • Checkmark Green
  • Checkmark Green
  • Checkmark Yellow
  • Checkmark Yellow
  • Checkmark Red
  • Checkmark Red
  • Checkmark Blue
  • Checkmark Blue
  • Checkmark White
  • Checkmark White
  • Triangle-Small
  • Triangle-Small
  • Triangle
  • Triangle
  • Triangle-Large
  • Triangle-Large
  • Triangle Green
  • Triangle Green
  • Triangle Yellow
  • Triangle Yellow
  • Triangle Red
  • Triangle Red
  • Triangle Blue
  • Triangle Blue
  • Triangle White
  • Triangle White
  • Circle-Small
  • Circle-Small
  • Circle
  • Circle
  • Circle-Large
  • Circle-Large
  • Circle Green
  • Circle Green
  • Circle Yellow
  • Circle Yellow
  • Circle Red
  • Circle Red
  • Circle Blue
  • Circle Blue
  • Circle White
  • Circle White

<span> Inset Styles

Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Inset Right TitleYou will need to use the following formatting: <span class="inset-right"> <span class="inset-right-title"> .... </span> ... some content ... </strong> (HTML) or [inset side="right" title="Inset Right Title"] ... some content ...[/inset] (ROKCANDY) Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Inset Left TitleYou will need to use the following formatting: <span class="inset-left"> <span class="inset-left-title"> .... </span> ... some content ... </strong> (HTML) or [inset side="left" title="Inset Left Title"] ... some content ...[/inset] (ROKCANDY) Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

Sed euismod magna a nibh. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

  • Acuerdo No. 048 del 10 de octubre de 2018 - Reglamenta proceso de Admisión de Estudiantes programas Pregrado +

    "Por medio del cual se adoptan algunas disposiciones sobre el proceso de admisión de estudiantes en la Universidad Popular del Cesar".

    Ver acuerdo

    Leer más

  • NUEVO INGRESO +

    Inscripción en línea para quienes aspiren a ingresar a programas de pregrado en el Segundo periodo académico del 2020 - Sede Valledupar

    Descargar instructivo de inscripciones 

    Listado de reingreso admitidos:   Ver calendario académico 

                    

    ¡IMPORTANTE! VER DETALLE DE CALENDARIO AQUÍ

    Leer más

  • REQUISITOS DE INGRESO +

    Al iniciar el proceso de registro de su inscripción en línea, es importante que este completamente seguro que la información que está ingresando al sistema sea la correcta, en especial su código SNP y el tipo y numero de documento con el que presentó su Examen Saber 11 ya que de lo contrario NO podrán ser consultados sus resultados en el Icfes.

    Luego de dar por terminado el registro en línea, el numero de identificación (cedula o tarjeta de identidad) no podrá ser reutilizado para registrarse en otro Programa Académico. Tenga en cuenta que la información personal, una vez sea registrada exitosamente su inscripción, no podrá ser modificada.

    Antes de realizar su proceso de Inscripción en línea, no olvide tener disponible la siguiente información y / o documentos:

    - PIN asignado en la entidad Bancaria
    - Pruebas Saber 11
    - Documento de identificación
    - Datos personales (dirección, teléfono, correo electrónico)
    - Nivel socioeconómico del SISBEN
    - Datos completos del colegio de terminación de su Bachillerato

    Leer más

  • OFERTA ACADÉMICA +

     

    N°

    NOMBRE DEL PROGRAMA

    CODIGO SNIES DEL PROGRAMA

    METODOLOGIA

    DURACION

    1

    ADMINISTRACIÓN DE EMPRESAS

    13976

    PRESENCIAL

    10 SEMESTRE

    2

    Administración de Empresas Turísticas y Hoteleras

    		  109532

    PRESENCIAL

    9 SEMESTRES

    3

    COMERCIO INTERNACIONAL

    5244

    PRESENCIAL

    10 SEMESTRE

    4

    CONTADURÍA PÚBLICA

    1708

    PRESENCIAL

    10 SEMESTRE

    5

    ECONOMÍA

    7093

    PRESENCIAL

    10 SEMESTRE

    6

    DERECHO

    7800

    PRESENCIAL

    10 SEMESTRE

    7

    PSICOLOGÍA

    102932

    PRESENCIAL

    10 SEMESTRE

    8

    SOCIOLOGÍA

    9480

    PRESENCIAL

    10 SEMESTRE

    9

    ENFERMERÍA

    1706

    PRESENCIAL

    10 SEMESTRE

    10

    INSTRUMENTACIÓN QUIRÚRGICA

    6686

    PRESENCIAL

    10 SEMESTRE

    11

    MICROBIOLOGÍA

    8444

    PRESENCIAL

    10 SEMESTRE

    12

    INGENIERÍA AGROINDUSTRIAL

    3237

    PRESENCIAL

    10 SEMESTRE

    13

    INGENIERÍA AMBIENTAL Y SANITARIA

    7094

    PRESENCIAL

    10 SEMESTRE

    14

    INGENIERÍA DE SISTEMAS

    5095

    PRESENCIAL

    10 SEMESTRE

    15

    INGENIERÍA ELECTRÓNICA 

    7095

    PRESENCIAL

    10 SEMESTRE

    16

    LICENCIATURA EN MATEMÁTICAS

    107036

    PRESENCIAL

    10 SEMESTRE

    17

    LICENCIATURA ESPAÑOL E INGLES

    106693

    PRESENCIAL

    10 SEMESTRE

    18

    LICENCIATURA EN LITERATURA Y LENGUA CASTELLANA

    107334

    PRESENCIAL

    10 SEMESTRE

    19

    LICENCIATURA EN EDUCACIÓN FÍSICA, RECREACIÓN Y DEPORTES

    106620

    PRESENCIAL

    10 SEMESTRE

    20

    LICENCIATURA EN CIENCIAS NATURALES Y EDUCACIÓN AMBIENTAL

    11734

    PRESENCIAL

    10 SEMESTRE

    21

    LICIENCIATURA EN ARTE

    106551

    PRESENCIAL

    10 SEMESTRE

    22

    MÚSICA

    106874

    PRESENCIAL

    10 SEMESTRE


    Nota:     La Universidad Popular del Cesar es una Institución de Educación Superior sujeta a inspección y vigilancia por el Ministerio de Educación Nacional. Si tiene dudas Comuníquese a los correos Esta dirección de correo electrónico está protegida contra spambots. Usted necesita tener Javascript activado para poder verla. y Esta dirección de correo electrónico está protegida contra spambots. Usted necesita tener Javascript activado para poder verla.

    Leer más

  • CUPOS ESPECIALES +

    Clic aquí para realizar la solicitud en línea y adjuntar los documentos para el caso exclusivo de empleados, Miembros de las comunidades afrocolombianas y raizales/ Voluntarios de la Defensa Civil / Voluntarios de Cuerpos de Bomberos / Voluntarios de la Cruz Roja Colombiana / Personas con Discapacidad / Desplazados y Beneficiarios de programas de reinserción.

     

    Leer más

  • CONSULTAR USUARIO +

    Haciendo clic aquí puedes ver un tutorial para consultar usuario.

    Leer más
  • 1

создать сайт

© 2017 - Universidad Popular del Cesar, Sede Administrativa Balneario Hurtado Vía a Patillal- Valledupar Cesar – Colombia.
Sede Sabanas Diagonal 21 No. 29-56 Sabanas del Valle –Valledupar- Cesar -Colombia
Sede Bellas Artes Calle 15 No 12-54 Valledupar-Cesar-Colombia
Línea gratuita de Quejas y Reclamos: PBX: +57 605-5885592 - Directorio
Horario de atención: Lunes a Viernes de 8:00 am a 12:00 m y de 2:00 pm a 6:00 pm
Correo Electrónico para Notificaciones Judiciales
Contacto: pqrs@unicesar.edu.co - Condiciones de Uso y Políticas - Contáctenos 
Institución de Educación Superior sujeta a inspección y vigilancia por el Ministerio de Educación Nacional - Código SNIES 1120