plz i need black template

plz i need a dark template for me site http://www.toonmoto.com

do it yourself?!

i dont know html or css or php i dont know nothign :( plz any can give me dark tempalte plzzzz

well you have 2 options, learn html/css or pay someone to do the work for you.

oh :( plz no one can give me dark ttemplate ??:(

ok
plz giveme the file i need touch to change
the color of Background
and
the color of bar of home-upload-whach-videos-...

Ok here is how you change template:

Goto css folder open up the file called style.css and change the values to colours you want.

Regards,
Mat.

Code:

---

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #CCCCCC;
color: #222222;
margin: 0px;
padding: 0px;
}

a { color:#000033; text-decoration: none; font-weight: bold; }
a:link { color:#000033; text-decoration: none; font-weight: bold; }
a:visited { text-decoration: none; color:#5C5C5C; }
a:hover { text-decoration: underline; color: #0066FF; }
a:active {  text-decoration: none; color: #000033; }

td {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

.small {
font-size: 10px;
}

.label {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #222222;
}

.title {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 700;
color: #003366;
}

.title_login {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 400;
color: #FFFFFF;
}

a.title:link {font-family: Arial, Helvetica, sans-serif; color: #CCFFFF; font-size: 12px; font-weight: bold;}
a.title:active {font-family: Arial, Helvetica, sans-serif; color: #CCFFFF; font-size: 12px; font-weight: bold;}
a.title:visited {font-family: Arial, Helvetica, sans-serif; color: #CCFFFF; font-size: 12px; font-weight: bold;}
a.title:hover {font-family: Arial, Helvetica, sans-serif; color: #CCFFFF; font-size: 12px; font-weight: bolder;}

.table_top {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 700;
color:#333333;
}

.bold {
font-weight: bold;
}

.highlight {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 700;
color: #333333;
}

.nav {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 700;
}

.nav_sub {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: 400;
}

.footer {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #111111;
}

.success {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 700;
color: #333333;
}

.error {
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
color: #FF0000;
}

.confirmation {
font-size: 14px;
font-weight: bold;
color: #000000;
border: 3px solid #666666;
padding: 5px;
text-align: center;
}

.bodystyle {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

/* Modules */

.moduleEntrySelected {
background-repeat: repeat-x;
background-color: #FFFFCC;
background-position: left top;
border-bottom: 1px dashed #999999;
padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:0px
}

.moduleEntry {
background-color: #e1e4f2;
background-position: left top;
background-repeat: repeat-x;
border-bottom: 1px dashed #999999;
padding: 10px
}

.moduleEntryThumb {
border: 5px solid #FFFFFF;
margin-right: 10px;
}

.moduleEntryTitle {
font-size: 14px;
font-weight: bold;
margin-bottom: 2px;
color: #333333;
}

.moduleEntryDescription {
font-size: 12px;
margin-bottom: 6px;
color: #333;
padding-right: 10px;

}

.moduleEntryTags {
font-size: 12px;
margin-bottom: 5px;
color: #444;
}

.moduleEntryDetails {
font-size: 11px;
margin-bottom: 5px;
color: #444;
}
.moduleEntrySpecifics {
font-size: 11px;
margin-bottom: 1px;
color: #444;
}

.moduleTitle {
font-size: 14px;
font-weight: bold;
background-color: #e1e4f2;
margin: 0px 0px 5px 5px;
color: #444;
}

.moduleTitleBar {
width: 100%;
background-color: #e1e4f2;
border-bottom: 1px dashed #999;
}

.moduleFeatured {
background-color: #e1e4f2;
background-position: left top;
background-repeat: repeat-x;
border-bottom: 1px dashed #999999;
padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:15px
}

.moduleFeaturedThumb {
border: 5px solid #FFFFFF;
margin: 5px;
}

.moduleFeaturedTitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
margin-bottom: 3px;
color: #0033CC;

}

.moduleFeaturedDetails {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #666666;
margin-bottom: 3px;
}

.moduleFrameBarTitle {
font-size: 12px;
font-weight: bold;
margin: 0px 5px 5px 5px;
color: #444;
}

.moduleFrameEntrySelected {
width: 270px;
background-color: #FFFFCC;
background-repeat: repeat-x;
background-position: left top;
border-bottom: 1px dashed #999999;
padding: 8px
}

.moduleFrameEntry {
width: 270px;
background-color: #efefef;
background-position: left top;
background-repeat: repeat-x;
border-bottom: 1px dashed #999999;
padding: 8px
}

.moduleFrameTitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
margin-bottom: 3px;
color: #0033CC;

}

.moduleFrameDetails {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
margin-bottom: 5px;
color: #666666;

}

.tableFavRemove {
margin-right: 5px;
margin-left: 10px;
margin-top: 8px;
margin-bottom: 5px;

}

.tableVideoStats {
width: 100%;
background-repeat: repeat-x;
background-color: #FFFFCC;
background-position: left top;
border: 1px dashed #CCCC66;
padding-top: 5px;
padding-bottom: 15px;
margin-top: 10px;
margin-bottom: 10px
}

.tableSubTitle {
padding: 0px 0px 5px 0px;

margin-bottom: 10px;
font-size: 14px;
font-weight: bold;
color: #CC6633;
}

.brownSubTitle {
font-size: 13px;
font-weight: bold;
color: #CC6633;
}

.SubTitle {
font-size: 14px;
font-weight: bold;
color: #CC6633;
}

.tableSubTitleInfo {
font-size: 12px;
padding: 3px;
padding-left: 10px;
}



/* Form Elements */

.formTitle {
padding: 4px;
padding-left: 7px;
padding-bottom: 5px;
margin-bottom: 10px;
background-color: #E5ECF9;
border-bottom: 1px dashed #3366CC;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}

.formTable {
width: 80%;
padding: 5px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
}

.formIntro {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: normal;
margin-bottom: 15px;
padding-left: 10px;
}

.formHighlight {
background-repeat: repeat-x;
background-color: #FFFFCC;
background-position: left top;
border: 1px dashed #CCCC66;
padding-bottom: 10px;
margin-bottom: 5px; padding-left:7px; padding-right:7px; padding-top:7px
}

.formHighlightText {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #666633;
margin-top: 5px;
margin-left: 6px;
}

.formFieldInfo {
font-size: 11px;
color: #555555;
margin-top: 5px;
margin-bottom: 5px;
}



/* Page Elements */

.pageTitle {
padding: 4px;
padding-left: 7px;
padding-bottom: 5px;
margin-bottom: 15px;
background-color: #E5ECF9;
border-bottom: 1px dashed #3366CC;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}

.pageTable {
padding: 0px 5px 0px 5px;
margin-bottom: 20px;
}

.pageText {
padding: 0px 5px 0px 5px;
}

.pageIntro {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
margin-bottom: 15px;
}

/* Mail Elements */

.mailMessageArea {
background-color: #FFFFFF;
border: 1px dashed #999999;
padding: 7px;
padding-bottom: 10px;
margin-bottom: 15px;
}



/* Watch Elements */


.watchTitleBar {
background-color: #e1e4f2;
border-bottom: 1px dashed #999999;
}

.watchTitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
margin-left: 5px;
margin-bottom: 6px;
color: #333333;

}

.watchTable {
background-color: #DDDDDD;
background-repeat: repeat-x;
background-position: left top;
border-bottom: 1px dashed #999999;
padding-bottom: 10px;
text-align: center; padding-left:5px; padding-right:5px; padding-top:5px
}


.watchInfoArea {
width: 395px;
text-align: left;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
background-color:#FFFFFF;
}

.watchDescription {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 10px 0px 5px 0px;
color: #000;
border-top: 1px dotted #CCCCCC;
}

.watchTags {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 5px 0px 10px 0px;
color: #333333;
}

.watchAdded {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
margin-bottom: 10px;
color: #333333;
}

.watchDetails {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #333333;
}

.commentsTitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #333333;
background-color: #EEEEEE;
padding: 5px;
padding-bottom: 6px;
border-top: 1px dashed #999999;
border-bottom: 1px dashed #999999;

}

.groupCommentsTitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #333333;
background-color: #EEEEEE;
padding: 5px;
padding-bottom: 6px;
}


.BoxedBorderTable {
padding-left: 10px;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
}
.vertLeftDashTable {
border-left: 1px dashed #CCCCCC;
background-repeat: repeat-x;
background-repeat: repeat-y
}
.commentsEntry {
font-size: 11px;
background-color: #FFFFCC;
padding: 10px;
border-bottom: 1px dashed #999999;
}

.commentsThumb {
border: 5px solid #FFFFFF;
margin-right: 5px;
}


/* Code Elements */

.codeArea {
background-color: #FFFFFF;
border: 1px dashed #999999;
padding: 7px;
margin-bottom: 15px;
}

.apiLabel {
background-color: #E5ECF9;
margin-top: 20px;
margin-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
}

.standoutLabel {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
}
.brightLabel {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}

#set_of_links {
position:relative;
padding:0px;
border:none;
background:#ffffff;
margin-bottom:20px
}
#set_of_links a {
display:inline;
padding:2px 9px 2px 9px;
text-decoration:none;
color: #000000;
background:#FFFFAA
}
#set_of_links a:hover {
background:#E1EAF0;
text-decoration:none
}

#set_of_links a span {
display:none
}
#set_of_links a:hover span {
display:inline;
position:absolute;
padding-top:30px;
left:0px;
background: #FFFFAA;
padding:5px 15px 5px 0
}

.SubscriptionTables {
border: none;
}

.SubscriptionTables td {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 1px;
padding-right: 1px;
text-align:center;
border-bottom: 1px dashed #666666;
color: #666666;
}

.SubscriptionVideos {
background-color:#FFFFFF;
text-align: center;
}

.SubscriptionVideos td {
border-bottom: none;
}

.parentSection {
background: #FFFFCC;
}

.parentSection td {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding-top: 5px;
padding-right: 2px;
padding-bottom: 5px;
margin-top: 1px;
}

.childrenSection {
background: #FFFFFF;
border-bottom: 1px dashed #CCCCCC;
}

.childrenSection td {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding-top: 5px;
padding-right: 2px;
padding-bottom: 5px;
margin-top: 1px;
}

.parentSection td {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
padding-top: 5px;
padding-right: 2px;
padding-bottom: 5px;
margin-top: 1px;
border-bottom: 1px dashed #CCCCCC;
}
.commentButtons td {
padding-bottom: 0px;
margin-bottom: 0px;
border-bottom: 0px
}

.commentsSpecifics {
text-align: center;
}

.userStats {
padding-top: 5px;
}

.devIndent {
margin-left: 15px;
margin-right: 15px;
padding-top: 15px;
padding-bottom: 15px;
}

.apiShadedBox {
background-color: #E5ECF9;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
}

.apiDef {
margin-left: 25px;
}

.apiHeader {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #AA0000;
}


/* msolo remix */
.roundedTable {
margin: 0px auto 1em auto;
}

.sunkenTitle {
font-size: 14px;
font-weight: bold;
margin: 0px 0px 5px 5px;
}

.sunkenTitleBar {
width: 100%;
background-color: #CCCCFF;
border-bottom: 1px dashed #999;
}

.sunkenContent {
background-color: #ddd;
background-position: left top;
background-repeat: repeat-x;
padding: 10px
}


.videobarthumbnail_block
{
float: left;
width: 125px;
padding: 5px;
}
img.videobarthumbnail_gray
{
border: 3px solid #FFFFFF;
}
img.videobarthumbnail_white
{
border: 3px solid #DDD;
}

.videotitlebarHeading
{
float: left;
font-size: 13px;
color: #6D6D6D;
padding-left: 10px;
padding-right: 10px;
}
.videotitlebarComment
{
float: left;
font-size: 10px;
color: #999999;
}
.videotitleBarLinkBlock {
width: 173px;
float: right;
}
.videotitlebarLink
{
width: 150px;
}
img.videotitlebarLinkIcon
{
vertical-align: bottom;
border: 0px;
width: 23px;
height: 14px;
}



hr {
/* the border */
border-left:0px none; border-right:0px none; border-bottom:0px none; border-top:1px dashed #999; height: 1px
}

img.rating {
border: 0px;
padding: 0px;
margin: 0px;
vertical-align: middle;
}

span.rating {
color:#666666;
font-size:smaller;
}

.tag_list {
margin: 1em 0px 0.5em 0px;
font-weight: bold;
color: #333;
}

.tag_list p {
margin: 0px 0px 0.5em 0px;
padding-left: 0.5em;
font-weight: normal;
color: #999;
}

.moduleEntry input {
margin: 1em 0px 0px 0px;
}

.deep_gray_ragular {
color: #FFFFFF;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.blue_regular {
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #0F6EC0;
}
.white_bold {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: #FFFFFF;
margin-left: 0.5em;
}
.white_bold:hover{color:#FFFFFF;text-decoration:underline;}

.bold_blue {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #0F6EC0; font-weight: bold; }
.normal_gray {
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #575757;
}
.normal_blue {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #006cd1;
}
.white_regular {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
}
.white_regular:hover {color:#FFFFFF; text-decoration:underline;}

.bold_blue_large, .bold_blue_large:visited        {font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #2f3c70;
}
.bold_blue_large:hover {color:#fb8200;
text-decoration:none;
}






.navigation_bold {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
font-weight: bold;
}


.bold_gray {font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #676767; font-weight: bold; }


.tablerow1{
background: #eeeeee;
}

.search_box{
font-size: 14px;
font-weight:bold;
background: #e1e4f2;
background-position: left top;
COLOR: black;
WIDTH: 330px;
}

.search_select {
 background-color: #e1e4f2;
background-position: left top;
border-bottom: 1px dashed #999999;
}


.input_btn{
                font-size: 12px;
                background:#FFFFFF;
                COLOR: #0066FF;
              padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px
}

.hovermenu{
        text-align:left;
}
.hovermenu ul{
        clear:both;
        padding: 0px 0px 0px 0px;
        margin-left: 10px;
    width:959px;
}

.hovermenu ul li{
        list-style: none;
        display: inline;
}

.hovermenu ul li a{
        padding: 2px 1px 2px 0px;
        text-decoration: none;
        float: left;
        color: white;
}

.hovermenu ul li a:hover{
        /*background-color: #333333;
        border-style: outset;*/
}

#dropdownul {
        display:none;
        width:125px;
        position: absolute;
        z-index: 100;
        padding-top:0px;
}

.hovermenu ul li ul li a {
        background-color:#444444;
        border: 2px solid #444444;
        width:100%;
        color:#9D9D9D;
        padding-left:10px;
}


.submenuli a:hover{
        text-decoration: none;
        color: #FFFFFF;
}

.visible{ /* lists nested under hovered list items */
        display: inline;
}


.syndicateMenu{
float:right;
margin-right:29px;
padding: 4px 0px 0px 0px;
background:transparent;
}


a.menu, a.menu:link, a.menu:link:visited {
font-family: Verdana, Arial;
font-size: 14px;
color: #FFFFFF;
font-weight: bold;
}

a.menu:hover { color: #FFFF00; }

a.submenu, a.submenu:link, a.submenu:link:visited, .submenu {
font-family: verdana, arial;
font-size: 11px;
color: #2b376b;
}

a.submenu:hover { color: #0066ff;}





.copy, a.copy, a.copy:link, a.copy:visited {
color: #000000;
font-size: 10px;
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
margin-top:0.6em;
}


.bg2        { background-color: #e1e4f2; }


.page_links        { PADDING-RIGHT: 20px; FONT-WEIGHT: bold; FONT-SIZE: 13px; PADDING-BOTTOM: 5px; COLOR: #444; PADDING-TOP: 5px; TEXT-ALIGN: right; }
.pagination        { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #AAAADD; text-decoration: none;  color: #000099; }
.pagination_next, .pagination_prev { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #AAAADD; text-decoration: none;  background-color: #FFFFCC; }
.pagination_active { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #AAAADD; text-decoration: none;  background-color: #CCFFCC; }


a.tags:link, a.tags:active, a.tags:visited {color: #3F4C6B; font-size: 12px; font-weight: bold;}
a.tags:hover {color: #E67300; font-size: 14pt; font-weight: bolder;}

.box { border:1px solid #cfd7e7; background-color: #FFFFFF; width:400; }

---

where change backgroundcolor
where change the color of menu bar (home-videos-whach-channel-upload-...)

Background color is right at the top of the CSS:

Quote:

---

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #CCCCCC;
color: #222222;
margin: 0px;
padding: 0px;

---

As with the others you will have to search the file.

i changed the Background bat now i need change the color of the bar (upload-videos-whatch-...) any can give me the instruccion to change for color black??

Dude-

Please download this CSS editor. It is great. It will pull your css from your site allow you to make changes and see them first then copy and paste the code.

Please use this, and you will learn very quickly!

http://litmusapp.com/cssvista

jeje Thanxs :D

Hi, here is a black menu bar for you. Save it, upload it to templates/images

as "menu.gif"

http://emusicmajors.com/menu.gif

Let me know if this works for your menu.

Here is a file you should save and then upload to templates/images as "progress_bar_blue":

http://emusicmajors.com/progress_bar_blue.gif

I am tired, but I will look at this again tomorrow to make sure you don't need something else for the progress bar.