Hacker of the Web
Tus ideas en código!...y mas

Estas en: > > CSSTXT; Manipular el estilo de tus textos

CSSTXT; Manipular el estilo de tus textos

CSSTXT

Herramienta que permite manipular de manera muy sencilla las diversas propiedades que tiene un texto por defecto en CSS. Esta forma de manipular estilos CSS es tan sencilla que cualquier persona puede lograr los efectos que quiera en cuestión de algunos minutos.

En la página dan los códigos fuente CSS que el usuario va creando conforme manipula los controles. Con lo que para colocar esos estilos solo habría que copiar lo siguiente:

Código de ejemplo: 
<div style="font-weight:bold;font-family:trebuchet MS, sans-serif;text-decoration:none;font-variant:small-caps;text-align:center;color:#ffe6bd;background-color:#340000;letter-spacing:1pt;word-spacing:1pt;font-size:12px;line-height:1;border:dashed 5px #bf2102;padding:10px;width:200px;"> SantyWeb.
Transformamos tus ideas en código </div>
El texto en color rojo es el código en CSS.
SantyWeb.
Transformamos tus ideas en código


ENLACE | http://csstxt.com/
Por: Unknown
En que se publicó
Etiquetas , , ,
#

Deja tu huella y comenta!

Hola!, por favor deja tus comentarios, te aseguro serán contestados, dudas, sugerencias, lo que sea!!!!!!!!!!.

Si el formulario no funciona, o quieres irte a la segura: agrega tu comentario de forma tradicional

Si necesitas ayuda mas personalizada deja un <a href='URL'>ENLACE</a> hacia tu blog.

Emoticons
Comenta con tu:
Comenta:

17 comentarios !

●๋•╣ҜΞҜΘ╠●๋• dijo...

Hola wenas, antes de nada decirte que tu blog es fantástico. He estado mirando por todas tu entradas buscando si hay algun psot donde digas como has puesto ese fabuloso gadget que tienes llamado "explora la web".

Me gustaría mucho poder aplicarlo a mi blog porque tengo muchas entradas y con el archivo de blogger se ve muy mal y ocupa mucho espacio.

Por favor si fueras tan amable de decirme como ponerlo en mi blod (http://gnula.blogspot.com/) te lo agradecería mil. Tb es cierto que tengo una columna más pequeña que la tuya, igual no se puede...

Bueno un saludo y felicidades por este rincón de ayuda blogging!

Keko

Unknown dijo...

keko, de hecho es el archivo de Blogger. Solo que tiene algunos estilos en CSS que le agregue.

Como que sea de un tamaño definido por mi:
#ArchiveList {
overflow:auto;
max-height:350px !important;
}

Y tambien que cambie de color cada post al paso del mouse:
ul.posts li:hover {
background:#CECECE !important;
}

Para agregarlos debes entrar en Diseño>Edicion HTML>Sin expandir plantillas de artilugios

Y colocas el código antes de:
]]></b:skin>:

Si necesitas algo mas, coméntalo xD!!

●๋•╣ҜΞҜΘ╠●๋• dijo...

puesss si que necesito algo más jeje. Yo quisiera ponerlo en mi blog pero sin q se viera así: http://pruebagnula.blogspot.com/ esq se ve como con cajones me gustaría q se viera como tu lo tiens pero con la letra y el fondo de mi plantilla. ¿Se puede hacer algo?

Gracias por contestar no sabía que lo habías hehco, un saludoo!

Unknown dijo...

keko, que gusto tenerte por acá de nuevo. Tal vez podrías arreglarlo esto otro:

#ArchiveList a:link, #ArchiveList a:visited {
display:inline !important;
}

Sigue comentado xD!!

●๋•╣ҜΞҜΘ╠●๋• dijo...

santi tio si me das la informacion a cuentagotas podemos tirarnos con esta conversacion hasta año nuevo. si no te importa decirme el código que tengo q poner de una sola tanda te lo agradecería muchisimo pq soy inexperto y no me gustaría cargarme la plantilla...

y luego me dices tal vez¿? tal vez si tal vez no, mejor no cambio nada, no me fio:(

Unknown dijo...

keko, hey de nuevo comentando!!

no, mira dije que "tal vez" por que no he probado la solución en tu blog, de hecho es imposible para el tiempo que tengo. Y por lo mismo no se si tengas en el blog otro problema que no permita que la solución sea del todo perfecta.

Igual con lo que dices de "cuenta gotas" yo no supe desde el inicio que todo se vería "como cajas" después de aplicar la segunda solución, ya que de haberlo sabido te habría dado las dos soluciones al mismo tiempo xD!!

Ya sabes también que antes de hacer algún cambio a la plantilla debes hacer un respaldo. Y mejor aún probarlo en un blog de pruebas para no cargarse la plantilla.

Perdona si te ofendo pero es mi forma de expresarme, cualquier duda que te surja házmela saber y con gusto te daré una solución o lo mas cercano a ella. xD!!

Si por alguna razón algo te va mal de nuevo coméntalo!!

●๋•╣ҜΞҜΘ╠●๋• dijo...

creo que esq no me entiendes:(

#ArchiveList a:link, #ArchiveList a:visited {
display:inline !important;
}

¿donde se pone ese código?

●๋•╣ҜΞҜΘ╠●๋• dijo...

ya lo he probado y no se soluciona el problema http://pruebagnula.blogspot.com/ de todas formas muxas gracias por tu tiempo, buscaré por otro lado, un saludo!

Unknown dijo...

keko, se debería haber solucionado. De todas formas si me necesitas aquí estaré.

●๋•╣ҜΞҜΘ╠●๋• dijo...

Que va, no se ha solucionado porque no me lo has explicado, y el código que me has dado no funciona. Es como con tu contador interno, usas uno distinto al que posteaste, se ve que no quieres explicar bien las cosas. Insisto, que fuerte que hagas un tuto de como poner un contador interno, y resulta que tu contador interno es mucho mejor. XD

Unknown dijo...

keko, cual contador?. Además te expliqué bien, que entraras en Diseño>Edicion HTML>Sin expandir plantillas de artilugios y que antes de la etiqueta ]]></b:skin> colocarás el código:

