How do I combine multiple html files onto one text document so that I can search by keyphrase?

Just for reference, the html files are all scattered and in different folders. I’m also a Mac user, so everything’s being done in Finder. Thanks in advance!

html – Integrar estilos remotos en un proyecto local de Angular

Pues la pregunta es esa.
Me ha llegado una tarea en la que tengo que desarrollar el front de una aplicación web basándome en los estilos de la página que ellos ya tienen creada.

Me han hecho llegar capturas del head de HTML, donde enlazan a los plugin, pero esas rutas son relativas y yo no tengo sus assets.

¿Hay alguna manera de acceder a esos assets sin tener que replicar a mano toda la estructura de carpetas en mi proyecto local?

Si necesitáis algo más de información no dudéis en pedirla.
Gracias!

html – Como cambiar imagen según resolución

En un desarrollo web tengo una imagen para una portada para la vista Desktop, necesito que esta imagen sea diferente desde la vista Mobile debido a la resolución de dicha imagen.

El código con el cual muestro mi imagen en la portada desde la vista Desktop es el siguiente:

<div class="row" style="padding-top:51px;">
        <div class="col-xs-12 col-lg-12" style="padding-top: 20px;">
            <img src="../Imagen-Desktop.png" class="img-fluid img-responsive imagenPortada intentoProd Imagen-portada" width="1800" height="500">           
            <div class="texto-encima">
                <span class="EncabeazdoVerdeProd"> Titulo</span><br />
                <span class="EncabezadoBlancoProd">Descripcion</span>
            </div>
        </div>
    </div>

La imagen que deseo que se vea para la vista Mobile corresponde a la de la siguiente url: ../Imagen-Mobile.png.

Es posible hacer algo por medio de CSS o directamente en el HTML ?

css – Arquivo HTML perdeu as configurações

Boa tarde, estou montando um projeto de um site simples eu uso o Visual Studio Code para programar e quando eu estava visualizando o site ele estava bem configurado e tals, mas quando eu abri o mesmo site mas invez de usar o editor eu fui direto na pasta dele, quando ele abriu ele perdeu toda a configuração.

essa primeira imagem é o site aberto direto pelo o Visual Studio Code

inserir a descrição da imagem aqui

Essa imagem é o mesmo site aberto direto da pasta

inserir a descrição da imagem aqui

notei que imagens que usei e tambem configurações de espaçamento se perderam quando eu abro ele direto.

Isso é normal acontece?

html – Mesclar pdf com php

<form action="upload.php>" method="post" enctype="multipart/form-data">
<p><input type="file" name="arquivo()" /></p>
<p><input type="file" name="arquivo()" /></p>
<p><input type="file" name="arquivo()" /></p>
<p><input type="file" name="arquivo()" /></p>
<p><input type="file" name="arquivo()" /></p>
<p><input type="submit" value="Enviar" /></p>
</form>
  <?php
// DEFINIÇÕES
// Numero de campos de upload
$numeroCampos = 5;
// Tamanho máximo do arquivo (em bytes)
$tamanhoMaximo = 1000000;
// Extensões aceitas
$extensoes = array(".doc", ".txt", ".pdf", ".docx");
// Caminho para onde o arquivo será enviado
$caminho = "uploads/";
// Substituir arquivo já existente (true = sim; false = nao)
$substituir = false;
for ($i = 0; $i < $numeroCampos; $i++) {

// Informações do arquivo enviado
$nomeArquivo = $_FILES("arquivo")("name")($i);
$tamanhoArquivo = $_FILES("arquivo")("size")($i);
$nomeTemporario = $_FILES("arquivo")("tmp_name")($i);

// Verifica se o arquivo foi colocado no campo
if (!empty($nomeArquivo)) {

    $erro = false;

    // Verifica se o tamanho do arquivo é maior que o permitido
    if ($tamanhoArquivo > $tamanhoMaximo) {
        $erro = "O arquivo " . $nomeArquivo . " não deve ultrapassar " . $tamanhoMaximo. " bytes";
    } 
    // Verifica se a extensão está entre as aceitas
    elseif (!in_array(strrchr($nomeArquivo, "."), $extensoes)) {
        $erro = "A extensão do arquivo <b>" . $nomeArquivo . "</b> não é válida";
    } 
    // Verifica se o arquivo existe e se é para substituir
    elseif (file_exists($caminho . $nomeArquivo) and !$substituir) {
        $erro = "O arquivo <b>" . $nomeArquivo . "</b> já existe";
    }

    // Se não houver erro
    if (!$erro) {
        // Move o arquivo para o caminho definido
        move_uploaded_file($nomeTemporario, ($caminho . $nomeArquivo));
        // Mensagem de sucesso
        echo "O arquivo <b>".$nomeArquivo."</b> foi enviado com sucesso. <br />";
    } 
    // Se houver erro
    else {
        // Mensagem de erro
        echo $erro . "<br />";
    }
}
}
?>

