ULTIMAS NOTICIAS
VIEW ALL --
04/26/2021 in Ascatravi
VEHICULOS LIGEROS PARA EL TRANSPORTE DE MERCANCIAS PELIGROSAS
VEHICULOS LIGEROS PARA EL TRANSPORTE DE MERCANCIAS PELIGROSAS Son muchos los lectores que se... -
02/02/2021 in Ascatravi
2020: REGRESO AL PASADO
2020: REGRESO AL PASADO Somos esclavos de las cifras y de las previsiones y a pesar de que 2020... -
12/22/2020 in Socios
ZANOTTI & MERCEDES E VITO ELECTRICA
Zanotti en la nueva eVito Mercedes Benz isotermo refrigerada 100 % eléctrica para el transporte... -
11/03/2020 in Ascatravi
CARNÉ B Y VEHICULOS ECO / CERO DE 4250 kg
CARNÉ B Y VEHICULOS ECO / CERO DE 4250 kg El teléfono no para de sonar y muchas consultas... -
10/03/2020 in Ascatravi
TRANSPORTE DE BIOMASA. EFICIENCIA Y RESPONSABILIDAD
TRANSPORTE DE BIOMASA. EFICIENCIA Y RESPONSABILIDAD El fomento y la promoción de las energías... -
02/03/2020 in Ascatravi
2019: ESTABILIDAD EN LA MATRICULACION DE VEHÍCULOS RIGIDOS CARROZADOS
2019: ESTABILIDAD EN LA MATRICULACION DE VEHÍCULOS RIGIDOS CARROZADOS Veníamos comentando... -
09/20/2017 in Ascatravi
NOVEDADES REGLAMENTARIAS: PROTECCIÓN TRASERA Y ALUMBRADO
NOVEDADES REGLAMENTARIAS: PROTECCIÓN TRASERA Y ALUMBRADO La historia del carrozado tiene su... -
06/15/2017 in Ascatravi
VEHÍCULOS EN UN LIMBO LEGAL
VEHÍCULOS EN UN LIMBO LEGAL Hace muchos años que los vehículos industriales y comerciales además...
Ver +
ASCATRAVI YA ES MIEMBRO DE UNE
UNE es el único Organismo de Normalización en España y como tal ha sido designado por el Ministerio de Economía, Industria y Competitividad ante la Comisión Europea. En este sentido, UNE es el representante español en los organismos internacionales ISO/IEC y en los europeos CEN/CENELEC siendo, asimismo, el organismo nacional de normalización de ETSI.
Ver +
POMMIER Innovative solutions for trucks
El Grupo Pommier es el líder actual del sector de la carrocería industrial, porque ha sabido desarrollar permanentemente relaciones de colaboración con sus clientes.
Ver +
FORANKRA. Su experto en sujeción de carga.
Forankra ofrece soluciones y productos personalizados para la sujeción de la carga y la optimización de toda la cadena logística; desde cinturones de amarre hasta sistemas y elementos de sujeción de la carga técnicamente avanzados. Con nuestro conocimiento y experiencia, ayudamos a nuestros clientes en la manipulación y sujeción de la carga en el transporte de una forma más segura y eficaz. Secures everything in transit™.
Ver +
TRANSPORTE 3
Ascatravi mantiene un acuerdo de colaboracón con la revista Transporte3, con el que se pretende que los fabricantes de 2ª fase estén al día de las noticias que son importantes para nuestro sector.
Ver +
FLECTOR TRUCK
Ver +
MINCOTUR
El Ministerio de Industria, Comercio y Turismo dispone de SEDE-e (sede electrónica del Minsiterio) para poder realizar todos los tramites relacionados con el registro de Fabricantes y representantes de vehículos.
Ver +
ASCATRAVI
Ascatravi es la asociación nacional que engloba a los fabricantes de 2ª fase, antiguamente llamados fabricantes de carrocerías o carroceros.
Button Designs
- Categoría: Site Content
- Publicado el Jueves, 21 Marzo 2013 08:39
- Visitas: 5318
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.
<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.
<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]
OFICINA DE ASCATRAVI
En Ascatravi trabajamos para que los socios se encuentren representados ante los organismos públicos.
M. José Sánchez Requena
Secretaria General mj.sanchezrequena@ascatravi.org
Alberto Sánchez Ramírez
Director Técnico a.sanchezramirez@ascatravi.org
Salvador Núñez Bustos
Secretario Técnico sn.bustos@ascatravi.org