BlankCode (css) For any one that wonts to start from scratch....

[Hippy]

Here is a Blank code For you that wont to try making There own THEME The way they Might see IT.... This is the same code I use to make my Themes. Now all you have to do is make it your own !!! This is How I learned... Dont be afread to mess up ,You can always start over... ....ENJOY....

EVERY where you see---> color: ##??????; <--- You pick the color you wont it to be....

EVERY where you see---> url(none) <---
You Pick the Picture URL you wont to have there...
But all these places donot need a pic,
That will depend on you,
and the kind of theme you are making.


EVERY where you see---> 0px; <---
You Pick the size you wont it to be.
Form 0 to whatever...


EVERY where you see---> align : ? ; <----
You Pick the spot (LIFT ,CENTER or RIGHT )

Look good Now dont miss anything...
***HAVE FUN NOW***
===========================================
BLANK CODE -by-Hippy


select.quickpost {display:none!important;} #xj_StatusAndShareLink{ display:none; }
/*--------------------- Start Code jra ----------------------*/
/* Hello Box: Adjusting height to see more of the background image) */ .account-links {
height:0px;
}
/* Hello Box Background */
#xg_module_account {
background:transparent url(none)
repeat scroll 0 0;
color: ##??????;
}
/* Comment Wall */
#xg_module_body,
#xg_module_head h2, .xg_module_comment_wall{
width : 0px;
height : 0px;
overflow : auto;
margin : 0px;
background-image:url(none);
background-attachment:fixed;
text-align : center;
font-size : 0px;
font-family : arial;
border:0px ridge #??????;
}
/* sitebar & Footer */
/* %sitebarInvert% */
#xn_bar,
#xg_foot {
background-color:/* %sitebarColor% */ transparent !important;
}
#xg {
background-color:transparent;
background-position: center 0px;
border:0px;
}
body {
background-color:/* %siteBgColor% */ #??????!important;
background-image:url(none);
background-position: center center;
background-attachment:fixed;
background-repeat:repeat;
border-width:0px;
border-style:transparent;
}
/*--------------
Header & Navigation (#xg_head and descendants)
----------------*/
#xg {
background-color:/* %headBgColor% */ transparent !important;
background-image:/* %headBgImage% */ url(none);
background-repeat:/* %headBgImage_repeat% */ no-repeat;
background-position: Middle/Center 0px;
}
#xg_masthead,
#xg_masthead a {
height: 0px;
min-height: 0px;
color:/* %pageHeaderTextColor% */ #?????? !important;
}
#xg_masthead p#xg_sitename position: Center Center {
padding:0px 0 0 0px;
font-size:4em;
font-family: "georgia", georgia;
line-height:1em;
font-style:italic;
font-weight:normal;
}
#xg_masthead p#xg_sitedesc {
padding:0px 0 0 0px;
color:/* %pageHeaderTextColor% */ #??????/transparent !important;
font-size:2em;
font-family: "georgia", georgia;
font-style:italic;
font-weight:bold;line-height:1em;
}
#xg_navigation {
margin-top:0em;
background:transparent url(none);height: 0px;
border-top:3px ridge #??????;
border-right:3px ridge #??????;
border-left:3px ridge #??????;
border-bottom:3px inset #??????;
}
#xg_navigation ul {
float:center;
}
#xg_navigation ul li {
font-family:"georgia",georgia;
font-size:0px;
text-align:left;
text-transform:normal;
margin: 0;
}
#xg_navigation ul li a {
font-family:"georgia",georgia;
font-weight:bold;
font-style:italic;
text-decoration:none;
padding:0 1em;
color:#??????;
background:transparent url(none);
}
#xg_navigation ul li a:hover {
font-family:"georgia",georgia;
font-weight:bold;
font-style:italic;
color: # ??????;
background:transparent url(none); no-repeat center 0px;
}
#xg_navigation ul li.this {
background:transparent url(none)no-repeat center 0px;
}
#xg_navigation ul li.this a {
font-family:"georgia",georgia;
font-weight:bold;
font-style:italic;
color:# ??????;
background:transparent url(none) no-repeat center 0px;
padding-bottom: 1em;
}
#xg_navigation ul li.this a:hover {
font-family:"georgia",georgia;
font-weight:bold;
font-style:italic;
color: #??????;
background-image:url(none)
}
/*--------------------------------------------------
Body (#xg_body and descendants)
--------------------------------------------------*/
.xg_module {
margin-bottom: 5em;
}
#xg #xg_body h1 {
color: #??????;
font-family: "georgia",georgia, georgia;
font-weight:bold;
font-style:italic;
font-size:2em;
background:transparent url(none) no-repeat;
background-position:center 0px;
}
#xg_body {
background-color:/* %pageBgColor% */ transparent !important;
background-image:url(none);
background-repeat: no repeat;
background-attachment:fixed!important;
background-position: center center;
border:0px;
}
.xg_lightfont {
color:#??????;
}
/* Links */
body a {
color:/* %siteLinkColor% */ #??????;
background:transparent url(none) no-repeat;
background-position:center 0px;
}
body a:hover {
color:/* %siteLinkColor% */ #??????;
background:transparent url(none) no-repeat;
background-position:center 0px;
}
/* Module Body: Background & Text */
.xg_module_body, .xg_module_body legend, .xg_module_body legend.toggle a, .xg_module_foot, ul.page_tabs li.this {
background-color:/* %moduleBodyBgColor% */ #transparent;
background-image:/* %moduleBgImage% */ url(none);
background-repeat:/* %moduleBgImage_repeat% */ repeat;
border:2px solid transparent;
}
/* %moduleBodyTextColor% */
.xg_module_body,
.xg_module_body legend,
.xg_module_body legend.toggle a,
.xg_module_foot,
ul.page_tabs li.this {
color:/* %moduleBodyTextColor% */
font-weight:bold;
font-style:italic;
font-size:1.3em;
font-family:"georgia",georgia, georgia;
}
.xg_module_head {
background-color:transparent;
background-image:url(none);
background-repeat:repeat;
margin-bottom:0em;
border:0px outset #transparent;
}
.xg_module_head h2 {
font-size:1.5em;
font-weight: bold;
margin-left:2pt;
color: #??????;
font-family:"georgia", georgia, "georgia";
font-weight:bold;
font-style:italic;
background:transparent url(none) no-repeat;
background-position:center 0px;
}
.xg_module_body,
.xg_module_foot {
border-top:0px ridge #??????;
border-right:0px ridge #??????;
border-left:0px ridge #??????;
border-bottom:0px inset #??????;
}
.xg_module_body h3,
.xg_module_body caption {
color:# #??????;
font-family:"georgia",georgia, georgia, "georgia";
background:transparent url(none) no-repeat;
background-position:center 0px;
}
#xg_body ul.navigation {
position: static;
font-family:"georgia", georgia;
font-weight:bold;
font-style:italic;
float: left;
clear: both;
border-bottom: 0px dotted #??????;
background:transparent url(none) no-repeat;
background-position:center 0px;
}
#xg_body ul.navigation a{
color: #??????;
background:transparent url(none) no-repeat;
background-position:center 0px;
}
#xg_body ul.navigation a:hover {
color: #??????;
background:transparent url(none) no-repeat;
background-position:center 0px;
}
ul.page_tabs li.this {
background:image-url(none) no-repeat;
background-position:center 0px;
}
.xg_ads, .xg_module_body iframe li {
margin:7px;
background : transparent url(none);
background-repeat:repeat;
background-position: top left;
width:0px;
height:0px;
overflow: auto;
position:relative;
color:# ??????;
margin-left:0px;
text-align:center;
font-size:0px;
font-family: Papyrus;
border:0px ridge # ??????;
filter:alpha(opacity=48);
}
.module_about_user{
height:0px;
background-image:url(none)
font-size:0px;
overflow:auto;
}
/* Friends Module */
#xg_module_members,
.body_small{
width:auto;
height:0px;
overflow:auto;
padding-left:0px;
}
.module_members .xg_module_body li {
display:block;
float:center;
display:inline;
height:0px;
width :0px;
position:relative;
padding: 0px 0px 0px 0px;
margin: 0px;
overflow: center;
background-image:url(none)
border:0px solid # ??????;
}
/* scroll box for the blog post */
#xg_module_blog, .body_detail{
height: 0px;
overflow : auto;
background-image:url(none)
position:relative;
margin : 0px;
text-align : ? ;
font-size : 0px;
font-family :arial;
}
.xg_module_activity .xg_module_body {
height: 0px;
background: url(none) center repeat no-repeat;
overflow : auto;
position:relative;
margin : 0px;
text-align : center;
font-size : 0px;
font-family :georgea;
}
#xg_profiles_chatterwall_post_comment{
color: # ??????;
background-color:# ?????? !important;
background-image:url(none);
background-position: bottom center;
background-attachment: relative;
height:0px;
}
.texteditor_toolbar {
background-color:# ?????? !important;
background-image:url(none)!important;
height:0px;
}
/*----------------------------------------------------------------------
Footer (#xg_foot and descendants)
----------------------------------------------------------------------*/
#xg_foot,
#xg_foot a {
color:# ??????;
}
#xg_foot {
border-left:0px solid # ??????;
border-right:0px solid # ??????;
width:0px;
background:transparent url(none) no-repeat;
background-position:center 0px;
}
html, body {
scrollbar-face-color:# ??????;
scrollbar-highlight-color:# ??????;
scrollbar-3dlight-color:# ??????;
scrollbar-shadow-color:# ??????;
scrollbar-darkshadow-color:# ??????;
scrollbar-arrow-color:# ??????;
scrollbar-track-color:# ??????;
}
/*---------------------
End Code jra
----------------------*/

