PDA

Ver la versión completa : Codigo css con adorno al rededor de la cajita de chat



F-1
02/08/2014, 05:08
Este codigo lo hizo Angel yo solo hago el tutorial.
Nuevo codigo css donde se ve el cambio de la letra del chat y laa descripcion de chat dode es en movimiento y con un borde al rededor del chat que podeis cambiarle el color
En eta imagen vereis antes del cambio , ver imagen

http://i.imgur.com/AjNOnFX.png
en esta otra la vereis despues del cambio , ver omagen

http://i.imgur.com/L61gwkv.png

os preguntareis como se hace esas letras para ponerlas en el chat , se hacen con programas editables yo use photoscape , por eso son diferentes letras las 2 las podeis poner con fondo o transparentes , eta que vereis ahora es con fondo y se mueve de derecha a izquierda , esta echo con photoscape el movomiento le podeis poner el que quieran ver imsgen"SI QUEREIS PONER LADESCRIPCION ASI DEBEN DE BORRAR LA QUE TENEIS EEN EL CHAT"

http://i.imgur.com/N0YJaC2.gif
Esta otra tambien la hice con photoscape y es transparente y no es movible ,paara hacerlas transparentes yo los borre con photoshop ver imagen

http://i.imgur.com/uwC8p5K.png

Aqui os dejo el codigo

background-color: #000000; BACKGROUND-POSITION: Center; BACKGROUND-ATTACHMENT: fixed; BACKGROUND-IMAGE: url(FONDO DE ATRAS)} #chat embed {background:url('FONDO DE CAJA') !important}h2{background:url('DESCRIPCION DEL CHAT') no-repeat 11px center}embed{background: url(NOMBRE DEL CHAT) 0px 608px no-repeat}h1{background:url('NOMBRE DE LETRA') no-repeat 11px center}h1{text-indent:-9999px}embed{border:solid #FFFFFF}embed{outline: 15px dashed #FF33CC}{cursor: url(CURSOR),auto;}
Todo lo que esta en rojo teneis que sustituirlo , ahora dejare donde se pega el codigo

Aqui en esta imagen vereis que teneis que entrar en edit , ver imagen

http://i.imgur.com/tfLbQb5.png

En esta vamos a poner la contraseña y enviamos , ver imagen

http://i.imgur.com/HD7bema.png

En esta vereis donde se pega el codigo css y se borra la descripcion si la poneis diferente en el codigo , ver omagen

http://i.imgur.com/C8ursX6.png

Aqui donde se guardan los cambios y para ver como queda en vista previa recordar que los cambios suelen tardar inos 10 minutos mas o menos , ver imagen

http://i.imgur.com/PLJsxC8.png

Este codigo de color lo pueden cambiar po el que mas os gieste es del adorno que tiene la cajita del chat <--#ff33cc

Aqui os dejo la imagen de como queda el chat , para verlo hay que ponchar en mostrar que esta al lado del SPOILER



http://i.imgur.com/yXpDZXX.png
Esto es todo espero que os guste, un saludo[

Ezze
02/08/2014, 14:45
rosis muchas grasias por este aporte sera de mucha yuda estos codigos css para los nuevos usuarios y en general (clap) (kiss)