CSS

Como Integrar o LeafletJS com Dados Externos Usando Apenas o Front-end

Deixe um comentário / API, Classic, CSS, HTML, JS, Json, PHP, Terceiros /

Este post apresenta uma implementação direta de mapas com LeafletJS alimentados por dados externos, usando apenas HTML, CSS e JavaScript. Ideal para aplicações que necessitam exibir múltiplos pontos geográficos de forma leve e rápida. 1. Setup Mínimo Crie um arquivo index.html com o seguinte conteúdo: <!DOCTYPE html><html><head> <meta charset=”utf-8″> <title>Mapa com LeafletJS</title> <link rel=”stylesheet” href=”https://unpkg.com/leaflet/dist/leaflet.css” […]

Como Integrar o LeafletJS com Dados Externos Usando Apenas o Front-end Read More »

Como Recriar Temas para o Roundcube

Deixe um comentário / Classic, Console, CSS, Design, Digital, HTML, Linux, Servidores /

O Roundcube é um webmail bastante popular e personalizável. Se você deseja dar uma cara nova para a interface, este guia completo ensina como recriar temas do zero ou personalizar os existentes. Pré-requisitos Estrutura dos Temas Os temas no Roundcube ficam armazenados em: Cada tema tem sua própria pasta, por exemplo: Criando um Novo Tema

Como Recriar Temas para o Roundcube Read More »

Criando uma Barra de Progresso com HTML, CSS e JavaScript

Deixe um comentário / Classic, CSS, HTML, JS /

As barras de progresso são úteis em diversas aplicações, como acompanhar carregamentos, indicar o tempo restante de uma tarefa ou até criar animações interativas em sua página. Neste tutorial, vamos criar uma barra de progresso que diminui gradativamente ao longo de um período definido. Estrutura HTML Começamos criando a estrutura básica da barra de progresso:

Criando uma Barra de Progresso com HTML, CSS e JavaScript Read More »

Como Criar um Relógio Digital em JavaScript (html & css)

Deixe um comentário / Classic, CSS, HTML, Iniciante, JS /

Adicionar um relógio digital em tempo real ao seu projeto pode ser uma forma interessante de mostrar habilidades com JavaScript e melhorar a interação com o usuário. Abaixo, vamos aprender a construir um relógio digital simples, porém estiloso, utilizando HTML, CSS e JavaScript. Estrutura HTML Primeiro, criamos a estrutura básica em HTML. Dentro do body,

Como Criar um Relógio Digital em JavaScript (html & css) Read More »

Criando um Botão Toggle Interativo com Estilos Bonitos e Integração de Requisição Ajax

Ajax, CSS, HTML, PHP /

Introdução: No desenvolvimento web moderno, a interatividade e a beleza visual são essenciais para oferecer uma experiência agradável aos usuários. Um elemento comum nesse contexto é o botão “toggle”, que permite aos usuários alternar entre dois estados, geralmente “on” e “off”. Neste artigo, vamos aprender como criar um botão toggle interativo usando HTML, CSS e

Criando um Botão Toggle Interativo com Estilos Bonitos e Integração de Requisição Ajax Read More »

Ocultar o botão “?” (about) no CKEditor 4

CKEditor, Classic, CSS, HTML, JS, Não faça isso! /

No CKEditor 4, não há uma forma direta de ocultar o botão “?”. No entanto, você pode desabilitar o menu de ajuda, que contém o botão “?”. Você pode fazer isso adicionando a seguinte configuração ao seu código de inicialização do CKEditor: <script> CKEDITOR.replace(‘editor’, { // Outras configurações do CKEditor aqui… removePlugins: ‘about’, removeButtons: ‘About’

Ocultar o botão “?” (about) no CKEditor 4 Read More »

Ocultar um botão da barra de menus do CKEditor 4

CKEditor, Classic, CSS, HTML, JS /

Para ocultar um botão específico no CKEditor 4, você pode usar CSS ou JavaScript. Vou fornecer exemplos para ambos os casos. Usando CSS: Você pode adicionar uma regra CSS para ocultar o botão desejado. Primeiro, você precisa identificar o ID ou a classe do botão. Vou usar o botão “Sublinhar” como exemplo. .cke_button__underline { display:

Ocultar um botão da barra de menus do CKEditor 4 Read More »

EMPRESA DEVDATA
EMPRESA DEVDATA
Rolar para cima