html – Bloco CMS com erros no código

Tenho um slide de botões, mas ao clicar no botao o hyperlink não está funcionando, algum consegue identificar o problema?


Compre por categoria!

        <div><use rel="noreferrer "href="https://www.adorobeleza.com.br/maquiagem.html" target="_blank" class="svg"><img loading="lazy" src="https://d13ka3pshej6fj.cloudfront.net/lista-menu-maquiagem.svg" alt="Maquiagem e Acessorios" width="63"></use>
        </div><span>Maquiagem </span></a>

    <a hef="https://www.adorobeleza.com.br/maquiagem.html" title="Corpo e Banho">

Corpo e Banho

    <a hef="https://www.adorobeleza.com.br/Acessorios.html" title="Acessorios">
        <div><use rel="noreferrer" href="https://www.adorobeleza.com.br/acessorios-de-maquiagem.html" target="_blank" class="svg"><img loading="lazy" src="https://d13ka3pshej6fj.cloudfront.net/lista-menu-maquiagem-acessorios.svg" alt="Acessorio de Maquiagem" width="69"></use>
        </div><span>Acessorios</span></a>

    <a hef="https://www.adorobeleza.com.br/Cuidados-com-a-pele.html" title="Cuidados com a pele">
        <div><use rel="noreferrer" href="https://www.adorobeleza.com.br/cuidados-com-a-pele.html" target="_blank" class="svg"><img loading="lazy" src="https://d13ka3pshej6fj.cloudfront.net/lista-menu-cuidados.svg" alt="Cuidados com  a pele" width="69"></use>
        </div><span>Cuidados com a pele</span></a>

    <a hef="https://www.adorobeleza.com.br/Dermocosmeticos.html" title="Dermocosmeticos">
        <div><use rel="noreferrer" href="https://www.adorobeleza.com.br/dermocosmeticos.html" target="_blank" class="svg"><img loading="lazy" src="https://d13ka3pshej6fj.cloudfront.net/lista-menu-dermocosmetico.svg" alt="Dermocosmeticos" width="64"></use>
        </div><span>Dermocosmeticos</span></a>

    <a hef="https://www.adorobeleza.com.br/maquiagem.html" title="Outros">
        <div><use rel="noreferrer" href="https://www.adorobeleza.com.br/dermocosmeticos.html" target="_blank" class="svg"><img loading="lazy" src="https://d13ka3pshej6fj.cloudfront.net/lista-menu-mais-opcoes.svg" alt="Outras Opções" width="69"></use>
        </div><span>Outros</span></a>

</ul>

________________________________________________________________________________________________________

reactjs – Why color appears as HTML attribute on a div?

This code works perfectly, it creates CSS classes with the corresponding color and applies the classes dynamically:

const Div = styled.div`
    color: ${({ color }) => color};
`;

export default function Email() {
    const (color, changeColor) = useState();

    return (
        <>
            <Div color={color}>Email</Div>
            {('red', 'palevioletred', 'blue', 'yellow').map(x => <button onClick={() => changeColor(x)}>{x}</button>)}
        </>
    )
}

However, the color attribute appears in the DOM on the div element:

<div class="sc-crHlIS jxntNS" color="yellow">Email</div>

When I change the color prop name to something else like divColor it doesn’t show as a DOM attribute. I understand that props appear as HTML attributes when they have the same name as a native HTML attribute, but color should not.

Why this behavior?

html – Como usar PHP en WordPress

me gustaría usar php en un bloque html en WordPress. En un bloque html en una pagina de wordpress, cuando se accione le botón “submit” debería llamar el archivo php, como si trabajara en un localhost. He creado un code snippet pero no se como indicar que se ejecute al accionar el submit. Alguna idea?

html – Why would you ever use the shadow DOM if you can’t apply global styles?

How can you expect to create re-usable components with the shadow DOM and also be expected to give it a separate style? How can anyone be able to share components with each other if that person can’t apply a style on top? I would never use anyone else’s components if they aren’t using my css library..

Side suggestion, <slot> should be useable in light dom with custom components.

Manually Edited Word Files Created From HTML Documents Stored in Doc Libs Have Black Image Placeholders

I have an app in SharePoint that builds HTML markup containing an image (logo) inserted in the markup using base64-encoded and then creates a Word (doc, not docx) file in a SP document library

You can open up the file from the standard view of the doc lib and the Word file text and image are there.

Now open the Word file from the doc lib, do some manual editing of the file, save and close.

Re-open the Word file from the doc lib, and the image of the logo has an image placeholder area and the background is solid black.

Something happened between Word editor and SharePoint during the manual editing that it saved everything else in the Word file but not the image. Playing around with Word doesn’t recover the image. File=>Inspect Document does not report anything. Continued editing actually causes the image part to disappear, with Word reporting that “header.htm” is missing

Why would Word lose data like that?