COLOCAR IMAGEM EM BOTÃO COM HYPERLINK WEB TELA (GOOGLE SCRIPT)

higor rocha

New Member
Registrado
Bom dia, procurei em vídeos e fóruns e não consegui alguém que pudesse dizer como colocar melhoro o layout desta web tela , como ver logo abaixo gostaria de colocar iamgem personalizada neste botões porém não sei qual comando colocar para isto segue base dados

AzChWw2.png


#btn1{
position: absolute;
left:300px;
top:250px;
}
#btn2{
position: absolute;
left:800px;
top:250px;

}
#btn3{
position: absolute;
left:1250px;
top:250px;

}
#btn4{
position: absolute;
left:1250px;
top:350px;

}
#btn5{
position: absolute;
left:300px;
top:350px;

}
#btn6{
position: absolute;
left:800px;
top:350px;

}

#btn7{
position: absolute;
left:800px;
top:450px;
}

#btn8{
position: absolute;
left:300px;
top:450px;
}

#btn9{
position: absolute;
left:1250px;
top:450px;

</style>

<body>


</body>

</head>


<body align="center" bgcolor = "black">

<p align="center"> <b> <font color= "white" size="30"></font></b></p>

<br><br><br><br><br><br><br><br><br>


<button id="btn1" class = "cor" onclick = "AbrirPlanGestaomedidor()" > <b> <font color= "white" size="5">GESTÃO DE MEDIDORES </font></b> </button>

<button id="btn2" class = "cor" onclick = "AbrirPlanajusteuep()" > <b> <font color= "white" size="5">AJUSTE UEP / ULG </font></b> </button>

<button id="btn3" class = "cor" onclick = "AbrirPendencia()" > <b> <font color= "white" size="5">PENDÊNCIAS DE DEVOLUÇÃO </font></b> </button>

<button id="btn4" class = "cor" onclick = "AbrirEquipamento()" > <b> <font color= "white" size="5">EXPEDIÇÃO DE EQUIPAMENTOS </font></b> </button>

<button id="btn5" class = "cor" onclick = "Abrirconcreto()" > <b> <font color= "white" size="5">EXPEDIÇÃO DE CONCRETOS </font></b> </button>

<button id="btn6" class = "cor" onclick = "AbrirSeparacao()" > <b> <font color= "white" size="5">SEPARAÇÃO DE MATERIAIS </font></b> </button>

<button id="btn7" class = "cor" onclick = "AbrirSuplementacao()" > <b> <font color= "white" size="5">SUPLEMENTAÇÃO / UDR</font></b> </button>

<button id="btn8" class = "cor" onclick = "AbrirProgramacao()" > <b> <font color= "white" size="5">PROGRAMAÇÃO DA CARTEIRA</font></b> </button>

<button id="btn9" class = "cor" onclick = "AbrirLocalização()" > <b> <font color= "white" size="5">LOCALIZAÇÃO ALOJAMENTOS</font></b> </button>

<script type = "text/javascript">

var plan;

function AbrirPlanGestaomedidor(){Plan = window.open("googlesheets]gid=220955648;id=1oDOadtQ0R2quzzk6BW76umX73DzVIL9pMy7vjnxzP3U");

}

var plan;

function AbrirPlanajusteuep(){Plan = window.open("=googlesheets]14fugEvEvMbVtfIMsRdMFUNyP_pb63nucwGbNGMAUlxI");

}

var plan;
function AbrirEquipamento(){Plan = window.open("googlesheets]gid=653666290;id=1P0chXDZTD-ymXI4w4EHVsisVs8cuQxHuWumoDA9tX0U");

}

var plan;
function AbrirPendencia(){Plan = window.open("googlesheets]gid=0;id=1vi-fWjvStRMHso4vppP0pwZNZ4SwXLZU1R_sSMy8SDc");

}

var plan;
function Abrirconcreto(){Plan = window.open("[googlesheets]gid=1656535846;id=1uh88Agc9GhRDYfhejxNV6sGgx2a3ggWDF8dkqkvOgJU");

}

var plan;
function AbrirSeparacao(){Plan = window.open("googlesheets]gid=141043842;id=16b2bi7eMA-4e5H9qB-rGLsn0yDFgZN69lAoNhec2ACM");

}

var plan;
function AbrirSuplementacao(){Plan = window.open("googlesheets]gid=1098025617;id=1wL0GXpn1UVLuuYFsVR5MNJObZEST16L978KQ4lkyw9Q");

}

var plan;
function AbrirProgramacao(){Plan = window.open("googlesheets]gid=0;id=1eYSAeF2I0KefFSCCbHOgdwWtCG_719z1yd_9Oe7ZJRk");

}

var plan;
function AbrirLocalização(){Plan = window.open("googlesheets]gid=0;id=1xNw_xwUNNZU75rJYRQ1PQbWqvfPbw6jofC37hN8iCuE");

}
 

Users who are viewing this thread

Voltar
Topo