Pergunta

Como altero o link href para css, código js de cada artigo sem fazer isso manualmente?Cada artigo que escrevo é separado em pastas diferentes e começo cada artigo com um modelo vinculado a css/reset.css etc.

Este é meu exemplo de código de modelo de artigo:Exemplo de página de artigo

    <link href="css/slider.css" rel="stylesheet" type="text/css" media="screen" />
    <!-- jquery -->
    <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.1.js"></script>
    <!-- superfish -->
    <link href="css/superfish.css" rel="stylesheet" type="text/css" media="screen" />
    <script type="text/javascript" src="js/hoverIntent.js"></script>
    <script type="text/javascript" src="js/superfish.js"></script>
    <!-- initialize jquery superfish plugins -->
    <script type="text/javascript" src="js/init.js"></script>
    <!-- tabs -->
    <script src="js/ui.core.js" type="text/javascript"></script>
    <script src="js/ui.tabs.js" type="text/javascript"></script>
    <link rel="stylesheet" href="css/ui.tabs.css" type="text/css" media="screen" />
    <!-- initialize tabs -->
    <script type="text/javascript">
        $(document).ready(function(){
            $('#container-1 > ul').tabs(); /* news and events */
            $('#container-2 > ul').tabs(); /* pre-footer tab */
            $('#container-4 > ul').tabs(); /* popular items */
Foi útil?

Solução

Parece que você está perguntando como pode usar o mesmo URL para cada arquivo externo, independentemente de onde sua página esteja colocada.

Nesse caso, tudo que você precisa é usar URLs absolutos em vez de URLs relativos.Aquilo é, "/foo/bar/reset.css"(observe a barra inicial) em vez de"bar/reset.css"

Os URLs absolutos rastreiam a partir da raiz do site, em vez da localização atual do arquivo e, portanto, os links serão os mesmos, independentemente de onde você colocar o arquivo.

Editar:

Você colocaria este URL no mesmo lugar onde já colocou os URLs relativos:Aquilo é:

<link type="text/css" rel="stylesheet" media="all" href="/foo/bar/style.css" />

ao invés de

<link type="text/css" rel="stylesheet" media="all" href="bar/style.css" />

que você está usando agora.

Outras dicas

Kevin, corrija-me se eu estiver errado;você tem uma série de arquivos html em pastas diferentes e deseja atualizar todos os links CSS e javascript neles para apontar para um novo local.

Seu cenário:

wwwroot/
       |
       -- CSS/
             |
             -- reset.css
       |
       -- Javascript/
       |
       -- 20090112/
                  |
                  -- file1.html
       |
       -- 20090207/
                  |
                  -- file2.html
                  -- file3.html
       |
       -- etc.

O Dreamweaver está colocando tudo em seu CSS pasta.Se quiser manter os arquivos CSS lá, você precisará especificar os caminhos relativos corretos ou usar caminhos absolutos.

Um caminho absoluto é aquele que especifica a localização exata do arquivo http://www.somedomain.com/css/reset.css é um caminho absoluto.

Um caminho relativo define o caminho a partir do local do arquivo atual.Então, se você quiser adicionar reset.css para file1.html você especificaria sua localização desta maneira ../css/reset.css

Dividido este caminho especifica:

..           up one folder [we're now in wwwroot]
/css         the path from wwwroot
/reset.css   the filename

Isso ajuda?

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top