Ir para conteúdo
Fórum Script Brasil
  • 0

Grifar Palavras Dentro De Um Texto

fsphp

Perguntado por fsphp,

 Share

Pergunta

fsphp

fsphp

Postado
Postado

Em um texto que está em times preto, por exemplo, e algumas palavras dentro desse texto eu quero grifar em verdana vermelho.

Eu utilizo css, primeiramente transformando tudo em times/preto. Depois eu seleciono as palavras que quero destacar e, no inspetor de design eu seleciono verdana/vermelho.

Esses dois tipos de fonte já estão na minha relaçào de css.

Quando eu peço para visualizar no navegador só aparece o texto em times/preto e o quie eu havia destacado também nessa fonte.

Visualizei o código-fonte e mostrou, entre as palavras em destaque haviam as tags <spam> e </spam>, acredito que para altrar a fonte, mas essas tags não estavam funcionando.

O que pode ser feito nesse caso?

Valeu,

FS

Link para o comentário
Compartilhar em outros sites

12 respostass a esta questão

Posts Recomendados

  • 0
fsphp

fsphp

Postado
  • Autor
Postado

<body background="gráficos/01_background_morihei.jpg" bgproperties="fixed">

<div id="Layer2" style="position:absolute; left:26px; top:144px; width:586px; height:559px; z-index:2">

<p class="times18azulesc">A Guarda Municipal de S&atilde;o Jos&eacute; dos Campos

recebeu curso in&eacute;dito de Aprisionamento sem Causar Les&otilde;es Corporais,

Ministrado pelo Instituto Takemussu.</p>

<p align="justify" class="times14preta">O instrutor Fernando Sanchez foi o respons&aacute;vel

pelo curso &quot;Aprisionamento sem causar les&atilde;o corporal&quot;, que

<span class="times18azulesc">durou mais de quatro meses</span> e foi ministrado

para duzentos guardas civis municipais da cidade. O curso se realizou entre

os meses de agosto e dezembro de 2002. </p>

<p align="justify" class="times14preta">Durante os quase cinco meses de curso,

o instrutor Alessandro Martins dos Santos, tamb&eacute;m do Michi Dojo, colaborou

na forma&ccedil;&atilde;o e<span class="times18azulesc"> instru&ccedil;&atilde;o

di&aacute;ria</span> dada aos guardas.</p>

<p align="justify" class="times14preta">O instrutor Fernando contou com o <span class="times18azulesc">apoio

dos instrutores</span> Felisberto Conde, Luciano Noehme, e Ricardo Avedesian

do Instituto Takemussu de S&atilde;o Paulo.</p>

<p align="justify" class="times14preta">Os instrutores fizeram apresenta&ccedil;&otilde;es

para o Comando e deram aulas para os guardas. A Ligia, esposa do professor

Fernando, ministrou <span class="times18azulesc">aulas sobre os aspectos jur&iacute;dicos

no aprisionamento</span> e ajudou a coordenar o curso.</p>

<p align="justify"><span class="times14preta">No final, a formatura dos guardas

teve </span><span class="times18azulesc">cerim&ocirc;nia no T&ecirc;nis Clube</span><span class="times14preta">

contando com a participa&ccedil;&atilde;o do </span><span class="times18azulesc">prefeito

Emanuel Fernandes</span><span class="times14preta">, a secret&aacute;ria Claude

Mary Moura, o Comandante Monteiro, o Promotor Gustavo M&eacute;dici, o Presidente

do Instituto takemussu Wagner Bull e demais autoridades.</span><br>

</p>

Link para o comentário
Compartilhar em outros sites
  • 0
Indrema DS

Indrema DS

Postado
Postado

Manda o conteúdo da tag HEAD também para visualizarmos as classes, ou o conteúdo do arquivo CSS externo para verificarmos. A tag spam é pra aplicar formatação inline a trechos isolados dentro das tags, e isso que é estranho afinal tem prioridade dentro da cascata, mesmo assim não esta formatando nada.

Link para o comentário
Compartilhar em outros sites
  • 0
fsphp

fsphp

Postado
  • Autor
Postado

<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>

<html>

<head>

<title>takemussu_policial</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script language="JavaScript" type="text/JavaScript">

<!--

function MM_reloadPage(init) { //reloads the window if Nav4 resized

if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {

document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}

else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();

}

MM_reloadPage(true);

//-->

</script>

<link href="muralcultural_teste_ycom.css" rel="stylesheet" type="text/css">

</head>

<body background="gráficos/01_background_morihei.jpg" bgproperties="fixed">

<div id="Layer2" style="position:absolute; left:26px; top:144px; width:586px; height:559px; z-index:2">

<p class="times18azulesc">A Guarda Municipal de S&atilde;o Jos&eacute; dos Campos

recebeu curso in&eacute;dito de Aprisionamento sem Causar Les&otilde;es Corporais,

Ministrado pelo Instituto Takemussu.</p>

<p align="justify" class="times14preta">O instrutor Fernando Sanchez foi o respons&aacute;vel

