Designer Project | Designer Gráfico : Tutoriais xat

Som no xat

Yo galera to passando aqui só atoa pra mostrar os tipos de som do xat.
Tipo você copia da # pra frente e cola no xat

1#planelow	2#punch123	3#runtowards	4#shotclockhorn
5#smallchimes	6#spraypaint	7#thankyoufemale	8#trumpet
9#platebreak	10#punch5	11#safeclose	12#shotgun
13#smallgiggle	14#spurssteps4	15#thankyoumale	16#tugboathorn
17#platesilverware	18#punchhard	19#saxophone	20#shotgun2
21#smallwaterfall	22#squeaky	23#thunderrumble2	24#turkey
25#ploop	26#pushpin	27#scarycartoon	28#showercurtain
29#smash	30#squeaky2	31#tincan	32#turnofftv
33#policebullhorn	34#racecar	35#scarynote	36#shrink
37#snakehiss	38#stapler	39#tireblowout	40#turnontv
41#poolballhit	42#radarping	43#schoolbellshort	44#shutdowninprocess
45#snaredrumroll	46#startinggate	47#tiresquealcorner	48#typewriter
49#poolbreak	50#radioadjustecho	51#scratchneedle	52#shutupmexican
53#sneeze	54#static	55#tminus	56#typewriterding
57#poolpocket	58#radiobeep	59#scratchneedlelong	60#silvercoin
61#sneezewoman	62#staticlong	63#toasterpopup	64#typewritershift
65#poolsplash	66#raspberryfart	67#scream	68#singlegunshot
69#snore	70#stumblebreak	71#toytrainhorn	72#ugh
73#pop2	74#rattlespray	75#screamman	76#sirenhorn
77#snore2	78#success	79#traffichorns	80#uhohcomputer
81#pop3	82#reversecymbal	83#screamshort	84#slambigdoor
85#sodatwistoff	86#suck	87#trafficjam	88#uhohcomputer2
89#poptop	90#rifleshotecho	91#screamshutup	92#slap
93#spaceball	94#suck2	95#trainhorn	96#uhohcomputer3
97#potsandpans	98#ringbellmedium	99#screamwhat	100#slash
101#spacebeep	102#swing	103#trainpassfast	104#uncork
105#pourbeer	106#ringbellsmall	107#screendoor	108#slice
109#sparkle	110#sword	111#trashcan	112#underwater
113#poursoda	114#ringbellsmall2	115#screendoorclose	116#sliderock
117#sparrow	118#t.t	119#trashcan2	120#urconnected
121#poweroff	122#robotarm	123#shakerolldice	124#slowlaugh
125#specialgift	126#takeone	127#triangle	128#voicesample
129#poweron	130#rockdoor	131#sheep	132#slurp
133#spin	134#tapetearoff	135#triangle2	136#vwhorn
137#puke	138#rooster	139#shockperson	140#slurpfast
141#splat	142#tearcloth	143#truckairhorn	144#walkhall
145#pukewet	146#ropestretch	147#shootglass	148#slurping
149#spookylaugh	150#telegraph	151#truckbrake	152#warning
153#punch	154#rundoorslam	155#shortbeeptone	156#smallbell
157woodplaner	158#tennis	159#truckhorn	160#warningbass
161#waterballoon	162#whip	163#whistleshort	164#windows2kgoodbye
165#woodsplinter	166#yougotcheesypoofs	167#waterflow	168#whip2
169#whistlesparkle	170#windowslide	171#write	172#yougotmailscary
173#waterflow2	174#whipcrack	175#whistleup	176#windup
177#wronganswer	178#yougotmailwhispered	179#wawaahorn	180#whiskaway
181#whistlewolf	182#witchlaugh	183#wronganswer2	184#zipper
185#weatherwarning	186#whistleblow	187#wildcat	188#womancry
189#wrongnumbertone	190#zoom	191#welcomefemale	192#whistleblowhere
193#wildcat2	194#womanlaugh	195#xpgoodbye	196#zoomaway
197#welcomewindows2k	198#whistledown	199#windchandelier	200#womanscream
201#xylophone	202#welder2	203#whistlehere	204#windowclose
205#womansneeze	206#yawn

