Foros del Web » Creando para Internet » CSS »

Dar diferente color al texto de estos enlaces ... como?

Estas en el tema de Dar diferente color al texto de estos enlaces ... como? en el foro de CSS en Foros del Web. Salu2 gente. aber si pueden ayudarme, tengo esta hoja de estilo Código PHP: * {      margin :  0 ;      padding :  0 ; } ...
  #1 (permalink)  
Antiguo 13/02/2007, 10:04
Avatar de xiscomax  
Fecha de Ingreso: febrero-2006
Mensajes: 379
Antigüedad: 11 años, 10 meses
Puntos: 5
Pregunta Dar diferente color al texto de estos enlaces ... como?

Salu2 gente. aber si pueden ayudarme, tengo esta hoja de estilo
Código PHP:
* {
    
margin0;
    
padding0;
}
{
    
color#F09;
    
text-decorationnone;
}
body {
    
background#FFF url(img/bg.jpg) repeat-y fixed bottom center;
    
color#311;
    
font11px VerdanaArialTahoma
    
margin20px 0;
    
text-aligncenter;
    
border1px solid #0099FF; /* COLOR */
}
ul {
    
padding10px 0;
}
li {
    list-
stylenone;
    
margin4px 0 4px 20px;
}
li span {
    
font-size0.9emcolor#444;
}



.
clearer,.footer {
    
clearboth;
}
.
content,.footer {
    
padding0 5px;
}
.
container {
    
background#FFF url(img/top.gif) no-repeat;
    
border-color#EEE #CCC #AAA;
    
margin0 auto;
    
text-alignleft;
    
width600px;
}
.
top {
    
height250px;
}
.
header {
    
height210px;
}
.
header h1 {
    
line-height2.4em;
    
padding-left18px;
    
color#F09;
    
font-size2.4em;
}
.
footer {
    
background#000;
    
color#FFF;
    
margin5px;
    
padding2px 5px;
}
.
item {
    
padding5px;
    
text-alignjustify;
}
.
item h1 {
    
padding:2px 3px 3px 8px;
    
fontnormal 11px VerdanaArialTahoma;
    
color#C36;
    
letter-spacing1px;
    
backgroundurl(img/toppost.gif);
}
.
left {
    
floatleft;
    
width385px;
    
background#F2EEF2;
}
.
menu {
    
margin-left18px;
}
.
menu a {
    
padding0 2px;
    
margin-right12px;
    
font-size1.2em;
}
.
menu a:hover {
    
background#F09;
    
color#FFF;
}
.
right .submenu_end {
    
backgroundurl(img/bgsubmenu_end.gifno-repeatheight29px;
}
.
right {
    
floatright;
    
width190px;
    
background#DDD;
}
.
right a:hover {
    
border-bottom1px dotted #dadada;
}
.
right h2
{
    
padding:2px 3px 3px 8px;
    
fontbold 11px VerdanaArialTahoma;
    
margin-left:0px/* 15px */
}
a img 
{
    
border:none;
}
.
item
{
    
margin:0 0 25px 0;
}
.
item .info
{
    
padding:2px 3px 3px 8px;
    
border:1px solid #e3e4e4;
    
background-color:#CCCC99;
    
font-size:10px;
    
color:#00FF66;
}

#commentlist li {
    
margin-bottom1.5em;
    
padding-bottom1em;
    
border-bottom1px solid #700000;
}
#commentform {
    
padding5px;
    
background#f2eef2;
    
width360px;
}
#commentform textarea {
    
background#f8f7f6;
    
width350px;
}
#commentform textarea:hover {
    
background#FFFFFF;
    
border1px solid #d6d3d3;
}
#commentform textarea:focus {
    
background#ffffff;
    
border1px solid #939793;
}
#commentform #email, #commentform #author, #commentform #url {
    
font-size1.1em;
    
background#f8f7f6;
    
border1px solid #d6d3d3;
    
width280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
    
font-size1.1em;
    
background#ffffff;
    
border1px solid #d6d3d3;
    
width280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
    
font-size1.1em;
    
background#ffffff;
    
border1px solid #939793;
    
width280px;
}
#commentform input{
    
margin-bottom3px;
}
.
right {
    
margin-left0px;
}
.
right ul li {
    
margin0;
}
.
right ul li a {
    
displayblock;
    
padding2px 3px;
    
width170px;
    
background#fffff9;
    
border-bottom1px dotted #dadada;
    
color#333;
    
text-decorationnone;
}
.
right ul li a:hover {
    
background#eee;
    
color#000;

que esta asociada a este codigo PHP de mi theme,
Código PHP:
<?php get_header(); ?>
<div class="content">
        <div class="left">

            <?php if (have_posts()) : ?>

            <?php while (have_posts()) : the_post(); ?>

            <div class="item" id="post-<?php the_ID(); ?>">

            <h1><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h1>

                <div class="entry">

                <?php the_content('Read the rest of this entry &raquo;'); ?>

                </div>

            <p class="info">Posted in <?php the_category(', '?> <strong>|</strong> <?php edit_post_link('Edit','','<strong>|</strong>'); ?> <?php comments_popup_link('No Comments &raquo;''1 Comment &raquo;''% Comments &raquo;'); ?></p>

            </div>

            <?php comments_template(); ?>

            <?php endwhile; ?>

            <p align="center"><?php next_posts_link('&laquo; Previous Entries'?> <?php previous_posts_link('Next Entries &raquo;'?></p>

            <?php else : ?>

            <h2 align="center">Not Found</h2>

            <p align="center">Sorry, but you are looking for something that isn't here.</p>

            <?php endif; ?>

        </div>
    <?php get_sidebar(); ?>

        

        <br class="clearer"/><span></span>

    </div>
<?php get_footer(); ?>
    

</div>

</body>

</html>
la cuestion es que quiero que el color de las fuente del titulo del post the_title sean de color Blanco y los enlaces Comentar comments_popup_link , the_category y edit_post_link aparezcan por ejemplo en Rojo.

Alguien que sepa como hacerlo y pueda ayudarme?
Salu2 y gracias

Última edición por xiscomax; 13/02/2007 a las 10:09
  #2 (permalink)  
Antiguo 13/02/2007, 10:20
Avatar de quinqui  
Fecha de Ingreso: agosto-2004
Ubicación: Chile!
Mensajes: 776
Antigüedad: 13 años, 3 meses
Puntos: 56
Re: Dar diferente color al texto de estos enlaces ... como?

holas, xiscomax
creo que no entiendo tu pregunta, porque la respuesta o es muy simple o es demasiado compleja ^^U...
si es simple, entonces creo que sólo tienes que agregar una clase que formatee el título, algo así:

Código HTML:
/* Agregando esto a tus estilos ya creados : */
.titulo  {  color: #ffffff  }
.titulo a:link {  color: #ffffff  }
con esto, tanto el texto normal del título como los links se verán blancos.
y en el php envuelves el título en una etiqueta <span>:
Código PHP:
<h1><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><span class="titulo"><?php the_title(); ?></span></a></h1>
ahora, si todos los textos dentro de las etiquetas H1 serán títulos, más simple aún:
Código HTML:
/* Agregando esto a tus estilos ya creados : */
H1 {  color: #ffffff  }
H1 a:link {  color: #ffffff  }
sin necesidad de cambiar tu php.


lo mismo con los links, pero asociados a un contenedor:
Código HTML:
/* Agregando esto a tus estilos ya creados : */
.info a:link {  color: #ff0000  }
esta línea quiere decir que todos los links dentro de la clase .info se verán rojos. y el php, intacto :P

esop. espero que eso fuera lo que preguntabas, porque si no, he dado la lata, jejeje xD
saludos!
__________________
pipus.... vieeeeeji plomius!!!
*quinqui site*

Última edición por quinqui; 13/02/2007 a las 10:29
  #3 (permalink)  
Antiguo 13/02/2007, 10:47
Avatar de xiscomax  
Fecha de Ingreso: febrero-2006
Mensajes: 379
Antigüedad: 11 años, 10 meses
Puntos: 5
Re: Dar diferente color al texto de estos enlaces ... como?

xD lol muchisimas gracias quinqui es exactamente lo que queria. no ahi nada como la experiencia, para solucionar las cosas. gracias.
me acabas de alegrar la tarde xD lastima que no sea viernes porke sino ya si ke seria alegre al 100% xDD

Salu2 te lo agradezco.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:14.