Você está na página 1de 18

.r {Central de Cdigos em Folhas de Estilo em Cascata (CSS) do MySpace} .

r { todos os cdigos devem ser colocados dentro do style}

.r {ocultar pagina} table {visibility:hidden} div {position:absolute; top:-200px;} .r {table = grande tabela, div = banner propaganda} Na prtica: ocultar profile

.r {remover pagina} table {display:none} div {position:absolute; top:-200px;} .r {table = grande tabela, div = banner propaganda} Na prtica: remover profile

.r {alterar cor de fundo da pagina} body {background-color: cc0033;} .r {cc0033 = codigo da cor da pagina. saiba qual o codigo html da sua cor preferia aqui} Na prtica: alterar cor de fundo da pagina

.r {alterar papel de parede da pagina} body {background-image: url("http://i53.photobucket.com/albums/g51/traxedes/fire-1.jpg"); background-repeat: repeat; background-position: center; background-attachment: fixed;} .r {url = link da figura repeat = repetir, no-repeat = no repetir, repeat-x = repetir na horizontal, repeat-y = repetir na vertical, center = centralizado, top = no topo, bottom = em baixo, left = esquerda, right = direita, fixed = imagem fixa na tela, : scroll = imagem "rola" com a tela}

Na prtica: alterar figura de fundo da pagina

.r {alterar cor da barra de rolagem da pagina} body {scrollbar-arrow-color: ff0000; scrollbar-track-color: 33ff33; scrollbar-face-color: ffff00;} .r {arrow = vermelho, track = verde, face = amarelo} Na prtica: alterar cor da barra de rolagem

.r {centralizar todos textos da pagina} td {text-align: center} .r {center = centralizado} Na prtica: centralizar todos textos da pagina

.r {inverter pagina} table {direction: rtl;} table table table {direction: ltr;} .r {rtl = direita para a esquerda, ltr= esquerda para a direita} Na prtica: inverter pagina

.r {ocultar tabelas} table, tr, td {background-color: transparent; border: none; borderwidth: 0;} .r {table = tabela} Na prtica: ocultar tabelas

.r {alterar cor de fundo das tabelas} table, tr, td {background-color:transparent; border:none; borderwidth:0;} table table table {background-color: ff0033;} .r {ff0033 = cor de fundo}

Na prtica: alterar cor de fundo das tabelas

.r {alterar borda das tabelas} table table, table table table table {border: 0px} table, tr, td {background-color:transparent; border:none; borderwidth:0;} table table table {border-style: dashed; border-width: 7px; border-color: ff0000;} .r {dashed = tracejada, solid = contnua, dotted = pontilhada, double = dupla, inset = baixo relevo, outset = alto relevo, 3px = tamanho da borda, ff0000 = cor da borda, no exemplo: vermelho} Na prtica: alterar borda das tabelas

.r {transparencia nas tabelas by cZarok} table, tr, td {filter: alpha(opacity=80);} .r {opacity = de 0 a 100, quanto menor mais transparente} Na prtica: transparencia nas tabelas

.r {remover banner de propaganda} div.profileWidth div div {display:none} Na prtica: remover banner de propaganda

.r {remover barra de navegao junto com banner} div.profileWidth div div {display:none} div.profileWidth {display:none} Na prtica: remover barra de navegao junto com banner

.r {alterar local da barra de navegao sem o banner} div.profileWidth div div {display:none}

div.profileWidth {position: absolute; visibility: visible; top: 290px; left: 102px;} .r {top = quanto maior o nmero mais pra baixo, left = quanto maior o nmero mais pra direita da tela} Na prtica: alterar local da barra de navegao sem o banner

.r {alterar cor de fundo da barra de navegao sem o banner} div.profileWidth div div {display:none} div.profileWidth div {background-color: ff0000;} .r {fundo vermelho} Na prtica: alterar cor de fundo da barra de navegao sem o banner

