COMO CONTACTARNOS

1Por vía telefónica al 77604116/7369.
2Vía mail a mail@mancuerna.org.
39a Calle A Lote 23 Z3 SAN MARCOS
Sí tienes alguna sugerencia escribe un correo electrónico a support [ @ ] mancuerna.org . Gracias!

HORARIO DE OFICINA

Lunes-Viernes 8:00AM - 5:30PM
Sábados *
Domingos *

OLVIDASTE TU PASSWORD?

*

ESPERA AHORA LO RECUERDO!

Leer Más

Leer Más

Ver Documental

Ver Documental

VER DOCUMENTAL

VER DOCUMENTAL

Leer Nota

Leer Nota

Leer Más

Leer Más

Mancomunidad de Municipios de la Cuenca del Rio Naranjo

MANCUERNA | Videos
FCAS MANCUERNA
Leer más +

FCAS MANCUERNA

Programa mejora de la gobernabilidad del agua asociada a la cobertura y gestión sostenible de los servicios de agua potable y saneamiento en comunidades rurales indígenas Mam de la mancomunidad de municipios de la Cuenca Alta del Río Naranjo –MANCUERNA–¨

SGC MANCUERNA
Leer más +

SGC MANCUERNA

“GESTIÓN ADMINISTRATIVA DE PROGRAMAS Y PROYECTOS CON TRANSPARENCIA Y EFECTIVIDAD PARA LA GESTIÓN INTEGRADA DEL RECURSO HÍDRICO Y EL DESARROLLO SOCIAL DE LOS MUNICIPIOS SOCIOS DE LA MANCUERNA”

JUNTA DIRECTIVA MANCUERNA
Leer más +

JUNTA DIRECTIVA MANCUERNA

La Mancomunidad de Municipios de la Cuenca del Rio Naranjo MANCUERNA, cuenta con su actual Junta Directiva, integrada por los Alcaldes y Concejos de los 9 Municipios.

NOTICIAS RECIENTES

VER TODO -
  • MANCUERNA INAUGURA PROYECTO DE MEJORAMIENTO DE SISTEMA DE AGUA POTABLE
    20 Julio 2017 by Danilo Solozano, in FCAS MANCUERNA
    MANCUERNA INAUGURA PROYECTO DE MEJORAMIENTO DE SISTEMA DE AGUA POTABLE
    En un ambiente de alegría, en Aldea La Victoria del Municipio de San Juan Ostuncalco, departamento...
    Read More +
  • MANCUERNA INAUGURA MEGA PROYECTO Y MEJORA LA CALIDAD DE VIDA DE ALDEA LOS GONZÁLEZ.
    23 Junio 2017 by Danilo Solozano, in FCAS MANCUERNA
    MANCUERNA INAUGURA MEGA PROYECTO Y MEJORA LA CALIDAD DE VIDA DE ALDEA LOS GONZÁLEZ.
    Con mucho beneplácito fue inaugurado el mega proyecto denominado: “Construcción de Sistema de Agua...
    Read More +
  • MANCUERNA MEJORANDO LA CALIDAD DE VIDA DEL CASERIO BELLA VISTA
    02 Mayo 2017 by Edwin Mejia, in FCAS MANCUERNA
    MANCUERNA MEJORANDO LA CALIDAD DE VIDA DEL CASERIO BELLA VISTA
    La Mancomunidad de Municipios de la Cuenca del Rio Naranjo –MANCUERNA- a través del Fondo de...
    Read More +

CONSULTA LOS CONCURSOS DE MANCUERNA EN EL SISTEMA DE COMPRAS Y CONTRATACIONES DEL ESTADO GUATECOMPRAS

MANCUERNA en su esfuerzo por transparentar todos los procesos publica concursos dentro de guate compras.

CONSULTAR

Button Designs

0
0
0
s2sdefault
twitter
facebook


pinterest
linkedin
google plus
powered by social2s
Categoría: Site Content
Publicado: Jueves, 21 Marzo 2013 08:39
Escrito por Super User
Visto: 4800
View Comments

Default buttons

Button styles can be applied to anything with the .btn class applied. However, typically you'll want to apply these to only <a> and <button> elements for the best rendering.

Button class="" Description
btn Standard gray button with gradient
btn btn-primary Provides extra visual weight and identifies the primary action in a set of buttons
btn btn-info Used as an alternative to the default styles
btn btn-success Indicates a successful or positive action
btn btn-warning Indicates caution should be taken with this action
btn btn-danger Indicates a dangerous or potentially negative action
btn btn-inverse Alternate dark gray button, not tied to a semantic action or use
btn btn-link Deemphasize a button by making it look like a link while maintaining button behavior