Aqui está um código em branco Para você que não vai tentar fazer Há próprio tema A maneira como eles pudessem vê-la .... Este é o mesmo código que eu uso para fazer o meu Temas. Agora tudo que você tem a fazer é torná-lo seu! Isto é como eu aprendi ... Não ser afread para bagunçar, você sempre pode começar de novo ... .... APROVEITE ....



CADA onde você vê a cor --->: ##??????; <--- Você escolhe a cor que você vai que seja ....

CADA onde você pode ver ---> url (none) <---
Você escolhe a URL da imagem que você não vai ter lá ...
Mas todos esses lugares donot precisa de um pic,
Isso vai depender de você,
e do tipo de tema que você está fazendo.


CADA onde você pode ver ---> 0px; <---
Você escolhe o tamanho que você vai ser.
Formulário de 0 a qualquer ...


CADA onde você pode ver ---> align:? ; <----
Você escolhe o local (CENTER LIFT, ou DIREITA)

Boa aparência Agora não perca nada ...
*** *** HAVE FUN AGORA
===========================================
BLANK CODE-by-Hippy


select.quickpost {display: nenhum importantes;} # xj_StatusAndShareLink {display: none;}
/*--------------------- Início do Código JRA ----------------------*/
/ * Box Olá: Ajuste de altura para ver mais da imagem de fundo) * / conta-links {.
height: 0px;
}
/ * Background Box Olá * /
# {Xg_module_account
background: url transparente (nenhum)
repetir rolar 0 0;
color: ##??????;
}
/ * Comentário Wall * /
# Xg_module_body,
# Xg_module_head h2,. Xg_module_comment_wall {
width: 0px;
height: 0px;
overflow: auto;
margin: 0px;
background-image: url (none);
background-attachment: fixed;
text-align: center;
font-size: 0px;
font-family: arial;
margem: 0px cume #??????;
}
/ * SiteBar & * Rodapé /
/ *% SitebarInvert% * /
# Xn_bar,
# {Xg_foot
background-color: / *%% * sitebarColor / transparente importante;
}
# Xg {
background-color: transparent;
background-position: 0px centro;
margem: 0px;
}
body {
background-color: / *% siteBgColor% * / #??????! importante;
background-image: url (none);
background-position: center center;
background-attachment: fixed;
background-repeat: repeat;
border-width: 0px;
border-style: transparent;
}
/*--------------
Cabeçalho e Navegação (# xg_head e descendentes)
----------------*/
# Xg {
background-color: / *%% * headBgColor / transparente importante;
background-image: / *%% * headBgImage / url (none);
background-repeat: / *% headBgImage_repeat% * / no-repeat;
background-position: Médio / Centro 0px;
}
# Xg_masthead,
# Xg_masthead a {
height: 0px;
min-height: 0px;
color: / *%% pageHeaderTextColor * / #?????? ! Importante;
}
Posição p # # xg_masthead xg_sitename: Centro de Centro de {
padding: 0px 0 0 0px;
font-size: 4em;
font-family: "Geórgia", Geórgia;
line-height: 1em;
font-style: italic;
font-weight: normal;
}
# # Xg_sitedesc xg_masthead p {
padding: 0px 0 0 0px;
cor: / *%% * pageHeaderTextColor #??????/ / transparente importante;
font-size: 2em;
font-family: "Geórgia", Geórgia;
font-style: italic;
font-weight: bold; line-height: 1em;
}
# {Xg_navigation
margin-top: 0em;
background: url transparente (nenhum); height: 0px;
border-top: 3px ridge #??????;
border-right: 3px ridge #??????;
border-left: 3px ridge #??????;
border-bottom: 3px inset #??????;
}
Xg_navigation # ul {
float: center;
}
Xg_navigation # ul li {
font-family: "Geórgia", Geórgia;
font-size: 0px;
text-align: left;
text-transform: normal;
margin: 0;
}
Xg_navigation # ul li a {
font-family: "Geórgia", Geórgia;
font-weight: bold;
font-style: italic;
text-decoration: none;
padding: 0 1em;
cor :#??????;
background: url transparente (nenhum);
}
# Xg_navigation ul li a: hover {
font-family: "Geórgia", Geórgia;
font-weight: bold;
font-style: italic;
color: # ??????;
background: url transparente (nenhum); no-repeat center 0px;
}
# Xg_navigation ul {li.this
background: url transparente (nenhum) no-repeat center 0px;
}
# Li.this xg_navigation ul a {
font-family: "Geórgia", Geórgia;
font-weight: bold;
font-style: italic;
color: # ??????;
background: url transparente (nenhum) no-repeat center 0px;
padding-bottom: 1em;
}
# Xg_navigation ul li.this a: hover {
font-family: "Geórgia", Geórgia;
font-weight: bold;
font-style: italic;
color: #??????;
background-image: url (none)
}
/*------------------------------------------------ -
Corpo (# xg_body e descendentes)
-------------------------------------------------- * /
. Xg_module {
margin-bottom: 5em;
}
# # Xg xg_body h1 {
color: #??????;
font-family: "Geórgia", Georgia, Georgia;
font-weight: bold;
font-style: italic;
font-size: 2em;
background: url transparente (nenhum) no-repeat;
background-position: 0px centro;
}
# {Xg_body
background-color: / *%% * pageBgColor / transparente importante;
background-image: url (none);
background-repeat: no-repeat;
background-attachment: fixo importantes;
background-position: center center;
margem: 0px;
}
. Xg_lightfont {
cor :#??????;
}
/ * Links * /
corpo de uma {
color: / *%% siteLinkColor * / #??????;
background: url transparente (nenhum) no-repeat;
background-position: 0px centro;
}
corpo a: hover {
color: / *%% siteLinkColor * / #??????;
background: url transparente (nenhum) no-repeat;
background-position: 0px centro;
}
/ * Corpo Módulo: Fundo e Texto * /
. Xg_module_body,. Xg_module_body lenda,. Xg_module_body legend.toggle a,. Xg_module_foot, ul.page_tabs li.this {
background-color: / *% moduleBodyBgColor% * / # transparente;
background-image: / *%% * moduleBgImage / url (none);
background-repeat: / *% * repetir moduleBgImage_repeat% /;
border: 2px solid transparente;
}
/ *% ModuleBodyTextColor% * /
. Xg_module_body,
. Xg_module_body lenda,
. Xg_module_body legend.toggle a,
. Xg_module_foot,
ul.page_tabs li.this {
color: / *% moduleBodyTextColor% * /
font-weight: bold;
font-style: italic;
font-size: 1.3em;
font-family: "Geórgia", Georgia, Georgia;
}
. Xg_module_head {
background-color: transparent;
background-image: url (none);
background-repeat: repeat;
margin-bottom: 0em;
margem: 0px # início transparente;
}
. Xg_module_head h2 {
font-size: 1.5em;
font-weight: bold;
margin-left: 2pt;
color: #??????;
font-family: "Geórgia", georgia, "georgia";
font-weight: bold;
font-style: italic;
background: url transparente (nenhum) no-repeat;
background-position: 0px centro;
}
. Xg_module_body,
. Xg_module_foot {
border-top: 0px cume #??????;
border-right: 0px cume #??????;
border-left: 0px cume #??????;
border-bottom: 0px inset #??????;
}
. Xg_module_body h3,
. Xg_module_body caption {
color: # #??????;
font-family: "Geórgia", Georgia, Georgia, "georgia";
background: url transparente (nenhum) no-repeat;
background-position: 0px centro;
}
# Ul.navigation xg_body {
position: static;
font-family: "Geórgia", Geórgia;
font-weight: bold;
font-style: italic;
float: left;
clear: both;
border-bottom: 0px pontilhada #??????;
background: url transparente (nenhum) no-repeat;
background-position: 0px centro;
}
# Ul.navigation xg_body a {
color: #??????;
background: url transparente (nenhum) no-repeat;
background-position: 0px centro;
}
# Ul.navigation xg_body a: hover {
color: #??????;
background: url transparente (nenhum) no-repeat;
background-position: 0px centro;
}
ul.page_tabs li.this {
background: url-imagem (nenhum) no-repeat;
background-position: 0px centro;
}
. Xg_ads,. Xg_module_body iframe li {
margin: 7px;
background: url transparente (nenhum);
background-repeat: repeat;
background-position: left top;
width: 0px;
height: 0px;
overflow: auto;
position: relative;
color: # ??????;
margin-left: 0px;
text-align: center;
font-size: 0px;
font-family: Papyrus;
margem: 0px ridge # ??????;
filter: alpha (opacity = 48);
}
. Module_about_user {
height: 0px;
background-image: url (none)
font-size: 0px;
overflow: auto;
}
/ * Amigos Module * /
Xg_module_members #,
. Body_small {
width: auto;
height: 0px;
overflow: auto;
padding-left: 0px;
}
. Module_members. Xg_module_body li {
display: block;
float: center;
display: inline;
height: 0px;
width: 0px;
position: relative;
padding: 0px 0px 0px 0px;
margin: 0px;
overflow: center;
background-image: url (none)
margem: 0px solid # ??????;
}
/ * Caixa de rolagem para o post no blog * /
# Xg_module_blog,. Body_detail {
height: 0px;
overflow: auto;
background-image: url (none)
position: relative;
margin: 0px;
text-align:? ;
font-size: 0px;
font-family: arial;
}
. Xg_module_activity. Xg_module_body {
height: 0px;
background: url (none) repeat center no-repeat;
overflow: auto;
position: relative;
margin: 0px;
text-align: center;
font-size: 0px;
font-family: Georgea;
}
# {Xg_profiles_chatterwall_post_comment
color: # ??????;
background-color: # ?????? ! Importante;
background-image: url (none);
background-position: center bottom;
background-attachment: relative;
height: 0px;
}
. Texteditor_toolbar {
background-color: # ?????? ! Importante;
background-image: url (none) importante;
height: 0px;
}
/*------------------------------------------------ ----------------------
Rodapé (# xg_foot e descendentes)
-------------------------------------------------- --------------------*/
# Xg_foot,
# Xg_foot a {
color: # ??????;
}
# {Xg_foot
border-left: 0px solid # ??????;
border-right: 0px solid # ??????;
width: 0px;
background: url transparente (nenhum) no-repeat;
background-position: 0px centro;
}
html, body {
scrollbar-face-color: # ??????;
scrollbar-destacar-color: # ??????;
scrollbar-3dlight-color: # ??????;
scrollbar-shadow-color: # ??????;
scrollbar-darkshadow-color: # ??????;
scrollbar-arrow-color: # ??????;
scrollbar-track-color: # ??????;
}
/*---------------------
End Código JRA
----------------------*/

[Hippy]

This will show you where I change the pics I use from you all.


This is where you put the pic you wont in the right top where your inbox and name is.Make the pic close to the same size as your box is and allso pic the color for your text.


/* Hello Box Background */
#xg_module_account {
background:transparent url(none)
repeat scroll 0 0;
color: # ??????;
}


This one puts a pic in the comment wall behind your comments do here as you did with the code above.

/* Comment Wall */
#xg_module_body,
#xg_module_head h2, .xg_module_comment_wall{
width : 0px;
height : 0px;
overflow : auto;
margin : 0px;
background-image:url(none);
background-attachment:fixed;
text-align : center;
font-size : 0px;
font-family : arial;
border:0px ridge #??????;
}


This is where you put the main background pic,its good to use a pic that is 1200x800
you can resize your pics in photo bucket or were ever you edit youe pics at that will let you resize them.

body {
background-color:/* %siteBgColor% */ #??????!important;
background-image:url(none);
background-position: center center;
background-attachment:fixed;
background-repeat:repeat;
border-width:0px;
border-style:transparent;
}


this one will put a pic in your header,that is the pic that scrools up with the rest of the page.
and do the same here but this pic you make to fit how you wont it to show ,

#xg_masthead p#xg_sitedesc {
padding:0px 0 0 0px;
color:/* %pageHeaderTextColor% */ #??????/transparent !important;
font-size:2em;
font-family: "georgia", georgia;
font-style:italic;
font-weight:bold;line-height:1em;
}


This is for your nav-tab under your header ,this one you wont to be 947 wide unless you jst wont it to repeat its self all the way across it and can make it as tall as what ever pic you put in it.

#xg_navigation {
margin-top:0em;
background:transparent url(none);height: 0px;
border-top:3px ridge #??????;
border-right:3px ridge #??????;
border-left:3px ridge #??????;
border-bottom:3px inset #??????;
}


This one is your page background ,is the pic that does not show till you scrool and it shows between the background and text on your page.This can be any size you wont big,little or
inbetween...pending on what kind of pic you wont there ,but you do not have to have one here ....that will depend on you and the kind of theme you are making...

#xg_body {
background-color:/* %pageBgColor% */ transparent !important;
background-image:url(none);
background-repeat: no repeat;
background-attachment:fixed!important;
background-position: center center;
border:0px;
}


ok ther you go just for a start,To get a better idea on all of this blank code ,open a blank text file nd put the blnk code in it ,then open a page to your css advance to where you insrt you code to change your page ,then resize both windows sothat you can see them both on your screen then compare the two and you will see where you have to change any and every thing you wont to change to make your blank code to the kind of theme you wont to make for your page...
Some times its is better to learn by seeing what you need to see where just saying it in a text might still not explane what you realy would like to know...

Hope this helps ,for me it is just a hobby, I am no tec,I tought my self this by compareing codes and nt being afread to change them ,But always make sure you keep a copy of the origonal code so you can always have it to start over with in case for some reason the code to messed up and has to be rewrighten...

