Difference between revisions of "Guides"
| Line 10: | Line 10: | ||
</div> | </div> | ||
</div> | </div> | ||
| + | |||
| + | <div class="col-md-14"> | ||
| + | <div class="panel panel-midnight-white-border"> | ||
| + | <div class="panel-body"> | ||
| + | <div class="panel-heading"> | ||
| + | <h3 class="panel-title">Cabecera SC3</h3> | ||
| + | </div> | ||
| + | <p> </p> | ||
| + | <pre><div class="thumbnail img-thumbnail">http://wiki.sc3.uis.edu.co/images/a/a8/Logo_sc33.png</div></pre> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | <div class="col-md-14"> | ||
| + | <div class="panel panel-midnight-white-border"> | ||
| + | <div class="panel-body"> | ||
| + | <div class="panel-heading"> | ||
| + | <h3 class="panel-title">Cuadros de Información</h3> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | |||
| + | <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>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 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 class="col-md-4"> | ||
| + | <div class="panel panel-success-white-border"> | ||
| + | <div class="panel-heading"> | ||
| + | <h3 class="panel-title">successBox</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 class="col-md-14"> | <div class="col-md-14"> | ||
| Line 200: | Line 263: | ||
<p> </p> | <p> </p> | ||
<p>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</p> | <p>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</p> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
Revision as of 23:03, 18 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
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.
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.
successBox
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.
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
Info
Danger
Default
Light
Lighter
Dark
Darker
Warning
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