pelo curso &quot;Aprisionamento sem causar les&atilde;o corporal&quot;, que

<span class="times18azulesc">durou mais de quatro meses</span> e foi ministrado

para duzentos guardas civis municipais da cidade. O curso se realizou entre

os meses de agosto e dezembro de 2002. </p>

<p align="justify" class="times14preta">Durante os quase cinco meses de curso,

o instrutor Alessandro Martins dos Santos, tamb&eacute;m do Michi Dojo, colaborou

na forma&ccedil;&atilde;o e<span class="times18azulesc"> instru&ccedil;&atilde;o

di&aacute;ria</span> dada aos guardas.</p>

<p align="justify" class="times14preta">O instrutor Fernando contou com o <span class="times18azulesc">apoio

dos instrutores</span> Felisberto Conde, Luciano Noehme, e Ricardo Avedesian

do Instituto Takemussu de S&atilde;o Paulo.</p>

<p align="justify" class="times14preta">Os instrutores fizeram apresenta&ccedil;&otilde;es

para o Comando e deram aulas para os guardas. A Ligia, esposa do professor

Fernando, ministrou <span class="times18azulesc">aulas sobre os aspectos jur&iacute;dicos

no aprisionamento</span> e ajudou a coordenar o curso.</p>

<p align="justify"><span class="times14preta">No final, a formatura dos guardas

teve </span><span class="times18azulesc">cerim&ocirc;nia no T&ecirc;nis Clube</span><span class="times14preta">

contando com a participa&ccedil;&atilde;o do </span><span class="times18azulesc">prefeito

Emanuel Fernandes</span><span class="times14preta">, a secret&aacute;ria Claude

Mary Moura, o Comandante Monteiro, o Promotor Gustavo M&eacute;dici, o Presidente

do Instituto takemussu Wagner Bull e demais autoridades.</span><br>

</p>

<p align="center"><img src="gráficos/takemussu_policial_comando.jpg" width="320" height="216"><br>

O comando administrativo Eduardo dos Reis, o professro Fernando Sanchez, o

Comandante Monteiro, e o comando operacional Carlos Cl&iacute;maco.</p>

<p align="center"><br>

<img src="gráficos/takemussu_policial_fernando_alessandro.jpg" width="206" height="320"><br>

Os instrutores Fernando Sanchez e Alessandro, demonstrando uma t&eacute;cnica

para os guardas.</p>

<p align="center"><br>

<img src="gráficos/takemussu_policial_aula.jpg" width="320" height="221"><br>

Os guardas executando t&eacute;cnica durante a aula.</p>

<p align="center"><br>

<img src="gráficos/takemussu_policial_ligia.jpg" width="320" height="201"><br>

A Dra. Ligia M. Narazzaki, ministrando aula sobre direito ligado ao aprisionamento.<br>

</p>

</div>

<div id="Layer2" style="position:absolute; left:29px; top:77px; width:124px; height:26px; z-index:4"><a href="index.asp" class="verdanaverm14bold">VOLTAR</a></div>

<div id="Layer1" style="position:absolute; left:28px; top:21px; width:586px; height:40px; z-index:1">

<p class="times36azulesc">TAKEMUSSU POLICIAL</p>

</div>

</body>

</html>

Link para o comentário
Compartilhar em outros sites
  • 0
fsphp

fsphp

Postado
  • Autor
Postado

ABAIXO, O CONTEÚDO DO CSS. VALEU PESSOAL!

.verdana_preta_9_normal { font-family: Verdana, Tahoma, "Arial Narrow", Times; font-size: 9px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none}

