Jump to content

Search the Community

Showing results for tags 'php / js / css'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Web Development
    • HTML e CSS
    • Javascript
    • PHP
    • Ruby
    • Python
    • Java
    • .NET
    • Docker, Kubernets and other environments
    • WordPress
    • Mobile
    • Agile
    • Desenvolvimento de Games
    • Banco de Dados
    • Design and UX
    • Algoritmos & Outras Tecnologias
  • Entretenimento e uso pessoal
    • Segurança & Malwares
    • Geral
    • iMasters's pub

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 1 result

  1. eduardodsilvaq

    Codigo js randômico para uso no css

    Comecei um template de cores e estilos dinâmicos. Comecei fazendo um script php simples somente para teste: <?php $color = mt_rand(1, 3); if ($color == 1){ $colora = "#3CB371"; $colorb = "#FFFFF0"; $colorc = "#8ad1aa"; $colord = "#27754a"; $colore = "#339860"; } if ($color == 2){ $colora = "#B22222"; $colorb = "#FFFFF0"; $colorc = "#d17a7a"; $colord = "#741616"; $colore = "#971d1d"; } if ($color == 3){ $colora = "#9932CC"; $colorb = "#FFFFF0"; $colorc = "#c284e0"; $colord = "#642185"; $colore = "#822bae"; } ?> <style type="text/css"> ::-webkit-scrollbar-thumb { background:<?php echo $colora ;?>; border: 0px none <?php echo $colora ;?>; } .headercon { margin: auto; width: 100%; height:360px; background-color:<?php echo $colorc; ?>; box-shadow: 0px 0px 25px ; } .headerslider { margin: auto; width: 100%; background-color:<?php echo $colore; ?>; } </style> Agora quero fazer o mesmo no javascript porem nao esta dando certo. Estou atualmente tentando usar isso: <style type="text/css"> ::-webkit-scrollbar-thumb { } .headercon { margin: auto; width: 100%; height:360px; box-shadow: 0px 0px 25px ; } .headerslider { margin: auto; width: 100%; } </style> <script> var num = Math.floor(Math.random() * 3 + 1); if (num = '1') { var type = "1"; var colora = "#3CB371"; var colorb = "#FFFFF0"; var colorc = "#8ad1aa"; var colord = "#27754a"; var colore = "#339860"; } if (num = '2') { var type = "2"; var colora = "#B22222"; var colorb = "#FFFFF0"; var colorc = "#d17a7a"; var colord = "#741616"; var colore = "#971d1d"; } if (num = '3') { var type = "3"; var colora = "#9932CC"; var colorb = "#FFFFF0"; var colorc = "#c284e0"; var colord = "#642185"; var colore = "#822bae"; } var div = document.getElementsByClassName('headercon'); div.style.background = var colorc; var div = document.getElementsByClassName('headerslider'); div.style.background = var colorc; </script> No caso do "::-webkit-scrollbar-thumb" no js eu nao tenho ideia de como faz pra fazer.
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.