Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • HTML Coding by Technical Complex

    Enviado por

    Ali
    39 visualizações1 página
    The document contains CSS styles and HTML code for displaying a webpage with the following elements: 1) An iframe at the top to display a picture. 2) Text centered below the iframe stating "Text here". 3) Buttons centered below the text linking to various channel streams, with images as the button backgrounds.

    Descrição original:

    Free for edu

    Direitos autorais

    © © All Rights Reserved

    Formatos disponíveis

    PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento
    The document contains CSS styles and HTML code for displaying a webpage with the following elements: 1) An iframe at the top to display a picture. 2) Text centered below the iframe stating "Text here". 3) Buttons centered below the text linking to various channel streams, with images as the button backgrounds.

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    39 visualizações1 página

    HTML Coding by Technical Complex

    Enviado por

    Ali
    The document contains CSS styles and HTML code for displaying a webpage with the following elements: 1) An iframe at the top to display a picture. 2) Text centered below the iframe stating "Text here". 3) Buttons centered below the text linking to various channel streams, with images as the button backgrounds.

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 1

    <html>

      <title></title>

    <style type="text/css"> $font: 'Poppins', sans-serif; }

    body { align-items: center; justify-content: center; }


    .text { color: white; font-family: arial; } </style>
      <style type="text/css"> .button {
    display: inline-block;
    padding: 2px;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    outline: none;
     color: #000;
    background-color: #FC0;
    border: none;
    border-radius: 50%; height: 70px; width: 70px; margin: 5px; }
    .button:hover {background-color: #C00}
    .button:active { background-color: #FFCDD2;; } </style>
     <style>
    div.sticky {
    position: -webkit-sticky;
    position: sticky; top: -7; padding: 5px; background-color: transparent; border: 2px solid transparent; } </style> <style> #border1 { border:
    2px inset #303030; background-color:black; width: 100%; } </style> <style> #border2 { background-color:black; margin-top: -7px; margin-
    left: -10px; margin-right: -7px; width: 340px; } </style> <style> #borderDemo { border: 5px outset #303030; } </style> <Body style="width:
    340; font-family: baumans; font-style: normal; font-weight: 400;" bgcolor="#616161"> <div id="borderDemo" align="center"
    style="width:100%"> <div class="sticky" align="center" style="width:325">

     <iframe id="border2" style="background-color:#000" src="Picture link" name="123" allowfullscreen frameborder="1" style="z-


    index:inherit" width="100%" height="180" scrolling="no"> </iframe>

    </div> <div style="width:335" align="center"> <table bgcolor="red" width="250" id="border1">

    <tr> <td align="center"><p style="font-size: 25px; font-family:arial; font-style: normal; font-weight: 700;" class="text"> <strong style="font-
    style: normal; font-weight: 400;"><strong>Text here</strong></p> </td>

    </tr>
    </tbody>
    </table> <table align="center" width="320" border="0"> <tr> <td style="text-align: center;" height="60"> <p>

    <a href=" Channel link " target="123"><input name=" Channel Name " type="image" autofocus class="Button" id=" Channel name " src="
    Channel Picture" /> </a> 

    <a href=" Channel link " target="123"><input name=" Channel Name " type="image" autofocus class="Button" id=" Channel Name " src="
    Channel Picture" /> </a>

    <a href=" https://androidlive.goonj.pk/madinaweb_360p/index.m3u8 " target="123"><input name=" madinatv " type="image" autofocus
    class="Button" id=" madinatv " src=" https://s3.amazonaws.com/goonj/wp-content/uploads/2018/08/30084640/madina_live.png " />
    </a> 

    <a href=" https://androidlive.goonj.pk/madnitvweb_360p/index.m3u8 " target="123"><input name=" madanitv " type="image" autofocus
    class="Button" id=" madanitv " src=" https://s3.amazonaws.com/goonj/wp-content/uploads/2018/08/30084756/madni_tv.png " /> </a> 

    <a href=" http://androidlive.goonj.pk/psl2019_360p/index.m3u8 " target="123"><input name=" psl4 " type="image" autofocus
    class="Button" id=" psl4 " src=" https://nation.com.pk/print_images/medium/2019-02-12/psl-4-tickets-for-pakistan-matches-start-from-
    rs500-1549918212-3804.jpg " /> </a>
      </td>
     </tr>
     </tbody>
     </table>
     </div>
     </div>
     </Body>
    </Html>

    Você também pode gostar