R
ruyjol
en esta ocasión http://forobeta.com/plugins-wp/27406-busco-plugin-conocer-de-vienen-visitantes.html discutiamos sobre este plugin.
Y lo estoy usando, con ciertos resultados, el caso es que para mostrar los términos clave, uso esto en la hoja de estilos:
.sequoia {
background-color : #5A5A5A;
color : #FAFAFA;
border-width : px;
border-style : none;
overflow : visible;
padding : px;
font-family : sans-serif;
font-style : normal;
font-variant : normal;
float : left;
text-align : center;
text-decoration : none;
text-transform : lowercase;
vertical-align : middle;
display : inline;
visibility : visible;
cursor : default;
padding-top : 1px;
padding-right : 2px;
padding-bottom : 1px;
margin : 0px;
}
y en single.php lo meti en una tabla (donde se muestra informacion del autor, botones de redes sociales y los terminos de fuzzySEO) mediante:
<tr>
<td>Mucha gente llegó hasta aqui buscando:</td>
</tr>
<tr>
<td class="sequoia"><?php seoqueries_get_page_terms($plain_text = false); ?></td>
</tr>
y el resultado es este:
Enlace eliminado
mi pregunta es la siguiente:
¿Como puedo hacer para que cada termino (por separado) tenga el CSS anterior?
espero que me puedan ayudar, gracias.
Actualización
Camaradas, en vista del éxito no obtenido (y dado a que soy mas terco que la c*c*)
encontré la solución y aquí la posteo por si a alguien le sirviera;
craso error era tratar de hacerlo como intentaba, en vez de ello, me eché un clavado al plugin mismo y !claro¡ tiene su propio fichero CSS que muestra los resultados como <li> dentro de una lista desordenada <ul>
entonces muestro el antes y el después del archivo fuzzy-seo-booster/seoqueries.css
ul.seoqueries-terms li,
ul.seoqueries-terms li *{
display : inline;
}
para que quedara así:
ul.seoqueries-terms li,
ul.seoqueries-terms li *{
background-color : #5A5A5A;
color : #FAFAFA;
border-style : none;
font-family : sans-serif;
font-size : small;
float : left;
text-align : center;
text-decoration : none;
text-transform : lowercase;
vertical-align : middle;
display : block;
visibility : visible;
padding: 1px;
margin : 2px 4px;
}
y voilà, eso resolvió mi duda.
-aplausos-
¿No me puedo dar a mi mismo un dedito verde? lol
Y lo estoy usando, con ciertos resultados, el caso es que para mostrar los términos clave, uso esto en la hoja de estilos:
.sequoia {
background-color : #5A5A5A;
color : #FAFAFA;
border-width : px;
border-style : none;
overflow : visible;
padding : px;
font-family : sans-serif;
font-style : normal;
font-variant : normal;
float : left;
text-align : center;
text-decoration : none;
text-transform : lowercase;
vertical-align : middle;
display : inline;
visibility : visible;
cursor : default;
padding-top : 1px;
padding-right : 2px;
padding-bottom : 1px;
margin : 0px;
}
y en single.php lo meti en una tabla (donde se muestra informacion del autor, botones de redes sociales y los terminos de fuzzySEO) mediante:
<tr>
<td>Mucha gente llegó hasta aqui buscando:</td>
</tr>
<tr>
<td class="sequoia"><?php seoqueries_get_page_terms($plain_text = false); ?></td>
</tr>
y el resultado es este:
Enlace eliminado
mi pregunta es la siguiente:
¿Como puedo hacer para que cada termino (por separado) tenga el CSS anterior?
espero que me puedan ayudar, gracias.
Actualización
Camaradas, en vista del éxito no obtenido (y dado a que soy mas terco que la c*c*)
encontré la solución y aquí la posteo por si a alguien le sirviera;
craso error era tratar de hacerlo como intentaba, en vez de ello, me eché un clavado al plugin mismo y !claro¡ tiene su propio fichero CSS que muestra los resultados como <li> dentro de una lista desordenada <ul>
entonces muestro el antes y el después del archivo fuzzy-seo-booster/seoqueries.css
ul.seoqueries-terms li,
ul.seoqueries-terms li *{
display : inline;
}
para que quedara así:
ul.seoqueries-terms li,
ul.seoqueries-terms li *{
background-color : #5A5A5A;
color : #FAFAFA;
border-style : none;
font-family : sans-serif;
font-size : small;
float : left;
text-align : center;
text-decoration : none;
text-transform : lowercase;
vertical-align : middle;
display : block;
visibility : visible;
padding: 1px;
margin : 2px 4px;
}
y voilà, eso resolvió mi duda.
-aplausos-
¿No me puedo dar a mi mismo un dedito verde? lol
Última edición: