..:: MX Studio Fóruns ::..: Cor de link no blogger - ..:: MX Studio Fóruns ::..

Jump to content

Publicidade




Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Cor de link no blogger como mudar a cor do link visitado

#1 User is offline   marvinoliveiras 

  • Group: Membros
  • Posts: 3
  • Joined: 04-February 06

  Posted 15 July 2009 - 08:43 PM

Boa Noite!!! estou com um problema gostaria de saber onde e como devo alterar esse código para mudar a cor do link visitado, já tentei no lugar mais provável que é no a:link visited mais ñ deu certo, o código é:

CÓDIGO
<b:skin><![CDATA[/* Variable definitions
   ====================
   <Variable name="mainBgColor" description="Main Background Color"
             type="color" default="#ffffff" value="#ffffff">
   <Variable name="mainTextColor" description="Text Color"
             type="color" default="#555544" value="#555544">
   <Variable name="pageHeaderColor" description="Blog Title Color"
             type="color" default="#ffffee" value="#1B703A">
   <Variable name="blogDescriptionColor" description="Blog Description Color"
             type="color" default="#ffffee" value="#ffffee">
   <Variable name="linkColor" description="Link Color"
             type="color" default="#669922" value="#669922">
   <Variable name="hoverLinkColor" description="Link Hover Color"
             type="color" default="#88bb22" value="#88bb22">
   <Variable name="dateHeaderColor" description="Date Header Color"
             type="color" default="#555544" value="#555544">
   <Variable name="sidebarHeaderColor" description="Sidebar Title Color"
             type="color" default="#555544" value="#555544">
   <Variable name="sidebarTextColor" description="Sidebar Text Color"
             type="color" default="#555544" value="#555544">

   <Variable name="bodyFont" description="Text Font" type="font"
             default="normal normal 100% tahoma, 'Trebuchet MS', lucida, helvetica, sans-serif" value="normal normal 100% tahoma, 'Trebuchet MS', lucida, helvetica, sans-serif">
   <Variable name="startSide" description="Start side in blog language"
             type="automatic" default="left" value="left">
   <Variable name="endSide" description="End side in blog language"
             type="automatic" default="right" value="right">
*/


    /* Header */



h1 a, h1 a:link, h1 a:visited {
  color:$pageHeaderColor value = "#555544"; */--------------- AREA EDITADA--- */
}

#header .description {
  font-size: 110%;
  text-align: $startSide;
  padding-top: 3px;
  padding-$endSide: 20px;
  padding-bottom: 10px;
  padding-$startSide: 23px;
  margin: 0;
  line-height:140%;
  color: $blogDescriptionColor;
}

    
/* Inner layout */

#content-wrapper {
  padding: 0 16px;
}
    
#main {
  width:
  float: $startSide;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}

    
/* Bottom layout */

#footer    {
  clear: $startSide;
  margin: 0;
  padding: 20px 0;
  border: 0;
  text-align: $startSide;
  border-top: 0px solid #;
}
    
#footer .widget    {
  text-align: $startSide;
  margin: 0;
  padding: 10px 0;
  background-color: #ffffff;
}

/* Default links     */

a:link{
font-weight: bold;
  text-decoration: none;
  color: $linkColor;
  background: transparent;
}
a:visited {
font-weight: bold;
  text-decoration: none;
  background: #555; /* transparent; */
}

a:hover {
  font-weight: bold;
  text-decoration: underline;
  color: $hoverLinkColor;
  color: #fff;
background: transparent;
}

a:active {
  font-weight : bold;
  text-decoration : none;
  background: transparent;
}

/* Typography */
    
.main p, .sidebar p, .post-body {
  line-height: 140%;
  margin-top: 5px;
  margin-bottom: 1em;
}

.post-body blockquote {
  line-height:1.3em;  
}

h2, h3, h4, h5    {
  margin: 0;
  padding: 0;
}

h2 {
  font-size: 130%;
}

h2.date-header {
  color: $dateHeaderColor;
}

.post h3 {
  margin-top: 5px;
  font-size: 120%;
}

.post-footer {
  font-style: italic;
}

.sidebar h2 {
  color: $sidebarHeaderColor;
}

.sidebar .widget {
  margin-top: 12px;
  margin-$endSide: 0;
  margin-bottom: 13px;
  margin-$startSide: 0;
  padding: 0;
}

.main .widget {
  margin-top: 12px;
  margin-$endSide: 0;
  margin-bottom: 0;
  margin-$startSide: 0;
}

li  {
  line-height: 160%;
}

.sidebar ul {
  margin-$startSide: 0;
  margin-top: 0;
  padding-$startSide: 0;
}