.r {alterar borda da barra de navegao sem o banner} div.profileWidth div div {display:none} div.profileWidth {border-width: 10px; border-style: solid; border-color: ff0033;} .r {10px = tamanho da borda, solid = contnua, dashed = tracejada, dotted = pontilhada, double = dupla, inset = baixo relevo, outset = alto relevo, ff0033 = cor da borda, no exemplo: vermelho} Na prtica: alterar borda da barra de navegao sem o banner

.r {ocultar - voc: em sua rede estendida} .extendedNetwork {visibility: hidden} Na prtica: ocultar - voc: em sua rede estendida

.r {remover - voc: em sua rede estendida} .extendedNetwork {display:none} Na prtica: remover - voc: em sua rede estendida

.r {alterar local - voc: em sua rede estendida} .extendedNetwork {position:absolute; visibility: visible; top: 315px; left: 400px;} .r {top = quanto maior o nmero mais pra baixo, left = quanto maior o nmero mais pra direita da tela} Na prtica: alterar local - voc: em sua rede estendida

.r {alterar o tamanho - voc: em sua rede estendida} .extendedNetwork {width: 200px; height: 50px;} .r {width = configurar a largura, height = configurar a altura} Na prtica: alterar o tamanho - voc: em sua rede estendida

.r {alterar cor de fundo de - voc: em sua rede estendida} .extendedNetwork {background-color: 33ccff;} .r {fundo azul} Na prtica: alterar cor de fundo de - voc: em sua rede estendida

.r {alterar papel de parede de - voc: em sua rede estendida} .extendedNetwork {background-image: url("http://i53.photobucket.com/albums/g51/traxedes/fire-1.jpg");} Na prtica: alterar papel de parede de - voc: em sua rede estendida

.r {alterar texto de - voc: em sua rede estendida} .blacktext12 {font-family: courier new; font-size: 25px;

color: 3300ff; font-weigth: bold; text-decoration: underline; text-transform: uppercase;} .r {courier new = tipo de fonte, 25px = tamanho de fonte, 3300ff = cor da fonte ex: azul, bold = negrito, underline = sublinhado, overline = sobrelinhado, blink = texto piscando, none = sem decorao, uppercase = texto em letras maisculas} Na prtica: alterar texto de - voc: em sua rede estendida

.r {alterar borda - voc: em sua rede estendida} .extendedNetwork {border-width: 10px; border-style: dashed; border-color: ff0033;} .r {10px = tamanho da borda, dashed = tracejada, solid = contnua, dotted = pontilhada, double = dupla, inset = baixo relevo, outset = alto relevo, ff0033 = cor da borda, no exemplo: vermelho} Na prtica: alterar borda - voc: em sua rede estendida

.r {ocultar entrada mais recente do blog} .latestBlogEntry {visibility: hidden} Na prtica: ocultar entrada mais recente do blog

.r {remover entrada mais recente do blog} .latestBlogEntry {display:none} Na prtica: remover entrada mais recente do blog

.r {alterar local de entrada mais recente do blog} .latestBlogEntry {position: absolute;

visibility: visible; top: 420px; left: 320px;} .r {top = quanto maior o nmero mais pra baixo, left = quanto maior o nmero mais pra direita da tela} Na prtica: alterar local de entrada mais recente do blog

.r {alterar cor de fundo de entrada mais recente do blog} .latestBlogEntry {background-color: 33ccff;} .latestBlogEntry td {background-color: transparent;} .r {fundo azul} Na prtica: alterar cor de fundo de entrada mais recente do blog

.r {alterar papel de parede de entrada mais recente do blog} .latestBlogEntry {background-image: url("http://i53.photobucket.com/albums/g51/traxedes/fire-1.jpg");} .latestBlogEntry td {background-color: transparent;} Na prtica: alterar papel de parede de - voc: em sua rede estendida

.r {alterar texto de entrada mais recente do blog} .latestBlogEntry .btext {font-family: courier new; font-size: 25px; color: 3300ff; font-weigth: bold; text-decoration: underline; text-transform: uppercase;} .latestBlogEntry a {font-family: courier new; font-size: 25px; color: 3300ff; font-weigth: bold; text-decoration: underline; text-transform: uppercase;} .r {courier new = tipo de fonte,

25px = tamanho de fonte, 3300ff = cor da fonte ex: azul, bold = negrito, underline = sublinhado, overline = sobrelinhado, blink = texto piscando, none = sem decorao, uppercase = texto em letras maisculas} Na prtica: alterar texto de entrada mais recente do blog

.r {alterar borda de entrada mais recente do blog} .latestBlogEntry {border-width: 10px; border-style: dashed; border-color: ff0033;} .r {10px = tamanho da borda, dashed = tracejada, solid = contnua, dotted = pontilhada, double = dupla, inset = baixo relevo, outset = alto relevo, ff0033 = cor da borda, no exemplo: vermelho} Na prtica: alterar borda de entrada mais recente do blog

.r {ocultar comentrios sobre mim: quem eu gostaria de encontrar .blurbs {visibility: hidden} Na prtica: ocultar comentrios sobre mim: quem eu gostaria de encontrar

.r {remover comentrios sobre mim: quem eu gostaria de encontrar .blurbs {display:none} Na prtica: remover comentrios sobre mim: quem eu gostaria de encontrar

.r {alterar local de comentrios sobre mim: quem eu gostaria de encontrar} .blurbs { position:absolute;

visibility: visible; top: 420px; left: 320px;} .r {top = quanto maior o nmero mais pra baixo, left = quanto maior o nmero mais pra direita da tela} Na prtica: alterar local de comentrios sobre mim: quem eu gostaria de encontrar

.r {alterar cor de fundo de comentrios sobre mim: quem eu gostaria de encontrar} .blurbs {background-color: 33ccff;} .blurbs table {background-color: transparent;} .blurbs td {background-color: transparent;} .r {fundo azul} Na prtica: alterar cor de fundo comentrios sobre mim: quem eu gostaria de encontrar

.r {alterar papel de parede de comentrios sobre mim: quem eu gostaria de encontrar} .blurbs {background-image: url("http://i53.photobucket.com/albums/g51/traxedes/fire-1.jpg");} .blurbs table {background-color: transparent;} .blurbs td {background-color: transparent;} Na prtica: alterar papel de parede de comentrios sobre mim: quem eu gostaria de encontrar

.r {alterar texto de comentrios sobre mim: quem eu gostaria de encontrar} .blurbs .orangetext15 { font-family: courier new; font-size: 25px; color: 3300ff; font-weigth: bold; text-decoration: underline; text-transform: uppercase;}

.r {courier new = tipo de fonte, 25px = tamanho de fonte, 3300ff = cor da fonte ex: azul, bold = negrito, underline = sublinhado, overline = sobrelinhado, blink = texto piscando, none = sem decorao, uppercase = texto em letras maisculas} Na prtica: link faltando alterar texto de comentrios sobre mim: quem eu gostaria de encontrar

.r {alterar borda de comentrios sobre mim: quem eu gostaria de encontrar} .blurbs {border-width: 10px; border-style: dotted; border-color: ff0033;} .r {10px = tamanho da borda, dotted = pontilhada, dashed = tracejada, solid = contnua, double = dupla, inset = baixo relevo, outset = alto relevo, ff0033 = cor da borda, no exemplo: vermelho} Na prtica: alterar borda de comentrios sobre mim: quem eu gostaria de encontrar

.r {ocultar espao do amigo} .friendSpace {visibility: hidden} Na prtica: ocultar espao do amigo

.r {remover espao do amigo} .friendSpace {display:none} Na prtica: remover espao do amigo

.r {alterar local do espao do amigo} .friendSpace {position:absolute; visibility: visible;

top: 420px; left: 320px;} .r {top = quanto maior o nmero mais pra baixo, left = quanto maior o nmero mais pra direita da tela} Na prtica: alterar local do espao do amigo

.r {alterar cor de fundo do espao do amigo} .friendSpace {background-color: 33ccff;} .friendSpace table {background-color: transparent;} .friendSpace td {background-color: transparent;} .r {fundo azul} Na prtica: alterar cor do espao do amigo

.r {alterar papel de parede do espao do amigo} .friendSpace {background-image: url("http://i53.photobucket.com/albums/g51/traxedes/fire-1.jpg");} .friendSpace table {background-color: transparent;} .friendSpace td {background-color: transparent;} Na prtica: alterar papel de parede do espao do amigo

.r {alterar borda do espao do amigo} .friendSpace {border-width: 10px; border-style: dashed; border-color: ff0033;} .r {10px = tamanho da borda, dashed = tracejada, solid = contnua, dotted = pontilhada, double = dupla, inset = baixo relevo, outset = alto relevo, ff0033 = cor da borda, no exemplo: vermelho} Na prtica: alterar borda do espao do amigo

.r {ocultar comentrios de amigo} .friendsComments {visibility: hidden}

Na prtica: ocultar comentrios de amigo

.r {remover comentrios de amigo} .friendsComments {display:none} Na prtica: remover comentrios de amigo

.r {alterar local de comentrios de amigo} .friendsComments { position:absolute; visibility: visible; top: 420px; left: 320px;} .r {top = quanto maior o nmero mais pra baixo, left = quanto maior o nmero mais pra direita da tela} Na prtica: alterar local de comentrios de amigo

.r {alterar borda do comentrios de amigo} .friendsComments {border-width: 5px; border-style: dashed; border-color: 33ff33;} .r {5px = tamanho da borda, dashed = tracejada, solid = contnua, dotted = pontilhada, double = dupla, inset = baixo relevo, outset = alto relevo, ff0033 = cor da borda, no exemplo: verde} Na prtica: alterar borda do comentrios de amigo

.r {ocultar sua foto e informaes pessoais} .profileInfo {visibility:hidden} Na prtica: ocultar sua foto e informaes pessoais

.r {remover sua foto e informaes pessoais} .profileInfo {display:none}

Na prtica: remover sua foto e informaes pessoais

.r {alterar local de sua foto e informaes pessoais} .profileInfo {position: absolute; visibility: visible; top: 315px; left: 400px;} .r {top = quanto maior o nmero mais pra baixo, left = quanto maior o nmero mais pra direita da tela} Na prtica: alterar local de sua foto e informaes pessoais

.r {alterar cor de fundo de sua foto e informaes pessoais} .profileInfo {background-color: 33ccff;} .profileInfo td {background-color: transparent;} .r {fundo azul} Na prtica: alterar cor de fundo de sua foto e informaes pessoais

.r {alterar papel de parede de sua foto e informaes pessoais} .profileInfo {background-image: url("http://i53.photobucket.com/albums/g51/traxedes/fire-1.jpg");} .profileInfo td {background-color: transparent;} Na prtica: alterar papel de parede de sua foto e informaes pessoais

.r {alterar texto de sua foto e informaes pessoais} .nametext {font-family: courier new; font-size: 15px; color: 3300ff; font-weigth: bold; text-decoration: underline; text-transform: uppercase;} .profileInfo td {font-family: courier new;

font-size: 15px; color: 3300ff; font-weigth: bold; text-decoration: underline; text-transform: uppercase;} .profileInfo a {font-family: courier new; font-size: 15px; color: 3300ff; font-weigth: bold; text-decoration: underline; text-transform: uppercase;} .r {courier new = tipo de fonte, 15px = tamanho de fonte, 3300ff = cor da fonte ex: azul, bold = negrito, underline = sublinhado, overline = sobrelinhado, blink = texto piscando, none = sem decorao, uppercase = texto em letras maisculas} Na prtica: alterar texto de sua foto e informaes pessoais

.r {alterar borda de sua foto e informaes pessoais} .profileInfo {border-width: 10px; border-style: dashed; border-color: ff0033;} .r {10px = tamanho da borda, dashed = tracejada, solid = contnua, dotted = pontilhada, double = dupla, inset = baixo relevo, outset = alto relevo, ff0033 = cor da borda, no exemplo: vermelho} Na prtica: alterar borda de sua foto e informaes pessoais

.r {ocultar tabela contatando} .contactTable {visibility: hidden} Na prtica: ocultar tabela contatando

.r {remover tabela contatando}

.contactTable {display:none} Na prtica: remover tabela contatando

.r {alterar local da tabela contatando} .contactTable {position:absolute; visibility: visible; top: 420px; left: 320px;} .r {top = quanto maior o nmero mais pra baixo, left = quanto maior o nmero mais pra direita da tela} Na prtica: alterar local da tabela contatando

.r {alterar cor de fundo da tabela contatando} .contactTable {background-color: 33ccff;} .contactTable td {background-color: transparent;} .r {fundo azul} Na prtica: alterar cor da tabela contatando

.r {alterar papel de parede da tabela contatando} .contactTable {background-image: url("http://i53.photobucket.com/albums/g51/traxedes/fire-1.jpg");} .contactTable td {background-color: transparent;} Na prtica: alterar papel da parede da tabela contatando

.r {alterar texto da tabela contatando} .contactTable .whitetext12 {font-family: courier new; font-size: 25px; color: ffff00; font-weigth: bold; text-decoration: underline; text-transform: uppercase;} .r {courier new = tipo de fonte, 25px = tamanho de fonte,

3300ff = cor da fonte ex: azul, bold = negrito, underline = sublinhado, overline = sobrelinhado, blink = texto piscando, none = sem decorao, uppercase = texto em letras maisculas} Na prtica: alterar texto da tabela contatando

.r {alterar borda da tabela contatando} .contactTable {border-width: 10px; border-style: solid; border-color: ff0033;} .r {10px = tamanho da borda, outset = alto relevo, solid = contnua, dotted = pontilhada, dashed = tracejada, double = dupla, inset = baixo relevo, ff0033 = cor da borda, no exemplo: vermelho} Na prtica: alterar borda da tabela contatando

.r {ocultar url do myspace} .userProfileURL {visibility: hidden} Na prtica: ocultar url do myspace

.r {remover url do myspace} .userProfileURL {display:none} Na prtica: remover url do myspace

.r {alterar cor de fundo da url do myspace} .userProfileURL td {background-color: 33ccff;} .r {fundo azul} Na prtica: alterar cor da url do myspace

.r {alterar local do player mp3}

object {position: absolute; visibility: visible; top: 290px; left: 400px;} .r {top = quanto maior o nmero mais pra baixo, left = quanto maior o nmero mais pra direita da tela} Na prtica: alterar local do player mp3

.r {alterar borda do player mp3} object {border-width: 10px; border-style: solid; border-color: ff0033;} .r {10px = tamanho da borda, solid = contnua, dashed = tracejada, dotted = pontilhada, double = dupla, inset = baixo relevo, outset = alto relevo, ff0033 = cor da borda, no exemplo: vermelho} Na prtica: alterar borda do player mp3

.r {ocultar detalhes do usurio} .userProfiledetail {visibility:hidden} Na prtica: ocultar detalhes do usurio

.r {remover detalhes do usurio} .userProfiledetail {display:none} Na prtica: remover detalhes do usurio

.r {alterar local de detalhes do usurio} .userProfiledetail {position: absolute; visibility: visible; top: 290px; left: 102px;} .r {top = quanto maior o nmero mais pra baixo, left = quanto maior o nmero mais pra direita da tela}

Na prtica: alterar local da detalhes do usurio

Ler mais: http://www.myspace.com/manualcssbr#ixzz0t3diMUzx