#ArchiveList {
overflow:auto;
max-height:350px !important;
}
ul.posts li:hover {
background:#CECECE !important;
}

Y después te dí este otro, que creí que por la estructura parecida al anterior sabrías que iría donde mismo.

#ArchiveList a:link, #ArchiveList a:visited {
display:inline !important;
}

Explico todo lo mejor que puedo. No todos entienden de la misma forma, unos entienden con las explicaciones, otros experimentando y otros solo viendo. Si no le entendiste seguro algún otro tampoco pero leerá estos comentarios y de hecho para eso existen los comentarios, para suplir esas dudas, espero que ahora si le haigas entendido. Si aún no ya sabes donde puedes encontrarme xD!

Pero de verdad hago esto lo mejor que puedo, si no le entiendes puedes seguir preguntando. Nos vemos después!!

●๋•╣ҜΞҜΘ╠●๋• dijo...

Sisi al final "supuse" que el segundo código iba unido con el primero y lo puse tal cual y no funcionó, ya te lo dije. Se seguía viendo con CAJONES, si no sabes, Santi, dínoslo, que no pasa nada, pero no nos hagas perder más el tiempo. Gracias.

Unknown dijo...

keko, no es que no sepa, si no que hay diversos factores que pueden impedir que el código funcione como debe y pues, primero me decías que donde iba el código ese y al mismo tiempo me decías que no funcionaba(y no sabia si no funcionaba por que no lo habías colocado bien), y cuando creí que estaba todo resuelto después me salias con contadores inexistentes y que no te explicaba bien como se hacía.

Pues te volví a explicar, pero me dices que no funcionó, entonces algo debe estar bloqueando el código que te dí, pueden ser otros códigos que sobrescriban los que te dí.

Para eso debes entrar en Diseño>Edición HTML>Sin expandir las plantillas de artilugios y buscar el <b:widget> con el atributo id='blogArchive1' o algo parecido. y colocar los códigos de la siguiente manera:
<style type='text/css'>codigos</style>
<b:widget id='XXXXXX' locked='XXXXX' title='XXXXXXXX' type='XXXX'/>

Si no se puede con eso, entonces necesitaría ver el blog. Para darte una solución definitiva. alguna duda por favor comentala xD!!

●๋•╣ҜΞҜΘ╠●๋• dijo...

Antes de nada decirte que tampoco sirve el código que me has dado.No se si me estás vacilando o que pasa, pero ya te vale.

1. Creo que no sabes lo que te he preguntado en este hilo abierto y que me estás dando códigos sin saber lo que te he preguntado.

2. Pusiste un contador http://santyweb.blogspot.com/2008/07/e-scribe-tu-resumen-aqui-hola-volviendo.html interno diferente al que usas, no me llames mentiroso.

Saludos XD

Unknown dijo...

keko, en parte tienes razón no te he entendido lo que preguntas, pero el código que te dí en efecto sirve.

Y no te he entendido por que no te explicas bien, y te pondré un ejemplo mas claro que el agua. Me dices que pongo contadores en mi página web mejores que los que muestro como se colocan.

Y me das una página en la que explico como insertar buscadores internos.

Siendo así ahora me doy cuenta que el mayor error todo este tiempo ha sido tuyo. Ya que no te sabes explicar, no digo que yo sea un santo y que no haiga cometido errores, ya que te dí codigos sin saber lo que me preguntas.

Yo no me ando vacilando a mis lectores así que si no te molesta. ¿puedes hacerle un favor a los dos para no perder mas tiempo con estas conversaciones y me explicas bien con las palabras correctas que es lo que necesitas?

**pd: Mi buscador interno es mejor, ya que acabo de hacer un re-diseño de mi página web y he colocado uno mejor. Pues me imagino que ya has de saber que la mayoría de las cosas van mejorando con el tiempo. SantyWeb no es la excepción. Y si lo que quieres es saber como colocar el buscador interno que tengo solo lo hubieras preguntado, en vez de andar diciendo cosas que la verdad ni ganas me dan de leer.

Si necesitas alguna otra cosa pídela bien xD!!

Me retiro que tengo que publicar como colocar un buscador interno de mayor estética.

●๋•╣ҜΞҜΘ╠●๋• dijo...

Mira xico que no soy tonto, que das respuestas ambiguas para que la gente comente y así tus entradas tengan mejor posicionamiento en google. Déjate de rollo conmigo que no cuela y no vengas de buena persona porque no lo eres.

Mi pregunta está perfectamnete explicada lo que pasa es, que seguro que ni siquiera la leiste.

Última vez que vengo a tu blog.

Unknown dijo...

keko, no te voy a decir que me parece perfecto que sea la última vez que entras a SantyWeb pero yo respeto mucho a mis lectores y si esa es tu decisión, pues buena suerte.

Estás mal, no se si Google tome en cuenta lo que dices, pero la verdad yo no tengo ni idea de lo que hablas. si gustas podrías dejar un enlace hacia algo que lo describa por favor.

Además solo tu sabes que es lo que preguntas. pero si necesitas algo mas coméntalo xD!!


Página Principal
Arriba