Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

artur.aragao

Preciso aplicar diferentes

Recommended Posts

Pessoal.

 

Preciso aplicar um estilo diferente para uma mesma tag como no exemplo abaixo:

 

<ul>

<li><span class="line"></span></li>

<li><span class="line_normal"></span></li>

<li><span class="line_normal"></span></li>

<li><span class="line_normal"></span></li>

<li><span class="line_normal"></span></li>

<li><span class="line_normal"></span></li>

</ul>

 

O que Eu quero é deixar a linha onde possua o span com a classe 'line' diferente dos outros.

 

Vou mandar o código para vocês verem o que Eu estou tentando fazer.

 

<?xml version="1.0" encoding="iso-8859-1"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br">

<head>

<title>PCeX Inventory System v.1.2.05 r.1907</title>

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

</head>

<style type="text/css">

<!--

 

body

{

font-family:Trebuchet MS;

font-size:11px;

background-color:#1e77d3;

filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff',endColorStr='#1e77d3',gradientType='1');

}

#t_head, #t_foot

{

font-family:Trebuchet MS;

font-size:19px;

background-color:#cadef4;

color:black;

position:static;

top:0px; left:0px;

width:650px;

height:50px;

padding:10 0 0 0;

border:1px;

border-left:gray 1px solid;

border-right:gray 1px solid;

border-top:gray 1px solid;

border-bottom:gray 1px solid;

text-align: center;

filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff',endColorStr='#cadef4',gradientType='0');

}

#l_head

{

font-family:Trebuchet MS;

font-size:11px;

background-color:#cadef4;

color:black;

position:static;

top:0px; left:0px;

width:650px;

height:15px;

padding:0 0 0 2;

border-left:gray 1px solid;

border-right:gray 1px solid;

border-bottom:gray 1px solid;

text-align: left;

filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff',endColorStr='#cadef4',gradientType='1');

}

#l_foot

{

font-family:Trebuchet MS;

font-size:11px;

background-color:#cadef4;

color:black;

position:static;

top:0px; left:0px;

width:650px;

height:15px;

padding:0 0 0 2;

border-left:gray 1px solid;

border-right:gray 1px solid;

border-top:gray 1px solid;

text-align: left;

filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff',endColorStr='#cadef4',gradientType='1');

}

#t_body

{

font-family: Trebuchet MS;

font-size: 11px;

background-color: #f5f5f5;

color: black;

position: static;

width: 650px;

padding:0 0 0 0;

text-align: center;

filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#cadef4',endColorStr='#ffffff',gradientType='1');

}

#div_t1

{

font-family:Trebuchet MS;

font-size:11px;

background-color:#f0f0f0;

width:550px;

padding: 2 2 2 2;

margin: 0;

border: 1px;

border-right:gray 1px solid;

border-top:gray 1px solid;

border-left:gray 1px solid;

border-bottom:gray 1px solid;

filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff',endColorStr='#f5f5f5',gradientType='1');

}

.h_tmodule

{

font-family:Trebuchet MS;

font-size:18px;

text-align: left;

background-color:#1e77d3;

width: 100%;

padding: 7 7 7 7;

color:white;

position:static;

height:40px;

margin-bottom: 0px;

filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#1e77d3',endColorStr='#ffffff',gradientType='1');

}

ul

{

margin: 0px;

background-color:#ffffff;

text-align: left;

}

.l_demarc

{

font-family:Trebuchet MS;

font-size:0px;

background-color:#1e77d3;

position: relative;

width: 100%;

margin-top: 2px;

margin-bottom: 2px;

filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#1e77d3',endColorStr='#ffffff',gradientType='1');

}

.verquefazer

{

height: 2px;

}

li.list_itens

{

display: inline;

list-style-type: none;

text-align: left;

}

.li_itens

{

vertical-align: middle;

padding: 2 4 2 4;

}

.s_line

{

font-family:Trebuchet MS;

font-size:10px;

color:#ffffff;

background-color:green;

height: 20px;

margin: 0px;

padding: 2 0 0 5;

position: static;

filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='green',endColorStr='#ffffff',gradientType='1');

}

.red

{

color:red;

}

.green

{

color:green;

}

.l_foot