.widget-content {
  margin-top: 0.5em;
}


/* Profile
----------------------------------------------- */

.profile-datablock {
  margin-top: 3px;
  margin-$endSide: 0;
  margin-bottom: 5px;
  margin-$startSide: 0;
  line-height: 140%;
}
.profile-textblock {
  margin-$startSide: 0;
}

.profile-img {
  float: $startSide;
  margin-top: 0;
  margin-$endSide: 5px;
  margin-bottom: 5px;
  margin-$startSide: 0;
  border:4px solid #8b2;

}

    

#comments  {
  border: 0;
  border-top: 1px dashed #eed;
  margin-top: 10px;
  margin-$endSide: 0;
  margin-bottom: 0;
  margin-$startSide: 0;
  padding: 0;
}

#comments h4    {
  margin-top: 10px;
  font-weight: normal;
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: 1px;
}

#comments dl dt     {
  font-weight: bold;
  font-style: italic;
  margin-top: 35px;
  padding-top: 1px;
  padding-$endSide: 0;
  padding-bottom: 0;
  padding-$startSide: 18px;
  background: transparent url(http://www.blogblog.com/moto_son/commentbug.gif) top $startSide no-repeat;
}

#comments dl dd    {
  padding: 0;
  margin: 0;
}

.deleted-comment {
  font-style:italic;
  color:gray;
}

.feed-links {
  clear: both;
  line-height: 2.5em;
}

#blog-pager-newer-link {
  float: $startSide;
}

#blog-pager-older-link {
  float: $endSide;
}

#blog-pager {  
  text-align: center;
}

/** Page structure tweaks for layout editor wireframe */

body#layout #outer-wrapper {
  padding-top: 0;
}
body#layout #header,
body#layout #content-wrapper,
body#layout #footer {
  padding: 0;
}
body{
background: url(http://www.marvin.xpg.com.br/blog/textura_jeans.jpg) repeat;}
/* ------------------------------------------------------------AREA MENUUUUUUUUUUUUU */
#navcontainer{
  width:100%;
}
#navcontainer table tr td {
  background:url(http://www.marvin.xpg.com.br/blog/imgmenu.png) repeat-x;
  text-align: center;
  width:110px;
  font:15px Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
border-left: 1px solid #B22222;
}
#navcontainer a:link, a:visited, a:active {
color: #fff;
  text-decoration: none;
}
#navcontainer td:hover {
seletor display: block;
  border: 1px solid #A52A2A;
  background:url(http://www.marvin.xpg.com.br/blog/imgmenu2.png) repeat-x;
color: #fff;
  text-decoration: none;
}


]]></b:skin>



O problema é que quando clico no link ele fica branco da cor do background, queria mudar mais não consego.
desde já agradeço
0

#2 User is offline   marvinoliveiras 

  • Group: Membros
  • Posts: 3
  • Joined: 04-February 06

Posted 16 July 2009 - 10:41 AM

depois de horas e horas analisando o meu html vi que uma parte que adicionei para configurar uma tabela está aplicando seu style em todos os links, como faço para isolar e aplicar esse style somente a aquela tabela??? o código:

CÓDIGO
#navcontainer{
  width:100%;
}
#navcontainer table tr td {
  background:url(http://www.marvin.xpg.com.br/blog/imgmenu.png) repeat-x;
  text-align: center;
  width:110px;
  font:15px Verdana, Arial, Helvetica, sans-serif;
  font-weight:bold;
border-left: 1px solid #B22222;
}
#navcontainer a:link, a:visited, a:active {
color: "#ffffff";
  text-decoration: none;
}
#navcontainer td:hover {
seletor display: block;
  border: 1px solid #A52A2A;
  background:url(http://www.marvin.xpg.com.br/blog/imgmenu2.png) repeat-x;
  text-decoration: none;
}

0

#3 User is offline   xanburzum 

  • Group: Administrador
  • Posts: 2075
  • Joined: 04-November 08

Posted 17 July 2009 - 07:46 PM

Na etiqueta body se definem essas coisas:

CÓDIGO
<body link="#ffffcc" vlink="#ffffcc" alink="#ffffcc">


link para os enlaces normais
vlink para os links visitados
alink para os links ativos (no momento de clicar)
Também se podem mudar com Folhas de Estilo em Cascata, colocando os estilos no cabeçalho da página, por exemplo:

CÓDIGO
<STYLE type="text/css">
A:link {text-decoration:none;color:#0000cc;}
A:visited {text-decoration:none;color:#ffcc33;}
A:active {text-decoration:none;color:#ff0000;}
A:hover {text-decoration:underline;color:#999999;}
</STYLE>

0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic



Publicidade




1 User(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)