....Hippy....

 

 

Isto irá mostrar-lhe onde eu mudo as fotos que eu uso de todos vocês.

Este é o lugar onde você colocar o pic você não vai no canto superior direito, onde sua caixa de entrada e is.Make o nome do pic perto do mesmo tamanho de sua caixa de e allso pic é a cor de seu texto.

/ * Background Box Olá * /
# {Xg_module_account
background: url transparente (nenhum)
repetir rolar 0 0;
color: # ??????;
}

Este coloca uma foto na parede atrás de comentar os seus comentários fazem aqui como você fez com o código acima.

/ * Comentário Wall * /
# Xg_module_body,
# Xg_module_head h2,. Xg_module_comment_wall {
width: 0px;
height: 0px;
overflow: auto;
margin: 0px;
background-image: url (none);
background-attachment: fixed;
text-align: center;
font-size: 0px;
font-family: arial;
margem: 0px cume #??????;
}

Este é o lugar onde você colocar o pic de fundo principal, é bom usar um pic que é 1200x800
você pode redimensionar suas fotos no balde foto ou mesmo que você edite fotos youe em que vai deixar você redimensioná-las.

body {
background-color: / *% siteBgColor% * / #??????! importante;
background-image: url (none);
background-position: center center;
background-attachment: fixed;
background-repeat: repeat;
border-width: 0px;
border-style: transparent;
}