.verdana_az_esc_9_bold { font-family: Verdana, Tahoma, "Arial Narrow", Times; font-size: 9px; font-style: normal; font-weight: bold; color: #000099; text-decoration: none}

.verdana_az_esc_9_normal { font-family: Verdana, Tahoma, "Arial Narrow", Times; font-size: 9px; font-style: normal; font-weight: normal; color: #000099; text-decoration: none}

.verdana_az_esc_10_normal { font-family: Verdana, Tahoma, "Arial Narrow", Times; font-size: 10px; font-style: normal; font-weight: normal; color: #000099; text-decoration: none}

.verdana_branca_12_normal { font-family: Verdana, Tahoma, "Arial Narrow", Times; font-size: 12px; font-style: normal; font-weight: normal; color: #ffffff; text-decoration: none}

.verdana_branca_14_normal { font-family: Verdana, Tahoma, "Arial Narrow", Times; font-size: 14px; font-style: normal; font-weight: normal; color: #ffffff; text-decoration: none}

.verdana_az_med_10_bold { font-family: Verdana, Tahoma, "Arial Narrow", Times; font-size: 10px; font-style: bold; font-weight: normal; color: #0000ff; text-decoration: none}

.verdana_az_med_14_normal { font-family: Verdana, Tahoma, "Arial Narrow", Times; font-size: 14px; font-style: normal; font-weight: normal; color: #0000ff; text-decoration: none}

.verdana_preta_14_normal { font-family: Verdana, Tahoma, "Arial Narrow", Times; font-size: 14px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none}

.verdana_preta_14_bold { font-family: Verdana, Tahoma, "Arial Narrow", Times; font-size: 14px; font-style: bold; font-weight: bold; color: #000000; text-decoration: none}

.arial_preta_9_bold { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; font-weight: bold; color: #000000; text-decoration: none}

.arial_preta_12_bold { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #000000; text-decoration: none}

.arial_preta_14_bold { font-family: Arial, Helvetica, sans-serif; font-size: x-small; font-style: normal; font-weight: bold; color: #000000; text-decoration: none}

.arial_branco_50 { font-family: Arial, Helvetica, sans-serif; font-size: 50px; font-style: normal; line-height: normal; font-weight: normal; color: #FFFFFF; text-decoration: none}

.arial_verm_50 { font-family: Arial, Helvetica, sans-serif; font-size: 50px; font-style: normal; line-height: normal; font-weight: normal; color: #FF0000; text-decoration: none}

.verdanaazmedio18bold {

font-family: Verdana, Tahoma, "Arial Narrow", Times;

font-size: 18px;

font-style: normal;

font-weight: bold;

color: #0000FF;

}

.verdanabranco18bold {

font-family: Verdana, Tahoma, "Arial Narrow", Times;

font-size: 18px;

font-style: normal;

font-weight: bold;

color: #ffffff;

}

}

.verdanavermelho18bold {

font-family: Verdana, Tahoma, "Arial Narrow", Times;

font-size: 18px;

font-style: normal;

font-weight: bold;

color: #ff0000;

}

}

.verdanavermelho24bold {

font-family: Verdana, Tahoma, "Arial Narrow", Times;

font-size: 24px;

font-style: normal;

font-weight: bold;

color: #ff0000;

}

.link {font-family: "Verdana, Tahoma, Arial Narrow, Times"; font-size= "14px"; font-weight: bold; text-decoration: none; color: ffffff;}

.link:hover {text-decoration: none;color: ffffff;}

.times18preta {

font-family: "Times New Roman", Times, serif;

font-size: 18px;

font-style: normal;

font-weight: normal;

color: #000000;

}

.times18branca {

font-family: "Times New Roman", Times, serif;

font-size: 18px;

font-style: normal;

font-weight: normal;

color: #ffffff;

}

.times24preta {

font-family: "Times New Roman", Times, serif;

font-size: 24px;

font-style: normal;

font-weight: normal;

color: #000000;

}

.times24vermelhobold {

font-family: "Times New Roman", Times, serif;

font-size: 24px;

font-style: normal;

font-weight: bold;

color: #ff0000;

}

.times24azulmediobold {

font-family: "Times New Roman", Times, serif;

font-size: 24px;

font-style: normal;

font-weight: bold;

color: #0000ff;

}

.times24amarela {

font-family: "Times New Roman", Times, serif;

font-size: 24px;

font-style: normal;

font-weight: normal;

color: #FFFF00;

}

.arial24vermbiu {

font-family: Arial, Helvetica, sans-serif;

font-size: 24px;

font-style: italic;

line-height: normal;

font-weight: bold;

color: #FF0000;

text-decoration: underline;

}

.verdanaverm14bold {

font-family: Verdana, Tahoma, "Arial Narrow", Times;

font-size: 14px;

font-style: normal;

font-weight: bold;

color: #FF0000;

}

.arial18preta {

font-family: Arial, Helvetica, sans-serif;

font-size: 18px;

color: #000000;

}

.times36preta {

font-family: "Times New Roman", Times, serif;

font-size: 36px;

color: #000000;

}

Link para o comentário
Compartilhar em outros sites
  • 0
fsphp

fsphp

Postado
  • Autor
Postado

Eu importei um documento que tenho ("muralcultural_teste_ycom.css" ). Nele estão todos os modelos de fontes que eu editei. Aí eu importo ou linko (depende de ele estar dentro do site ou não), esse doc para cada página desse site que estou fazendo.

Uma vez importado eu seleciono um texto e clico num tipo de Design (css), aí ele fica com aquela propriedade.

Só que nesse caso não está funcionando.

Link para o comentário
Compartilhar em outros sites
  • 0
fsphp

fsphp

Postado
  • Autor
Postado

Puxa, que legal esses exemplos. No primeiro ele mostra todos os estílos que estão nessa página. Fica mais fácil de trabalhar e ainda ele possibilita transformar em bold e/ou itálico.

Os outros ícones ficam legais aparecendo pois são discretos e eu não gosto de muita coisa na tela.

Fiz o primeiro exemplo e o css apareceu aí.

Vou fazer depois no site para ver se grifo as palavras, mas antes vou copiar o css para esse site e refazer tudo como no outro post.

Valeu deividy!

FS

Link para o comentário
Compartilhar em outros sites
Visitante
Este tópico está impedido de receber novos posts.
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,5k
×
×
  • Criar Novo...