User Tools

Site Tools


wiki:varios

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

wiki:varios [2019/04/17 15:53] (current)
admin created
Line 1: Line 1:
 +
 +<CSS>
 + /​*------------------------------------- ​  ​CSS ​ ----------------------------------------------*/​
 +/* Estilo para el texto paresido consola ​ */
 +/​*.shell-body {
 +  margin: 0;
 +  padding: 5px;
 +  list-style: none;
 +  background: ​   #​141414; ​ #eeffcc; amarillo
 +  color: #45D40C;
 +  font: 0.8em '​Andale Mono', Consolas, '​Courier New';
 +  line-height:​ 1.6em;
 +
 +  -webkit-border-bottom-right-radius:​ 3px;
 +  -webkit-border-bottom-left-radius:​ 3px;
 +  -moz-border-radius-bottomright:​ 3px;
 +  -moz-border-radius-bottomleft:​ 3px;
 +  border-bottom-right-radius:​ 3px;
 +  border-bottom-left-radius:​ 3px;
 +
 +                border: 2px solid green;
 +            border-radius:​ 8px;
 + ​color:​greenyellow;​
 +}*/
 +.shell-body {
 +  margin: 0;
 +  padding: 5px;
 +  list-style: none;
 +  background: ​   #​141414; ​ /* #eeffcc; amarillo*/
 +  color: #​45D40C;  ​
 +   font: 1.0em '​Andale Mono', Consolas, '​Courier New';
 +  line-height:​ 1.0em;
 +
 +  -webkit-border-bottom-right-radius:​ 3px;
 +  -webkit-border-bottom-left-radius:​ 3px;
 +  -moz-border-radius-bottomright:​ 3px;
 +  -moz-border-radius-bottomleft:​ 3px;
 +  border-bottom-right-radius:​ 3px;
 +  border-bottom-left-radius:​ 3px;
 +
 +                border: 1px solid blue;
 +            border-radius:​ 4px;
 +    ​
 +}
 +.shell-body li {
 +  word-wrap: break-word;
 +  position: relative;
 +  padding: 0 0 0 15px;
 +  ​
 +}
 +
 +
 +
 +
 +body {font-family:​ Arial;}
 +
 +/* Style the tab */
 +.tab {
 +    overflow: hidden;
 +    border: 1px solid #ccc;
 +    background-color:​ #f1f1f1;
 +}
 +
 +/* Style the buttons inside the tab */
 +.tab button {
 +    background-color:​ inherit;
 +    float: left;
 +    border: none;
 +    outline: none;
 +    cursor: pointer;
 +    padding: 14px 16px;
 +    transition: 0.3s;
 +    font-size: 17px;
 + }
 +
 +/* Change background color of buttons on hover */
 +.tab button:​hover {
 +    background-color:​ #ddd;
 +}
 +
 +/* Create an active/​current tablink class */
 +.tab button.active {
 +    background-color:​ green /*#ccc;*/
 +}
 +
 +.tablinks.active ​  {
 +    color: green /*#ccc;*/
 +}
 +
 +/* Style the tab content */
 +.tabcontent {
 +    display: none;
 +    padding: 6px 12px;
 +    border: 1px solid #ccc;
 +    border-top: none;
 + }
 +
 +
 +.botonPanel {
 +    background-color:​ #eee;
 +    color: ​  blue;
 +    cursor: pointer;
 +    padding: 18px;
 +    width: 100%;
 +    border: none;
 +    text-align: left;
 +    outline: none;
 +    font-size: 15px;
 +    transition: 0.4s;
 + }
 +
 +.active, .botonPanel:​hover {
 +    background-color:​ #ccc;
 +}
 +
 +.panel {
 +    padding: 0 18px;
 +    display: none;
 +    background-color:​ white;
 +    overflow: hidden;
 +}
 +
 +.ul1 {
 +    list-style-type:​ none;
 +    padding: 0;
 +    border: 1px solid #ddd;
 +}
 +
 +.ul1 .li1 {
 +    padding: 8px 16px;
 +    border-bottom:​ 1px solid #ddd;
 +}
 +.ul1 .li1:​last-child {
 +    border-bottom:​ none;
 +
 +}
 +.textoEspecial {
 +    color:red;
 +}  /*
 +.tips {
 +    color:gray;
 +} */
 +/* FIN Estilo para el texto paracido consola*/
 +
 +/​*------------------------------------FIN CSS---------------------------------------------*/​
 +
 +  .tips{
 +            color:#​795548 ;
 +            background-color:#​ffffcc ;
 +            padding:​0.2em 16px;
 +            border: 2px solid #ffff33;
 +            border-radius:​ 15px;
 +            margin-top:​16px;​
 +            margin-bottom:​16px;​
 +        }
 +
 +
 +
 +</​CSS>​
 +======Varios======
 +
 +<​HTML>​
 +<​br><​br>​
 +</​HTML>​
 +=====Alias de URL en Linux=====
 +
 +<​HTML>​
 +<​!------------------------------------- ​  ​HTML ​ ---------------------------------------------->​
 +
 +    <br>
 +   <​p>​
 +      Una funcionalidad que nos ahorra tiempo al utilizar URL complejas, son los alias de URL en nuestras computadoras locales. Su funcionamiento es muy sencillo, cuando se desea acceder a un recurso de red con un alias el DNS local de nuestra computadora reemplaza el alias por el valor del alias. ​
 +      <br>
 +      <br>
 +      Desde una consola cambiarse al usuario root.
 +      <ul class="​shell-body">​
 +        <li style="​color:​greenyellow"​ >​[usuario@cpuLocal ~]$ su </li>
 +      </ul>
 +      <br>
 +      Editar el archivo hosts en el path /etc/ <br> <br>
 +      <ul class="​shell-body">​
 +        <li style="​color:​greenyellow"​ >​[usuario@cpuLocal ~]$ vi /etc/hosts </li>
 +      </ul>
 +      <br> <br>
 +      Agregar en el archivo los alias según el formato:<​br>​
 +      [valor del alias] [nombre del alias]<​br><​br>​
 +      Ejemplo:<​br>​
 +      <​i>&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​medieta.ccad.unc.edu.ar mendieta</​i><​br>​
 +      <​i>&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​mulatona.ccad.unc.edu.ar ​ mulatona</​i><​br>​
 +      <​i>&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;&​nbsp;​eulogia.ccad.unc.edu.ar ​ eulogia</​i><​br>​
 +      <​br><​br> ​ <​br><​br>​
 +
 +</​HTML>​
 +
 +=====Montar un volumen de un servidor externo a un directorio local=====
 +
 +====Comandos para S.O. basados en Debian ​ ====
 +<​HTML>​
 +
 +      <br>
 +      Es necesario tener instalado los paquetes openssh-server y openssh-client.<​br><​br>​
 +      <ul class="​shell-body">​
 +        <li style="​color:​greenyellow"​ >​[usuario@cpuLocal ~]$ sudo apt-get install openssh-server openssh-client</​li>​
 +      </ul> <br>
 +      También debemos asegurarnos que estén instalados los paquetes de sshfs.<​br><​br>​
 +      <ul class="​shell-body">​
 +        <li style="​color:​greenyellow"​ >​[usuario@cpuLocal ~]$ sudo apt-get install sshfs fuse</​li>​
 +      </ul> <br>
 +      Crear el directorio local donde de montara el volumen, por ejemplo, para Clemente.<​br><​br>​
 +      <ul class="​shell-body">​
 +        <li style="​color:​greenyellow"​ >​[usuario@cpuLocal ~]$ mkdir -p ~/​sshfs/​clemente</​li>​
 +      </ul> <​br>  ​
 +      Editar el archivo .bashrc en el home de usuario<​br><​br><​br>​
 +      <ul class="​shell-body">​
 +        <li style="​color:​greenyellow"​ >​[usuario@cpuLocal ~]$ vi ~/​.bashrc-</​li>​
 +      </ul>
 +      <br> <br>
 +      Reemplazar los valores correspondiente y agregar el comando en el .bashrc
 +      <​br><​br>​
 +      <​i><​b>​alias nombreComando="/​usr/​bin/​sshfs nombreUsuario@nombreServidor:/​pathMontar ~/​pathLocal"</​b></​i>​
 +      <​br><​br>​
 +      <​i>​Donde:​ </​i><​br>​
 +      <​b>​nombreComando:​ </b> la palabra clave elegida por el usuario para montar el volumen.<​br>​
 +      <​b>​nombreUsuario:​ </b> Es la cuenta de usuario con la que iniciamos conexión al servidor<​br>​
 +
 +      <b> nombreServidor:​ </b> Es el host o nombre de equipo a que queremos utilizar sus recursos<​br>​
 +
 +      <b> pathMontar: </b> Es el path donde se encuentra el volumen que se desea compartir<​br>​
 +
 +      <b> pathLocal: </b> Es el path de la carpeta donde se monta el volumen compartido por el servidor<​br>​
 +      <​br>​Actualizar los cambios del bashrc<​br><​br>​
 +      <ul class="​shell-body">​
 +        <li style="​color:​greenyellow"​ >​[usuario@cpuLocal ~]$ source ~/​.bashrc-</​li>​
 +      </ul>
 +      <br> <br>
 +      Para ejecutar el comando que montará el volumen<​br><​br>​
 +      <ul class="​shell-body">​
 +        <li style="​color:​greenyellow"​ >​[usuario@cpuLocal ~]$ nombreComando</​li>​
 +      </ul>
 +    <br> <​br><​br>​
 +</​HTML> ​               ​
 +
 +
 +
 +
 +
 +
 +
 +<JS>
 +//​------------------------------------- ​  ​JS ​ --------------------------------------------
 +
 +var acc = document.getElementsByClassName("​botonPanel"​);​
 +var i;
 +
 +for (i = 0; i < acc.length; i++) {
 +    acc[i].addEventListener("​click",​ function() {
 +        this.classList.toggle("​active"​);​
 +        var panel = this.nextElementSibling;​
 +        if (panel.style.display === "​block"​) {
 +            panel.style.display = "​none";​
 +        } else {
 +            panel.style.display = "​block";​
 +        }
 +    });
 +}
 +    //​-------------------------------------FIN JS---------------------------------------------
 +
 +
 +</​JS>  ​
  
wiki/varios.txt · Last modified: 2019/04/17 15:53 by admin