{

font-family:Trebuchet MS;

text-align: center;

background-color:#1e77d3;

color:white;

position:static;

width: 100%;

height: 20px;

padding: 5 5 5 5;

text-align: left;

filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#1e77d3',endColorStr='#ffffff',gradientType='1');

}

.showhide

{

cursor:hand;

}

 

-->

</style>

<body>

<script language='javascript'>

<!--

sAgent = navigator.userAgent;

bIsMac = sAgent.indexOf('Mac') > -1;

bIsIE = sAgent.indexOf('MSIE') > -1;

bIsIE4 = sAgent.indexOf('IE 4') > -1;

bIsIE5 = sAgent.indexOf('IE 5') > -1;

bIsIE6 = sAgent.indexOf('IE 6') > -1;

bIsNav = sAgent.indexOf('Mozilla') > -1 && !bIsIE;

bDoesAll = (bIsIE4 || bIsIE5 || bIsIE6) && !bIsMac;

function Mostra(objItem, objItem2) {

if (bDoesAll | bIsMac) {

if (objItem.style.display == 'none') {

objItem.style.display = '';

}

else {

objItem.style.display = 'none';

}

}

}

-->

</script>

<script language="VBScript">

Sub button_2_onclick

MsgBox "PCeX Inventory System v.1.2.05 r.1907" & vbCrLf & vbCrLf & "Software de inventário escrito em VBScript unicamente com " & vbCrLf & "o intuito de facilitar o trabalho de Administradores de rede." & vbCrLf & vbCrlf & "Desenvolvedores responsáveis" & vbCrLf & "-------------------------------------" & vbCrLf & "Artur Aragão - aragaorj@hotmail" & vbCrLf & "Gildo Soares - gildosoares@gmail.com" & vbCrLf & "Vinicius Canto Xavier - scripterbr@gmail.com" & vbCrLf & "Alexandre Teixeira - ateixeira@coimex.com.br" & vbCrLf & "Flávio Bordignon - flavio@triangulodosol.com.br" & vbCrLf & "Rodrigo Andrade Araujo - foxmaster@pop.com.br" & vbCrLf & vbCrLf & "Testadores" & vbCrLf & "-------------" & vbCrLf & "Jamal Ibrahim - jamal.ibrahim@ig.com.br" & vbCrLf & "Leandro Ribeiro da Silva - leandro.silva@aebb.com.br" & vbCrLf & vbCrlf & "www.technetbrasil.com.br" & vbCrLf & "2004 - 2005", VBInformation, "PCeX Inventory System v.1.2.05 r.1907"

End Sub

</script>

 

<div id='t_head'>PCeX Inventory System v.1.2.05 r.1907</div>

<div id='l_head'>Início do inventário: 20/07/2005 às 17:12:34</div>

<div id='t_body'>

<br/>

<div id='div_t1'>

<span class='showhide' id='SH_1_txt' onclick='Mostra(SH_1,SH_1_txt);'><span class='h_tmodule'>Sumário do Sistema</span></span>

<span class='l_demarc'></span>

<span id='SH_1' style='display: none'>

<ul class='list_itens'>

<li><span class='showhide' id='SH_1a_txt' onclick='Mostra(SH_1a,SH_1a_txt);'><span class='s_line' style='width: 195px;'>COMPUTADOR</span><span class='s_line' style='width: 349px;'>SUPORTEMW</span></span></li>

<span class='l_demarc'></span>

<span id='SH_1a' style='display: none'>

<li><span class='li_itens' style='width: 195px;'>Sistema Operacional</span><span class='li_itens' style='width: 349px;'>Microsoft Windows XP Professional</span></li>

<li><span class='li_itens' style='width: 195px;'>Versão (Release)</span><span class='li_itens' style='width: 349px;'>5.1.2600</span></li>

<li><span class='li_itens' style='width: 195px;'>Build</span><span class='li_itens' style='width: 349px;'>2600</span></li>

<li><span class='li_itens' style='width: 195px;'>Função do Computador</span><span class='li_itens' style='width: 349px;'>Estação de Trabalho</span></li>

<li><span class='li_itens' style='width: 195px;'>Idioma do Sistema</span><span class='li_itens' style='width: 349px;'>Inglês - Estados Unidos</span></li>

<li><span class='li_itens' style='width: 195px;'>Service Pack</span><span class='li_itens' style='width: 349px;'>Service Pack 2</span></li>