este vai colocar uma foto em seu cabeçalho, que é o pic que scrools com o resto da página.
e fazer o mesmo aqui, mas essa foto que você faz para se ajustar como você costuma se mostrar,

# # Xg_sitedesc xg_masthead p {
padding: 0px 0 0 0px;
cor: / *%% * pageHeaderTextColor #??????/ / transparente importante;
font-size: 2em;
font-family: "Geórgia", Geórgia;
font-style: italic;
font-weight: bold; line-height: 1em;
}

Esta é para o seu nav-tab sob seu cabeçalho, esta você não vai ser 947 de largura a menos que você não vai jst-lo para repetir a sua auto todo o caminho através dele e pode torná-lo tão alto quanto o que nunca pic você colocar nele.

# {Xg_navigation
margin-top: 0em;
background: url transparente (nenhum); height: 0px;
border-top: 3px ridge #??????;
border-right: 3px ridge #??????;
border-left: 3px ridge #??????;
border-bottom: 3px inset #??????;
}

Este é o fundo da página, é o pic que não mostra até que você scrool e mostra entre o fundo eo texto em seu page.This pode ser de qualquer tamanho que você não vai grande, pouco ou
inbetween ... pendentes sobre que tipo de pic você não vai lá, mas você não tem que ter um aqui .... que vai depender de você e do tipo de tema que você está fazendo ...