Cross browser compatibility

IE9 doesn't crop background gradients on rounded corners, so we remove it. Related, IE9 jankifies disabled button elements, rendering text gray with a nasty text-shadow that we cannot fix.

BUTTONS SHORTCODES

[btn size="" type="" class="" class="" disabled="" link="" target="" icon="" icontheme=""][/btn]

type: primary / info / success / warning / danger / inverse / link / flat

size: primary / large / small / mini

disabled: yes / no

icon: add the icon type without the " icon- "

icontheme: white / black

[btn size="" type="" class="" class="" disabled="" link="" target="" icon="" icontheme=""][/btn]

Button sizes

Fancy larger or smaller buttons? Add .btn-large, .btn-small, or .btn-mini for additional sizes.

<p>
  <button class="btn btn-large btn-primary" type="button">Large button</button>
  <button class="btn btn-large" type="button">Large button</button>
</p>
<p>
  <button class="btn btn-primary" type="button">Default button</button>
  <button class="btn" type="button">Default button</button>
</p>
<p>
  <button class="btn btn-small btn-primary" type="button">Small button</button>
  <button class="btn btn-small" type="button">Small button</button>
</p>
<p>
  <button class="btn btn-mini btn-primary" type="button">Mini button</button>
  <button class="btn btn-mini" type="button">Mini button</button>
</p>

Create block level buttons—those that span the full width of a parent— by adding .btn-block.

<button class="btn btn-large btn-block btn-primary" type="button">Block level button</button>
<button class="btn btn-large btn-block" type="button">Block level button</button>

Disabled state

Make buttons look unclickable by fading them back 50%.

Anchor element

Add the .disabled class to <a> buttons.

Primary link Link

<a href="#" class="btn btn-large btn-primary disabled">Primary link</a>
<a href="#" class="btn btn-large disabled">Link</a>

Heads up! We use .disabled as a utility class here, similar to the common .active class, so no prefix is required. Also, this class is only for aesthetic; you must use custom JavaScript to disable links here.

Button element

Add the disabled attribute to <button> buttons.

<button type="button" class="btn btn-large btn-primary disabled" disabled="disabled">Primary button</button>
<button type="button" class="btn btn-large" disabled>Button</button>

One class, multiple tags

Use the .btn class on an <a>, <button>, or <input> element.

Link 
<a class="btn" href="/">Link</a>
<button class="btn" type="submit">Button</button>
<input class="btn" type="button" value="Input">
<input class="btn" type="submit" value="Submit">

As a best practice, try to match the element for your context to ensure matching cross-browser rendering. If you have an input, use an <input type="submit"> for your button.

SOCIAL ICONS

<ul class="social-icons fixclear">
	<li class="social-twitter"><a href="#">Twitter</a></li>
	<li class="social-dribbble"><a href="#">Dribbble</a></li>
	<li class="social-facebook"><a href="#">Facebook</a></li>
	...
</ul>

SOCIAL ICONS - Colored

<ul class="social-icons colored fixclear">
	<li class="social-twitter"><a href="#">Twitter</a></li>
	...
</ul>

SOCIAL ICONS - Colored only on :hover

<ul class="social-icons coloredHov fixclear">
	<li class="social-twitter"><a href="#">Twitter</a></li>
	...
</ul>

or Shortcode:

type: normal / colored

[socialicons class="" type="" style="" ]
	[socialicon network="" url="#"]
[/socialicons]
Sra. Digna Fuentes Emprendedora
Mi sueño de ser una emprendedora y comercializar mis embutidos ahora es posible gracias a la ayuda de MANCUERNA
Odilia López Beneficiario
Gracias a MANCUERNA por la entrega de estos insumos que nos permitirán cosechar desarrollo.

MANCUERNA

La Mancomunidad de Municipios de la Cuenca del RIo Naranjo es una asociacion de municipios que trabaja por el agua para las presentes y futuras generaciones, conoce más con su visión, mision y objetivo.

Más acerca de esto +

Misión

Misión

MANCUERNA, es una mancomunidad que promueve la gestión integrada del recurso hídrico, a través del fortalecimiento

Visión

Visión

Los Municipios de MANCUERNA para el año 2020 han generado el restablecimiento de la Gobernabilidad del agua a través

Ejes de trabajo

Ejes de trabajo

Fortalecimiento Institucional Municipal. Gestión Ambiental y Riesgo Desarrollo Económico Infraestructura y Servicios Públicos Municipales.

NUESTROS SOCIOS // (PARTNERS)
Trabajamos por el agua para presentes y futuras generaciones! MANCUERNA
TOP