<li><span class='li_itens' style='width: 195px;'>Nível de criptografia</span><span class='li_itens' style='width: 349px;'>168 Bit</span></li>

<li><span class='li_itens' style='width: 195px;'>Suíte</span><span class='li_itens' style='width: 349px;'>-</span></li>

<li><span class='li_itens' style='width: 195px;'>Data da instalação</span><span class='li_itens' style='width: 349px;'>28/06/2005 - 18:12:46</span></li>

<li><span class='li_itens' style='width: 195px;'>Data do último boot</span><span class='li_itens' style='width: 349px;'>20/07/2005 - 09:07:16</span></li>

<li><span class='li_itens' style='width: 195px;'>Data e Hora Local</span><span class='li_itens' style='width: 349px;'>20/07/2005 - 17:12:34</span></li>

<li><span class='li_itens' style='width: 195px;'>Usuário registrado</span><span class='li_itens' style='width: 349px;'>MW</span></li>

<li><span class='li_itens' style='width: 195px;'>Organização registrada</span><span class='li_itens' style='width: 349px;'>Markway Business</span></li>

<li><span class='li_itens' style='width: 195px;'>Número serial</span><span class='li_itens' style='width: 349px;'>55274-645-4479623-23856</span></li>

<li><span class='li_itens' style='width: 195px;'>Diretório do Windows</span><span class='li_itens' style='width: 349px;'>C:\WINDOWS</span></li>

<li><span class='li_itens' style='width: 195px;'>Diretório do sistema</span><span class='li_itens' style='width: 349px;'>C:\WINDOWS\system32</span></li>

<li><span class='li_itens' style='width: 195px;'>Memória do sistema</span><span class='li_itens' style='width: 349px;'>511 MB</span></li>

<li><span class='li_itens' style='width: 195px;'>Usuário logado</span><span class='li_itens' style='width: 349px;'>REFER\suportemw</span></li>

<li><span class='li_itens' style='width: 195px;'>Tipo do sistema</span><span class='li_itens' style='width: 349px;'>X86-based PC</span></li>

<li><span class='li_itens' style='width: 195px;'>Descrição</span><span class='li_itens' style='width: 349px;'>AT/AT COMPATIBLE</span></li>

<li><span class='li_itens' style='width: 195px;'>Horário de Verão</span><span class='li_itens' style='width: 349px;'><span class='green'>Habilitado</span></span></li>

<li><span class='li_itens' style='width: 195px;'>Internet Explorer</span><span class='li_itens' style='width: 349px;'>6.0.2900.2180</span></li>

<li><span class='li_itens' style='width: 195px;'>DirectX</span><span class='li_itens' style='width: 349px;'>4.09.00.0904</span></li>

<li><span class='li_itens' style='width: 195px;'>Media Player</span><span class='li_itens' style='width: 349px;'>10.0.0.3802</span></li>

<span class='l_demarc'></span>

<li><span class='li_itens' style='width: 195px;'>Dispositivo de LAN</span><span class='li_itens' style='width: 349px;'>3Com 3C905TX-based Ethernet Adapter (Generic) #2 - Packet Scheduler Miniport</span></li>

<li><span class='li_itens' style='width: 195px;'>Endereço Mac</span><span class='li_itens' style='width: 349px;'>00:10:4B:2E:41:6E</span></li>

<li><span class='li_itens' style='width: 195px;'>Endereço IP</span><span class='li_itens' style='width: 349px;'>172.16.0.171</span></li>

<li><span class='li_itens' style='width: 195px;'>Máscara da Subnet</span><span class='li_itens' style='width: 349px;'>255.255.0.0</span></li>

<li><span class='li_itens' style='width: 195px;'>Servidor Gateway</span><span class='li_itens' style='width: 349px;'>172.16.0.6</span></li>

<li><span class='li_itens' style='width: 195px;'>Servidor DNS</span><span class='li_itens' style='width: 349px;'>172.16.0.9</span></li>

<li><span class='li_itens' style='width: 195px;'>Servidor DNS</span><span class='li_itens' style='width: 349px;'>172.16.0.14</span></li>

<li><span class='li_itens' style='width: 195px;'>Nome do Domínio</span><span class='li_itens' style='width: 349px;'>refer.com.br</span></li>