# {Xg_body
background-color: / *%% * pageBgColor / transparente importante;
background-image: url (none);
background-repeat: no-repeat;
background-attachment: fixo importantes;
background-position: center center;
margem: 0px;
}

ok lá você vai só para começar, Para ter uma idéia melhor sobre tudo isso de código em branco, abra um arquivo em branco nd texto coloque o código BLNK nela, em seguida, abra uma página para o seu avanço css para onde você INSRT o código para a mudança sua página, em seguida, redimensionar tanto sothat janelas você pode ver ambos na tela, em seguida, comparar os dois e você verá onde você tem que mudar toda e qualquer coisa que você não vai mudar para tornar seu código em branco para o tipo de tema que você costumava fazer para a sua página ...
Algumas vezes o seu é melhor para aprender vendo o que você precisa ver onde apenas dizendo que em um texto pode ainda não explane o que você realmente gostaria de saber ...

Espero que isso ajude, para mim é apenas um hobby, não sou tec, eu pensei isso minha auto compareing códigos e nt sendo afread para alterá-los, Mas sempre certifique-se de manter uma cópia do código origonal para que você possa ter sempre para começar com o caso por algum motivo, o código para desarrumada e tem de ser rewrighten ...

Hippy .... ....
</ Div>

[Hippy]

This is a link to the color chart I use ,
Its nings color chart so tat there is no conflick with nings reader...

https://www.1netcentral.com/color-chart.

Link above has every color code you need for your Themes.

and I make allmy themes by my allopt- settings becouse the colors I use on my page is what is easy for my old eyes to see the easyest...
lol but gain if some one does not like my text colors they can allways go t set up and change itto what pleases them...
....Hippy....

[Hippy]

Sorry but I do not have a test page for all to use ,

You will have to practice useing your own Profile page.

Have Fun,

Love and Peace,

....Hippy....

[lovebird]

Thanks alot for this kindness

[chipp]

Hey, I going to try this,  Wish me luck!  is there anywhere you can test the theme after you have completed it.
This is really helpful...Thank you.
chipp

[Hippy]

                              Good Luck ,Have Fun:

                                                                    : )

[chipp]

Please, it would help beginners like me if we knew just where to put the background for web page.  There is a lot of places it mention backgrounds.  I'm trying very hard to learn this, lets admit it is difficult.  Tell me where to

insert the main background.  Where to insert any image.  I have read this the code over and over and somewhere

alone the line I can't seem to get the main backgound where it suppose to be.  Help!!!!!!  chipp

[chipp]

I'm trying to learn how to make a theme. All of the backgrounds are confusing. How do I know where to
put my background. there are many places it stated backgrounds. If I just learn where to put the
entire background, and what to put in the other places that states background, maybe I could try
a little harder. Can you be more to point? I would love to learn this, I did make my own here, but
it was not easy.

Thank you so very much!
chipp

[Hippy]

This is where you put the main backgroundIt is best to use a picture 1200x800 ,This is concedered Full Screen,That is befor all these new wide screens came out...body { background-color:/* %siteBgColor% */ #??????!important;
background-image:url(none);
background-position: center center;
background-attachment:fixed;
background-repeat:repeat;
border-width:0px;
border-style:transparent;
}

[bonnie hardman]

Hippy I want To Thank you Very Much For doing this and explaining everything on the how to's Ive been looking for something like this for awhile now.
Thank you very Much.
Bonnie (Manhattangrl)

[Hippy]

Thank you for sharing here with us for all to enjoy...
HUGS ,
.... Hippy ....

[Rivqa Kohan]

Hi,
Thanks for sharing this. I think I will do better perhaps to play with the blank code you've shared. It's how I learned html so no time like the present to learn more of CSS.
Thanks so much.
Rivqa