Difference between revisions of "Guides"
From Supercomputación y Cálculo Científico UIS
| (3 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
__NOTOC__ | __NOTOC__ | ||
<div class="thumbnail img-thumbnail">http://wiki.sc3.uis.edu.co/images/a/a8/Logo_sc33.png</div> | <div class="thumbnail img-thumbnail">http://wiki.sc3.uis.edu.co/images/a/a8/Logo_sc33.png</div> | ||
| − | + | <p><div class="btn btn-primary"><i class="fa fa-long-arrow-left"></i> [[Wiki SC3]]</div></p> | |
<div class="column clearfix"> | <div class="column clearfix"> | ||
<div class="col-md-14"> | <div class="col-md-14"> | ||
| Line 22: | Line 22: | ||
</div> | </div> | ||
</div> | </div> | ||
| − | |||
| − | |||
| − | |||
<div class="col-md-14"> | <div class="col-md-14"> | ||
| Line 33: | Line 30: | ||
</div> | </div> | ||
| − | + | <p> </p> | |
| − | + | <pre> | |
<div class="col-md-4"> | <div class="col-md-4"> | ||
<div class="panel panel-info-white-border"> | <div class="panel panel-info-white-border"> | ||
| Line 40: | Line 37: | ||
<h3 class="panel-title">info Box</h3> | <h3 class="panel-title">info Box</h3> | ||
</div> | </div> | ||
| − | + | <div class="panel-body"> | |
| − | + | <p>Test</p> | |
| − | + | <div class="btn btn-default">Read More</div> | |
| + | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
| + | </pre> | ||
| + | <p> </p> | ||
<div class="col-md-4"> | <div class="col-md-4"> | ||
| − | <div class="panel panel- | + | <div class="panel panel-info-white-border"> |
<div class="panel-heading"> | <div class="panel-heading"> | ||
| − | <h3 class="panel-title"> | + | <h3 class="panel-title">info Box</h3> |
| + | </div> | ||
| + | <div class="panel-body"> | ||
| + | <p>Pellentesque vel egestas diam. Duis pulvinar placerat nisi sit amet sollicitudin. Morbi ullamcorper dui vitae odio mattis luctus. Etiam scelerisque nisi id augue cursus rhoncus.</p> | ||
| + | <div class="btn btn-default">Read More</div> | ||
</div> | </div> | ||
| − | |||
| − | |||
| − | |||
</div> | </div> | ||
</div> | </div> | ||
| Line 60: | Line 61: | ||
<div class="panel panel-success-white-border"> | <div class="panel panel-success-white-border"> | ||
<div class="panel-heading"> | <div class="panel-heading"> | ||
| − | <h3 class="panel-title"> | + | <h3 class="panel-title">success Box</h3> |
| + | </div> | ||
| + | <div class="panel-body"> | ||
| + | <p>Pellentesque vel egestas diam. Duis pulvinar placerat nisi sit amet sollicitudin. Morbi ullamcorper dui vitae odio mattis luctus. Etiam scelerisque nisi id augue cursus rhoncus.</p> | ||
| + | <div class="btn btn-default">Read More</div> | ||
</div> | </div> | ||
| − | |||
| − | |||
| − | |||
</div> | </div> | ||
</div> | </div> | ||
| + | <div class="col-md-4"> | ||
| + | <div class="panel panel-neutral-white-border"> | ||
| + | <div class="panel-heading"> | ||
| + | <h3 class="panel-title">neutral Box</h3> | ||
| + | </div> | ||
| + | <div class="panel-body"> | ||
| + | <p>Pellentesque vel egestas diam. Duis pulvinar placerat nisi sit amet sollicitudin. Morbi ullamcorper dui vitae odio mattis luctus. Etiam scelerisque nisi id augue cursus rhoncus.</p> | ||
| + | <div class="btn btn-default">Read More</div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
</div> | </div> | ||
Latest revision as of 16:42, 20 March 2015
Bootstrapskin
Guías para edición de artículos de mediawiki con bootstrapskin
Cabecera SC3
<div class="thumbnail img-thumbnail">http://wiki.sc3.uis.edu.co/images/a/a8/Logo_sc33.png</div>
Cuadros de Información
<div class="col-md-4"> <div class="panel panel-info-white-border"> <div class="panel-heading"> <h3 class="panel-title">info Box</h3> </div> <div class="panel-body"> <p>Test</p> <div class="btn btn-default">Read More</div> </div> </div> </div>
info Box
Pellentesque vel egestas diam. Duis pulvinar placerat nisi sit amet sollicitudin. Morbi ullamcorper dui vitae odio mattis luctus. Etiam scelerisque nisi id augue cursus rhoncus.
Read More
success Box
Pellentesque vel egestas diam. Duis pulvinar placerat nisi sit amet sollicitudin. Morbi ullamcorper dui vitae odio mattis luctus. Etiam scelerisque nisi id augue cursus rhoncus.
Read More
neutral Box
Pellentesque vel egestas diam. Duis pulvinar placerat nisi sit amet sollicitudin. Morbi ullamcorper dui vitae odio mattis luctus. Etiam scelerisque nisi id augue cursus rhoncus.
Read More
Alertas
<div class="col-md-4"> <div class="alert alert-XXXXXX fade in"> <p> <strong>Algún texto</strong> </p> <div class="btn btn-neutral-light">Take this action</div> <div class="btn btn-meadow">Or do this</div> </div> </div>
Para los diferentes tipo de cajas de alerta se debe cambiar XXXXXX por las siguientes alternativas:
- success
- info
- danger
- default
- light
- lighter
- dark
- darker
- warning
Success
Take this action
Or do this
Info
Take this action
Or do this
Danger
Take this action
Or do this
Default
Take this action
Or do this
Light
Take this action
Or do this
Lighter
Take this action
Or do this
Dark
Take this action
Or do this
Darker
Take this action
Or do this
Warning
Take this action
Or do this
Botones
Para los diferentes tipo de cajas de alerta se debe cambiar default por las siguientes alternativas:
- success
- info
- danger
- default
- light
- lighter
- dark
- darker
- warning
- neutral
- neutral-light
- primary
- cyanide
- meadow
- cocktail
- mango
- berry
- hearts
- party
- midnight
- cello
- hollow
- concrete
<div class="btn btn-default"><i class="fa fa-exclamation-triangle"></i> [[Your Text]]</div>
<div class="btn btn-default btn-sm"><i class="fa fa-exclamation-triangle"></i> [[Your Text]]</div>
<div class="btn btn-default btn-xs"><i class="fa fa-exclamation-triangle"></i> [[Your Text]]</div>
<div class="btn btn-default btn-lg"><i class="fa fa-exclamation-triangle"></i> [[Your Text]]</div>
<div class="btn btn-default disabled"><i class="fa fa-exclamation-triangle"></i> [[Your Text]]</div>
Dentro de los bototnes es posible colocar diferentes tipos de iconos. Para una lista detallada puede dirigirse a: http://www.mediawikibootstrapskin.co.uk/index.php?title=Icons_Sets