Letras invertidas

Yo, trago esse tutorial pra quem quer deixar o nome legal no xat, orkut ... enfim, espero que gostem.

ھ Ā ā Ă ă Ą ą Ǎ ǎ Ǻ ǻ Α Δ Λ ά α λ Ά а ۸ ہ ء آ أ ؤ إ à ل â م ن ه

Β β ъ ь в ฿ ط ظ Ъ Ь

¢ © Ć ć Ĉ ĉ Ċ ċ Č č ς ζ С с ๔ ๕ ๛ € ا ç

Ď ď Đ đ δ ₫

Ē ē Ĕ ĕ Ė ė Ę ę Ě ě Έ Ε Ξ Σ έ ε ξ Ё Є З е з э ё є ع غ ٤ Ẹ ẹ Ẻ ẻ Ẽ ẽ Ế ế Ề ề Ể ể Ễ ễ Ệ ệ ب ة ت è é ê

₣ ƒئ ؤ ف ق

Ĥ ĥ Ħ ħ Ή Η Ч н ч ђ ћ

، ¹ Ĩ ĩ Ī ī Ĭ ĭ Į į İ ı Ί ΐ Ι Ϊ ί ι ϊ ї أ آ أ۱ د ذ ر ز ل

Ķ ķ ĸ Κ κ Ќ К к ќ

£ ¦ Ĺ ĺ Ļ ļ Ľ ľ Ŀ ŀ Ł ł ℓ ๘ ๔ ๕

M ๓ ๗ м

Ń ń Ņ ņ Ň ň ŉ Ŋ ŋ Ν ή η π И ห Й и й п א

؛ ¤ Ō ō Ŏ ŏ Ő ő Ơ ơ Ǒ ǒ Ǿ ǿ Ό Θ Ф Φ φ ф θ o O σ ό ס ם ۵ ٥ ه ק

Ŕ ŕ Ŗ ŗ Ř ř Г Я г я ѓ ٢ ٣

§ Ś ś Ŝ ŝ Ş ş ѕ S ک گ ی ى ي

Ţ ţ Ť ť Ŧ ŧ т τ

ų µ Ũ ũ Ū ū Ŭ ŭ Ů ů Ű ű Ų ų Ư ư Ǔ ǔ Ǖ ǖ Ǘ ǘ Ǚ ǚ Ǜ ǜ μ Џ Ц ц џ ข ฃ ช ซ ฌ ญ น บ ป ม ย ษ ห Ụ ụ Ủ ủ Ứ ứ Ừ ừ Ử ử Ữ ữ Ự ự υ

ΰ ν υ ϋ ύ ט ۷ √

Ŵ ŵ ω ώ Ш Щ ш щ ש ۴

¥ γ Ŷ ŷ Ύ Ψ Ϋ ψ Ў Ч ч ў ע ץ צ Ỳ ỳ Ỵ ỵ Ỷ ỷ Ỹ ỹ

Ź ź Ż ż

ผ ฝ พ ฟ ฬ Ẁ ẁ Ẃ ẃ Ẅ ẅ

χ Ж ж ๏ ๐ ๑ Ọ ọ Ỏ ỏ Ố ố Ồ ồ Ổ ổ Ỗ ỗ Ộ ộ Ớ ớ Ờ ờ Ở ở Ỡ ỡ Ợ ợ

P p ρ เ Ỉ ỉ Ị ị

Ĵ ĵ Ј ј ก ถ ภ ฤ ล ส อ ฮ Ạ ạ Ả ả Ấ ấ Ầ ầ Ẩ ẩ Ẫ ẫ Ậ ậ Ắ ắ Ằ ằ Ẳ ẳ Ẵ ẵ Ặ ặ

Ĝ ĝ Ğ ğ Ġ ġ Ģ ģ