<li><span class='li_itens' style='width: 195px;'>Status do DHCP</span><span class='li_itens' style='width: 349px;'><span class='green'>Habilitado</span></span></li>

<li><span class='li_itens' style='width: 195px;'>Servidor DHCP</span><span class='li_itens' style='width: 349px;'>172.16.0.9</span></li>

<li><span class='li_itens' style='width: 195px;'>Servidor WINS Primário</span><span class='li_itens' style='width: 349px;'>-</span></li>

<li><span class='li_itens' style='width: 195px;'>Servidor WINS Secundário</span><span class='li_itens' style='width: 349px;'>-</span></li>

</ul>

<span class='l_demarc'></span>

</span>

<span class='l_foot'></span>

</span>

</div>

<br/>

<div id='div_t1'>

<span class='showhide' id='SH_2_txt' onclick='Mostra(SH_2,SH_2_txt);'><span class='h_tmodule'>Centro de Segurança</span></span>

<span class='l_demarc'></span>

<span id='SH_2' style='display: none'>

<ul class='list_itens'>

<li><span class='showhide' id='SH_2a_txt' onclick='Mostra(SH_2a,SH_2a_txt);'><span class='s_line' style='width: 544px;'>PROTEÇÃO ANTIVÍRUS (SOFTWARE)</span></span></li>

<li><span class='l_demarc'></span></li>

<span id='SH_2a' style='display: none'>

<li><span class='li_itens' style='width: 195px;'>Suportado pelo sistema operacional</span><span class='li_itens' style='width: 349px;'><span class='green'>Sim</span></span></li>

<li><span class='li_itens' style='width: 195px;'>Antivírus</span><span class='li_itens' style='width: 349px;'>avast! antivirus 4.6.691 [VPS 0529-1]</span></li>

<li><span class='li_itens' style='width: 195px;'>Versão do Antivírus</span><span class='li_itens' style='width: 349px;'>4.6.691</span></li>

<li><span class='li_itens' style='width: 195px;'>Fabricante</span><span class='li_itens' style='width: 349px;'>ALWIL Software</span></li>

<li><span class='li_itens' style='width: 195px;'>Escaneamento em tempo real</span><span class='li_itens' style='width: 349px;'><span class='green'>Ativado</span></span></li>

<li><span class='li_itens' style='width: 195px;'>Definições de vírus</span><span class='li_itens' style='width: 349px;'><span class='green'>OK</span></span></li>

<span class='l_demarc'></span>

</span>

<li><span class='showhide' id='SH_2b_txt' onclick='Mostra(SH_2b,SH_2b_txt);'><span class='s_line' style='width: 544px;'>PROTEÇÃO ANTIVÍRUS (HARDWARE - DEP/NX/EDB)</span></span></li>

<li><span class='l_demarc'></span></li>

<span id='SH_2b' style='display: none'>

<li><span class='li_itens' style='width: 195px;'>Suportado pelo sistema operacional</span><span class='li_itens' style='width: 349px;'><span class='red'>Não</span></span></li>

<li><span class='li_itens' style='width: 195px;'>Suportado pelo processador</span><span class='li_itens' style='width: 349px;'><span class='red'>Não</span></span></li>

<li><span class='li_itens' style='width: 195px;'>Proteção em aplicativos</span><span class='li_itens' style='width: 349px;'><span class='red'>Desativada</span></span></li>

<li><span class='li_itens' style='width: 195px;'>Proteção em drivers</span><span class='li_itens' style='width: 349px;'><span class='red'>Desativada</a></span></span></li>

<span class='l_demarc'></span>

</span>

</ul>

<span class='l_foot'></span>

</span>

</div>

</br>

<div id='l_foot'>Término do inventário: 20/07/2005 às 17:12:36</div>

<div id='t_foot' align='center'>

<INPUT TYPE="button" NAME="button_2" VALUE="Informação">

</div>

</div>

 

</body>

 

</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

span {<atributos>}
Caso queira aplicar somente nos spans dentro dos <li>

 

li span {<atributos>}

<{POST_SNAPBACK}>

Amigo,

 

Queria aplicar apenas para esta linha abaixo:

<li><span class='l_demarc'></span></li>

 

Apenas preciso que seja o span que possuir a classe "l_demarc".

 

Preciso que a altura desta linha seja diferente das outras restantes.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.