link de artigos de jornal href
-
22-09-2019 - |
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 */
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?