Xat na lateral a esquerda

Yo galera, troxe pra vocês outro codigo para colocar o xat na lateral. Agora é no lado esquerdo.

Primeiro passo , vamos adicionar o código css no template , procure pela linha:

]]></b:skin> 

Logo acima dessa linha adicione o código mas lembrando de colocar a imagem da seta.

/* Chat

----------------------------------------------- */

#gb {

position:fixed;

top:150px;

z-index:+1000;

left:-610px;

}

* html #gb

{

position:relative;

}

.gbtab {

height:195px;

width:111px;

float:right;

cursor:pointer;

background:url('IMAGEM DO BOTÃO PARA ABRIR O CHAT') no-repeat;

margin-top:20px;

}

.gbcontent {

float:left;

border:2px

solid #B22222;

background:#000;

opacity:0.80;

-moz-opacity: 0.80;

filter: alpha(opacity=80);

-webkit-border-radius:

20px;

border-radius: 20px;

-khtml-border-radius: 20px;

padding:8px;

}

Agora procure por:

</body>

Depois de encontrar copia o código abaixo e cole logo acima.

</span>

</div>

Espero que tenham gostado. ^^

Como alterar a cor dos botões do xat

Estavam me perguntando como mudar a cor dos botões do xat, resolvi fazer o tutorial.

Primeiro você vai em seu e xat e clique em "Edit Your Chat" igual na imagem abaixo

Logo depois disso irá abrir uma pequena janela em seu xat, agora você clica em "Extras Features" igual a imagem abaixo

Automaticamente irá abrir uma nova guia (aba) no seu navegador mostrando as configurações do seu xat. você desce a página e procura por "Button color", você não irá lá e escrever azul ou blue você tem que colocar o código de cada cor, achei esse gerador de códigos das cores para facilitar.

OBS: Se o código for 00FF00 você deve colocar lá no xat #00FF00

Fundos para Xat

Yoo pessoal, fiz umas imagens para fundo de xat ! Espero que gostem !

[Cliquem na imagem para ampliar]

[PSD]

Codigos de emoticons

Yo, achei essa tabela de códigos para animar as conversas no xat. Aproveitem.^^

Xat na lateral do blog/site

Yo, fizeram um pedido de como colocar o xat na lateral do blog, é bem simples vamos lá.

Salve uma copia do seu template por segurança. ^^

Primeiro passo , vamos adicionar o código css no template , procure pela linha:

]]></b:skin> 

Logo acima dessa linha adicione o código mas lembrando de trocar a imagem da seta e o fundo do xat.

/* Chat

----------------------------------------------- */

#gb{

position:fixed;

top:340px;

z-index:+1000;

right:-610px;

}

* html #gb{position:relative;}

.gbtab{

height:164px;

width:51px;

float:left;

cursor:pointer;

background:url('IMAGEM DO BOTÃO PARA ABRIR O CHAT') no-repeat;

}

.gbcontent{

float:left;

border:1px solid #000;

background: url(IMAGEM DE BACKGROUND PARA O CHAT)repeat;

padding:10px;

}

Agora procure por:

</body>

Depois de encontrar copia o código abaixo e cole logo acima.

function showHideGB(){

var gb = document.getElementById("gb");

var w = gb.offsetWidth;

gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);

gb.opened = !gb.opened;

}

function moveGB(x0, xf){

var gb = document.getElementById("gb");

var dx = Math.abs(x0-xf) > 10 ? 5 : 1;

var dir = xf>x0 ? 1 : -1;

var x = x0 + dx * dir;

gb.style.right = x.toString() + "px";

if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}

}

</script>

COLE AQUI O CÓDIGO DO SEU CHAT

</div>

Espero que tenham gostado. ^^

Menu

UP DESIGNER

Marcadores

Status

Som no xat

Letras invertidas

Xat na lateral a esquerda

Como alterar a cor dos botões do xat

Fundos para Xat

Codigos de emoticons

Xat na lateral do blog/site