Theme Change
2 posters
Page 1 of 1
Theme Change
All can you help me to change my theme? I have a code.
PREVIEW
Theme Appearance
Edit Theme Settings
Theme Appearance
Edit Theme Layout
And my problem is, i dont know how and where i can change my theme like this.. PLEASE HELP ME
PREVIEW
Theme Appearance
- Code:
#logo {
background:url(Image Link of your banner for example - http://209.85.62.24/0/77/0/p141437/logo.jpg) no-repeat top;
border:0px;
float:left;
border-bottom:0;
margin:0 0%;
height: 209px;
width: 771px;
}
Edit Theme Settings
- Code:
<div id="a_submenu"><div id="nav_text">
<a href="http://s1.zetaboards.com/AmberonUploads"><b>Index</b></a> <br>
<a href="http://s1.zetaboards.com/AmberonUploads/members/">Members</a> <br>
<a href="http://s1.zetaboards.com/AmberonUploads/search/">Search</a> <br>
<a href="http://s1.zetaboards.com/AmberonUploads/calendar/">Calendar</a> <br>
<a href="http://s1.zetaboards.com/AmberonUploads/faq/">Help Page</a> <br>
<a href="http://s1.zetaboards.com/AmberonUploads/site/">Portal</a> <br>
</div></div>
Theme Appearance
- Code:
html,body {
background:#0b0b0b;
color:#cccccc;
font-family:"Helvetica", "Arial", "Bitstream Vera Sans", "Verdana", sans-serif;
font-size:93.3%;
margin:0;
padding:0;
}
a {
color:#11cb1f;
text-decoration:none;
}
a:hover {
color:#11cb1f;
text-decoration:underline;
}
hr {
background-color:#121212;
border:0;
clear:both;
color:#000000;
height:1px;
}
table {
border-collapse:collapse;
border-spacing:0;
clear:both;
empty-cells:show;
width:100%;
}
th,td {
border:1px solid #191919;
}
th {
background:url(http://209.85.62.24/0/77/0/p144045/th.jpg) repeat-x top #121212;
color:#FFF;
font-weight:400;
padding:3px 5px;
height:25px;
text-align:left;
}
td {
background:#0b0b0b;
color:#cccccc;
padding:5px 10px;
}
th a,th a:hover {
color:#8D8D8D;
font-weight:700;
}
h1 {
font-size:200%;
}
h2,h3 {
font-size:100%;
text-align: center;
}
.category h2,.topic h2,#portal h2,#portal_foot h2,thead th {
background:url(http://209.85.62.24/0/77/0/p143432/h2.jpg) #26e22d top;
border: 1px solid #26e22d;
color:#fff;
text-align:center;
font-size:110%;
font-weight:700;
}
thead th {
border:none;
padding:5px;
text-align:center;
}
h2.special {
background:url(http://209.85.62.24/0/77/0/p143432/h2.jpg) repeat-x top #26e22d;
text-align: center;
border: 1px solid #26e22d;
}
input,select,textarea,button,a.btn_fake {
background:#121212;
border:1px solid #080808;
color:#cccccc;
padding:3px 5px;
vertical-align:middle;
}
textarea {
font-family:"Verdana", sans-serif;
background:#121212;
font-size:100%;
margin:auto;
width:98%;
}
input:focus,input.focus,textarea:focus,textarea.focus {
border-color:#080808;
}
.submit_error {
background:#121212;
border:1px solid #e77700;
}
button,a.btn_fake {
background:url(http://209.85.62.24/0/77/0/p145207/buttonbg.jpg) repeat-x top #3d3d3d;
color:#11cb1f;
cursor:default;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
overflow:visible;
width:auto;
}
button:hover,a.btn_fake:hover {
background:url(http://209.85.62.24/0/77/0/p145209/buttonhover.jpg) repeat-x top #2a2a2a;
border-color:#121212;
}
button.btn_text {
background:none;
border:0;
cursor:pointer;
font-family:Arial, "Bitstream Vera Sans", Verdana, sans-serif;
font-size:100%;
}
.notice {
background: #121212;
border:none;
color:#CCCCCC;
margin:10px auto 0;
width:70%;
}
.notice dt {
color:#8CB5E7;
font-weight:700;
}
.notice dd {
font-style:italic;
}
dl.info {
background:url(http://209.85.62.24/0/77/0/p144045/th.jpg);
border-color:#3a5197;
}
.info dt {
background:url(http://209.85.62.24/0/77/0/p143432/h2.jpg) repeat-x top #26e22d;
color:#fff;
}
dl.error {
background:#fafafa;
border-color:#BC3737;
}
.error dt {
background:#e7e7e7;
color:#BC3737;
}
#top ul,#nav,ul.cat-pages,ul.cat-topicpages,table.calendar ul,div.meta_menu ul,#pm_folderlist,#profile_menuwrap ul {
list-style:none;
padding:0;
}
#profile_menuwrap ul,ul.cat-topicpages,blockquote dl,#fast-reply dd {
margin:0;
}
#top li,#nav li,ul.cat-pages li,ul.cat-topicpages li,table.calendar li,#pm_folderlist li,#profile_menuwrap li,#ucp_gallery li {
display:inline;
}
#top_bar {
display:none;
}
#top {
background:url(http://209.85.62.24/0/77/0/p141435/top.gif) repeat-x top #FFFFFF;
border-bottom:0px;
height:30px;
padding:0 2% 4px;
margin-bottom:0px;
}
#top_info {
color:#fff;
float:left;
margin-top:7px;
}
#top_menu {
border:none;
float:right;
margin-top:0px;
}
#top img {
display:none;
}
.drop_menu li {
background:url(http://209.85.62.24/0/77/0/p144579/topcell2.png) no-repeat;
width: 132px;
float:left;
text-align: center;
}
.drop_menu a {
background: transparent;
display:block;
padding:4px;
position:relative;
width:132px;
}
.drop_menu a:hover {
background:url(http://209.85.62.24/0/77/0/p144594/drophover2.png) no-repeat;
}
.drop_menu ul {
background: url(http://209.85.62.24/0/77/0/p144575/dropdown.png) bottom center no-repeat;
border:none;
left:-999em;
margin: 0;
position:absolute;
width: 132px;
padding-bottom: 7px!important;
}
.drop_menu ul li {
background: transparent;
font-size:85%;
margin:0;
padding:0;
width:100%;
opacity:0.9;
}
.drop_menu ul li a {
border:0px;
background: transparent;
border-width:0 0px 0px;
display:block;
padding:4px 5%;
width:90%;
}
.drop_menu li ul li a:hover {
background:url(http://209.85.62.24/0/77/0/p144594/drophover2.png) no-repeat;
}
#logo {
background:url(http://209.85.62.24/0/77/0/p141437/logo.jpg) no-repeat top;
border:0px;
float:left;
border-bottom:0;
margin:0 0%;
height: 209px;
width: 771px;
}
#logo_bg {
background: url(http://209.85.62.24/0/77/0/p141436/logobg.jpg) repeat-x top;
border:0px;
border-bottom:0;
clear:both;
margin:0 0%;
height: 209px;
}
#a_submenu {
float:right;
background: url(http://209.85.62.24/0/77/0/p143539/navigation.png);
font-variant: small-caps;
font-size: small;
height: 210px;
width: 200px;
border:0px;
}
#a_submenu a {
color: #8D8D8D;
font-variant: small-caps;
font-size: 11px;
line-height:16px;
}
#a_submenu a:hover {
color: #8D8D8D;
text-decoration:none;
border-bottom: 2px solid #075a0b;
}
#nav_text {
padding: 50px;
}
#submenu_bar {
display:none;
}
#submenu {
display:none;
}
#wrap {
background:#0b0b0b;
border:0px;
margin:0 2% 30px;
}
#nav {
color:#cccccc;
height:1%;
padding:13px 1%;
}
.meta_box {
background:#121212;
color: #cccccc;
border:1px solid #191919;
font-size:85%;
line-height:150%;
padding:10px 25px;
}
.meta_menu {
background:#121212;
color: #cccccc;
border:1px solid #191919;
padding:0;
width:49%;
}
.meta_menu h3 {
background:url(http://209.85.62.24/0/77/0/p143432/h2.jpg) repeat-x top #26e22d;
border:1px solid #26e22d;
clear:both;
color:#FFF;
font-size:100%;
font-weight:700;
margin:-1px;
text-align:center;
}
.meta_menu a,.meta_menu a:hover {
color:#FFFFFF;
}
ul.cat-pages {
font-size:90%;
margin:15px 0;
padding: 5px 1px;
width:49%;
}
.cat-pages a,.cat-pagesjump i,.cat-topicpages a {
background:url(http://209.85.62.24/0/77/0/p145203/page1.jpg);
border:1px solid #181818;
color:#FFFFFF;
}
.cat-pages a:hover,.cat-topicpages a:hover {
background:url(http://209.85.62.24/0/77/0/p145204/pagehover.jpg);
color:#FFFFFF;
}
.cat-pages span {
border:1px solid #26e22d;
background:url(http://209.85.62.24/0/77/0/p145201/page.jpg) transparent;
color:#FFF;
cursor:default;
font-weight:700;
padding:2px 5px;
}
.cat-pages input {
background:#121212;
color:#cccccc;
padding:3px 5px;
vertical-align:baseline;
}
ul.cat-topicpages {
float:right;
font-size:80%;
padding:1px 0;
}
tr.generic td,div.generic {
font-size:120%;
font-weight:700;
padding:20px;
text-align:center;
}
td.c_head,td.c_foot,td.c_sort {
background:url(http://209.85.62.24/0/77/0/p144045/th.jpg) repeat-x top #121212;
color:#FFFFFF;
font-size:80%;
}
td.c_desc {
background:#121212;
font-weight:700;
text-align:right;
vertical-align:middle;
width:200px;
}
td.c_desc small {
display:block;
font-weight:400;
}
tr.pm_new td {
background:#121212;
font-weight:700;
}
tr.hidden td.c_post {
background:#060606;
}
.bday {
background:url(http://209.85.62.24/static/1/s_minibday.png) no-repeat;
color:#425384;
font-size:90%;
font-weight:700;
height:16px;
padding:2px 2px 2px 18px;
width:20px;
}
.c_mark {
background:url(http://209.85.62.24/0/77/0/p143855/bg.jpg) repeat-x;
background:#0f0f0f;
text-align:center;
vertical-align: center;
width:1%;
}
.c_forum {
color:#cccccc;
font-size:80%;
width:60%;
}
.c_forum strong a,.c_last strong a {
color:#11cb1f;
}
.c_forum strong a {
font-size:135%;
}
td.c_last {
background:#070707;
vertical-align: top;
font-size:85%;
}
.c_forum-desc {
color:#cccccc;
font-size:85%;
}
.c_last-title {
background:url(http://209.85.62.24/static/1/last.gif) no-repeat left;
display:block;
line-height:16px;
padding-left:10px;
}
td.c_info-v,td.c_info-t,td.c_info-r {
font-size:80%;
padding:5px;
text-align:center;
}
td.c_subforum {
background:#121212;
color:#cccccc;
font-size:80%;
font-style:italic;
}
.cat_head td {
border:0px;
padding:0;
}
#stats .cat_head td {
border:0px;
}
.description {
color:#666;
font-size:85%;
}
a.member:hover {
color:#FFF;
}
td#stats_events a,td#stats_events span {
background:url(http://209.85.62.24/static/1/s_minical.png) no-repeat 2px;
padding:4px 0 4px 20px;
}
td.c_username {
background:#121212;
padding:2px 0;
text-align:center;
}
td.c_username a {
font-size:140%;
font-weight:700;
}
td.c_user {
font-size:80%;
}
td.c_user dl {
background: #121212;
border:none;
margin:10px 0;
padding:5px 7px;
width:160px;
}
dl.user_profile {
overflow:hidden;
word-wrap:break-word;
}
dl.user_profile dd {
font-style:italic;
margin-left:8px;
}
dl.user_info dd {
font-weight:700;
margin-bottom:1px;
}
#profile_menu ul {
font-size:12px;
-moz-opacity:1;
border-top:0;
opacity:0.9;
}
#profile_menu a {
font-size:9px;
background:transparent;
border:none;
}
#profile_menu li li a {
border-top:0;
}
#profile_menu li ul li a:hover {
background:url(http://209.85.62.24/0/77/0/p144594/drophover2.png) no-repeat;
}
td.c_poll-choice label {
font-weight:700;
padding-left:1em;
}
td.c_poll-votes {
font-size:120%;
text-align:center;
width:15%;
}
td.c_poll-bar div {
background:url(http://209.85.62.24/0/77/0/p145507/rightpoll.jpg) no-repeat right;
float:left;
height:15px;
padding-right:3px;
}
td.c_poll-bar span {
background:url(http://209.85.62.24/0/77/0/p145508/leftpoll.jpg) no-repeat;
display:block;
float:left;
height:15px;
width:3px;
}
.editby,.queued {
border-left:3px solid #037907;
background:#121212;
color:#CCCCCC;
font-size:85%;
font-style:italic;
width: 50%;
margin-top:1em;
padding:3px 5px;
}
.queued {
background:#121212;
border-left:3px solid #037907;
}
blockquote {
background:#121212;
border:1px solid #181818;
margin:10px auto;
padding-bottom:1px;
width:98%;
}
blockquote dl {
background:url(http://209.85.62.24/0/77/0/p143432/h2.jpg) repeat-x top #26e22d;
border-bottom:1px solid #26e22d;
color:#FFFFFF;
}
blockquote dl dt {
color:#FFFFFF;
float:left;
font-weight:700;
}
code {
background:#121212;
display:block;
font-family:Monaco, Consolas, "Courier New", Courier, monospace;
white-space:normal;
}
div.spoiler {
background:#121212;
border:1px solid #181818;
border-top:0;
padding:5px 7px;
}
div.spoiler_toggle {
background:url(http://209.85.62.24/0/77/0/p143432/h2.jpg) repeat-x top #26e22d;
border:1px solid #26e22d;
color:#FFFFFF;
cursor:pointer;
font-weight:700;
padding:2px 4px;
}
td.c_postinfo {
background:#121212;
color:#CCCCCC;
font-size:80%;
vertical-align:middle;
}
td.c_sig {
color:#CCCCCC;
font-size:80%;
}
td.c_sig blockquote {
background:none transparent;
border:0px;
border-left:3px solid #037907;
padding-left:5px;
}
td.c_sig blockquote dl {
background:none transparent;
border:0;
color:#CCCCCC;
}
td.c_sig blockquote dl dt,td.c_sig blockquote dl dd {
color:#11cb1f;
padding:0;
}
td.c_sig blockquote div {
background:transparent;
margin-left:5px;
padding:0;
}
tr.c_postfoot td {
background:url(http://209.85.62.24/0/77/0/p144045/th.jpg) repeat-x #121212;
clear:both;
}
td.c_footicons,td.c_postinfo {
width:100%;
}
td.c_username {
width:175px;
}
.c_next a {
display:block;
font-size:125%;
font-weight:700;
text-align:center;
}
td.c_view {
background:#111111;
color:#cccccc;
}
div.c_view-list {
color:#999;
font-size:92.5%;
}
dl#fast-reply dt {
background:url(http://209.85.62.24/0/77/0/p143432/h2.jpg) repeat-x top #26e22d;
border:none;
color:#FFFFFF;
font-size:110%;
font-weight:700;
margin:0;
padding:5px;
}
dl#fast-reply dd {
background:#121212;
border:none;
padding:15px 0;
text-align:center;
}
#c_post-preview {
background:#080808;
border:1px solid #000000;
margin:0 auto 10px;
padding:5px;
text-align:left;
width:98%;
}
#c_post-resize span {
color:#cccccc;
cursor:pointer;
font-size:225%;
padding:20px 5px 0;
}
#emot_wrap {
background:#121212;
border:1px solid #050505;
}
#emot_wrap h3 {
background:url(http://209.85.62.24/0/77/0/p144045/th.jpg) repeat-x top #121212;
border-bottom:1px solid #0b0b0b;
color:#cccccc;
font-size:120%;
text-align:center;
}
#emot_end {
border-top:1px solid #0b0b0b;
display:block;
font-weight:700;
padding:4px 0;
text-align:center;
}
#pm_folders {
border-left:1px solid #191919;
border-right:1px solid #191919;
padding-top:30px;
vertical-align:top;
width:150px;
}
#pm_folderlist {
position: relative;
margin-left:0;
margin-top:0
}
#pm_folderlist li {
background:url(http://209.85.62.24/0/77/0/p145526/folder.gif) no-repeat 5px;
display:list-item;
margin-bottom:4px;
padding-left:28px;
}
#pm_forwarded {
border-left:3px solid #037907;
background:#121212;
color:#CCCCCC;
font-size:90%;
font-style:italic;
margin-top:1em;
padding:3px 5px;
}
#ucp_gallery a {
color:#CCCCCC;
font-weight:700;
}
#ucp_gallery a:hover {
color:#FFFFFF;
}
.calendar td.cal_inactive {
background:#121212;
color:#cccccc!important;
}
.calendar td div {
background:#121212;
border-bottom:none;
font-weight:700;
padding:5px 7px;
}
.calendar div a {
background:url(http://209.85.62.24/static/1/s_minibday.png) no-repeat 5px;
float:right;
font-size:80%;
font-weight:400;
padding:0 0 6px 24px;
}
.calendar li a,.calendar li span {
border-color:transparent;
border-style:solid;
border-width:1px;
display:block;
color:#cccccc;
padding:3px;
}
.calendar td#cal_current {
background:#121212;
border:2px solid #26e22d;
}
.calendar td.cal_custom {
background:#5048634;
color:#f6f6f6!important;
}
div.portal_content {
background:#121212;
border:1px solid #191919;
font-size:88.3%;
margin:0;
padding:5px 7px;
}
#portal h2 {
font-size:88.3%;
}
#portal h4 {
background:url(http://209.85.62.24/0/77/0/p144045/th.jpg) repeat-x top #121212;
border-left:1px solid #191919;
border-right:1px solid #191919;
color:#FFFFFF;
font-size:88.3%;
font-weight:400;
margin:0;
padding:5px 7px;
}
#faq dt a {
color:#CCCCCC;
background: #121212;
font-size:120%;
font-weight:700;
}
#faq dd.faq_more a,#faq dl.faq_more a:hover {
color:#FFFFFF;
font-style:italic;
}
.search_results {
background:#121212;
border:1px solid #181818;
margin-bottom:1em;
padding:5px 7px;
}
.search_results h3 {
display:inline;
font-size:80%;
}
.search_results cite,.search_results p {
color:#CCCCCC;
font-size:85%;
margin:0;
}
#findposts .c_mark {
color:#CCCCCC;
font-size:100%;
font-weight:700;
vertical-align:top;
}
#pmtoast {
background:#121212;
border:2px solid #191919;
bottom:10px;
color:#CCCCCC;
display:none;
font-size:90%;
position:fixed;
right:10px;
text-align:right;
text-decoration:none;
width:200px;
z-index:1;
}
#pmtoast:hover {
border:2px solid #191919;
}
#pmlink {
background: #121212;
color:#FFF;
display:block;
padding:10px 10px 10px 55px;
text-decoration:none;
}
#pmlink big {
background:url(http://209.85.62.24/0/77/0/p144045/th.jpg) repeat-x;
color:#FFF;
display:block;
font-weight:600;
padding: 2px 5px 4px 0px;
}
#pmlink strong {
color:#FFFFFF;
}
#pmclose {
background:url(http://209.85.62.24/0/77/0/p143432/h2.jpg) repeat-x;
border-top:1px solid #191919;
color:#FFFFFF;
display:block;
font-size:80%;
padding:1px 10px;
}
#pmclose:hover {
color:#FFFFFF;
}
#foot_wrap {
margin:0px 0px 0px 0px;
}
#foot td {
background:#0b0b0b;
border:0px;
color:#cccccc;
font-size:80%;
}
#foot a,#foot a:hover {
color:#FFFFFF;
}
#foot #foot_datetime {
border: 0px;
width:1%;
white-space:nowrap;
}
#copyright {
color:#FFF;
height:20px;
background:url(http://209.85.62.24/0/77/0/p145300/copyright.jpg) repeat-x;
font-size:80%;
margin:0px 0;
text-align:right;
padding: 0px 30px 0px 0px;
}
#copyright a {
color:#FFF;
font-weight:700;
}
#c_tos h3 {
color:#333;
font-size:120%;
}
td.username_ok {
background:#e0fae0;
}
input.username_ok {
outline:2px solid #0c0;
}
td.username_no {
background:#fae0e0;
}
input.username_no {
outline:2px solid #e77700;
}
#acplogin {
background:#121212;
border:2px solid #181818;
height:275px;
left:50%;
margin:-137.5px 0 0 -250px;
padding:0;
position:absolute;
top:50%;
width:500px;
}
#acplogin h1 {
color:#FFF;
font-weight:400;
height:50px;
margin-bottom:20px;
padding:50px 20px 0 0;
text-align:right;
}
#acplogin h1 img {
position:absolute;
left:0;
top:0;
}
a img {
border:0;
}
form {
display:inline;
margin:0;
padding:0;
}
.category h2,.topic h2,#portal h2 {
text-align: left;
padding:5px 5px 6px 20px;
}
h3 {
padding:3px 0;
}
input[type=checkbox] {
background:transparent;
border:0;
padding:0;
vertical-align:bottom;
}
input[type=radio] {
border:0;
}
select {
margin:0 7px;
padding:0;
vertical-align:bottom;
}
option {
margin:2px 0;
}
button.btn_img {
border:0;
cursor:pointer;
padding:0;
}
.notice dt,.notice dd {
padding:5px 7px;
}
.drop_menu a img {
vertical-align:bottom;
}
.drop_menu li:hover ul,.drop_menu li.hover ul {
left:auto;
}
#submenu a {
padding:3px 5px;
}
#main {
height:1%;
padding:0 1%;
}
#nav li img {
vertical-align:top;
}
.meta_box,.meta_menu {
margin:10px 0;
}
.meta_box li {
display:list-item;
list-style-position:inside;
list-style-type:square;
margin-left:10px;
}
.meta_menu ul {
font-size:90%;
margin:5px 5%;
}
.meta_menu img,.meta_menu span {
float:right;
margin:10px 20px;
}
.cat-pages a,.cat-pagesjump i,.cat-topicpages a {
cursor:pointer;
padding:2px 5px;
}
.cat-topicpages a {
padding:0 2px;
}
.cat-buttons,.topic-buttons {
margin: 15px 0px;
text-align:right;
width:100%;
}
tr.postbtn td {
padding:5px;
text-align:center;
}
.row1,.row2 {
line-height:1.4;
}
td.c_head input,td.c_head button,td.c_foot input,td.c_foot button,td.c_sort input,td.c_sort button {
padding:1px;
}
td.c_desc img,td.c_desc input {
float:left;
vertical-align:middle;
}
.category {
margin:10px 0 0;
}
span.collapse,span.uncollapse {
cursor:pointer;
float:right;
position:relative;
}
.c_mark img {
display:block;
margin:auto;
}
.c_last {
line-height:1.4;
min-width:300px;
width:30%;
}
.category td.c_foot {
background-color: #121212
padding:0;
border: none;
}
#stats_members {
line-height:1.2;
}
td.c_cat-mark,td.c_cat-icon {
padding:5px 0;
text-align:center;
width:30px;
}
td.c_cat-starter {
width:125px;
}
td.c_cat-lastpost {
width:175px;
}
.c_user {
vertical-align:top;
width:1px;
min-width:175px;
max-width:175px;
}
.c_post {
width:100%;
}
.c_sig,.c_nosig {
width:100%;
}
.avatar {
display:block;
margin:auto;
text-align:center;
}
.av_wrap {
overflow:hidden;
text-align:center;
margin:auto;
}
td.c_user .usertitle {
margin:3px 0;
overflow-x:hidden;
text-align:center;
}
.pip {
margin:3px 0;
white-space:nowrap;
}
dl.user_info dt,dl.user_info dd {
padding:.1em;
}
dl.user_info dt {
float:left;
margin:0;
min-width:4em;
}
dl.user_info dd.spacer,dl.user_profile dd.spacer {
clear:both;
float:none;
height:1px;
padding:0;
}
td.c_poll-choice {
line-height:1.5;
padding-left:45%;
}
td.c_poll-answer {
text-align:right;
width:42.5%;
}
td.c_poll-bar {
text-align:left;
vertical-align:middle;
width:42.5%;
}
* html td.c_poll-bar span {
margin-top:3px;
}
td.c_post {
line-height:1.7;
vertical-align:top;
}
td.c_post ul {
list-style-type:square;
margin-left:10px;
}
.c_post img,#topic_review img {
max-width:90%;
}
.c_post-attachment {
font-size:83.3%;
margin-top:1em;
padding:1em;
}
.c_post-attachment dd {
margin-left:1em;
}
.post_sep {
font-size:1px;
height:1px;
}
td.c_sig,td.c_nosig {
height:1%;
vertical-align:top;
}
td.c_nosig {
border-top-style:hidden!important;
}
blockquote dl dt,blockquote dl dd {
padding:2px 4px;
}
blockquote div,blockquote code {
margin:0;
padding:5px;
}
dl#fast-reply {
clear:both;
margin:auto;
width:80%;
}
dl#fast-reply dd p {
margin:-3px;
padding:0 5% 10px;
text-align:left;
}
dl#fast-reply dd textarea {
display:block;
height:100px;
margin-bottom:10px;
padding:2px;
width:90%;
}
#c_post-text {
height:223px;
}
#c_post-resize {
float:right;
margin-top:-1px;
padding:4px 0 0;
text-align:right;
}
#btn_preview {
float:left;
margin:10px 0 0 1px;
}
#c_emot {
height:225px;
vertical-align:top;
width:210px;
}
#emot_list {
height:275px;
margin:0 auto;
overflow:auto;
padding:5px 0;
text-align:center;
}
div#emot_list {
padding:0;
}
#emot_list li {
display:inline;
padding:4px 10px;
}
#emot_list img {
cursor:pointer;
vertical-align:baseline;
}
.pm {
margin-bottom:1em;
}
#pm_datesent {
width:200px;
}
#pm_select {
text-align:center;
width:1px;
}
#conversation .c_post {
padding:2em;
}
#ucp_profile,#pm_messages {
float:right;
}
#ucp_settings img,#ucp_profile img {
margin:18px 20px;
}
#ucp_gallery li {
float:left;
margin:15px 5px;
}
#ucp_gallery button {
cursor:pointer;
text-align:center;
}
.ucp button.btn_text {
padding:5px 0;
text-align:center;
width:100%;
}
.calendar td {
height:125px;
padding:0;
vertical-align:top;
width:14.3%;
}
.calendar li {
display:list-item;
font-size:80%;
margin:0;
}
.calendar li.placeholder {
padding:4px;
}
.calendar li span {
cursor:default;
}
.calendar td#cal_current div {
padding-top:3px;
}
#portal_head {
margin-bottom:10px;
}
#portal_foot {
margin-top:10px;
}
#portal_l,#portal_r {
font-size:88.3%;
margin:0;
padding:0;
}
#portal_l {
float:left;
width:200px;
}
#portal_r {
float:right;
width:150px;
}
#portal_news {
margin:0 160px 0 210px;
}
#portal_clear {
background:transparent;
border:none;
clear:both;
font-size:1px;
height:1px;
margin:0;
padding:0;
}
.portal_box {
margin-bottom:5px;
padding:1px;
}
.portal_box table {
clear:none;
}
#portal h2,#portal_foot h2 {
clear:none;
margin:0;
padding:3px 5px;
}
#faq {
margin:20px 0;
}
#faq dl {
padding:1em;
}
#faq dt {
margin-bottom:5px;
}
#faq dd {
display:list-item;
margin:0 0 3px 15px;
padding-left:3px;
}
.search_results div {
display:block;
margin:5px 0;
}
#acplogin #loginform {
display:block;
padding:0 50px;
}
.category h2 a,#portal h2 a,#portal_foot h2 a,thead a,.category h2 a:hover,#portal h2 a:hover,#portal_foot h2 a:hover,thead a:hover,#top_info a,#top_info a:hover,.drop_menu a,.drop_menu a:hover,#submenu a,#submenu a:hover {
color:#fff;
}
input,select,td,th {
font-size:90%;
}
button.btn_default,#nav li span,.c_post-attachment dt,#c_tos dt {
font-weight:700;
}
#submenu a:hover,.meta_menu a:hover {
text-decoration:underline;
}
.meta_box h3,td.c_topicfoot strong,#meta_welcome strong {
font-size:120%;
}
.meta_box h3,.meta_box a,.meta_box a:hover,tr.pm_new td a,tr.pm_new td a:hover,tr.hidden td a,tr.hidden td a:hover,.c_forum strong a:hover,.c_last strong a:hover,#faq dt a:hover,.search_results h3 a,.search_results h3 a:hover {
text-decoration:underline;
}
.row2 td,blockquote div {
background:#111111;
}
a.member,.calendar td a,.calendar a:hover,#faq dd a,#faq dd a:hover {
color:#CCCCCC;
}
img,.meta_box button img,td.c_cat-mark input,.c_post-attachment img,.warn img,#ucp_gallery a img {
vertical-align:middle;
}
h1,h2,h3,#nav,#boardmeta,#main {
clear:both;
margin:0;
}
#meta_welcome,.search_results {
clear:both;
}
#stats_events {
line-height:2;
}
.c_cat-starter,.c_cat-replies,.c_cat-views,td.c_poll-total,td.c_poll-vote,td.c_topicfoot,.warn,.ucp th,#c_notes,.calendar th {
text-align:center;
}
blockquote dl dd,#foot #foot_links {
text-align:right;
}
#c_post,#ucp_gallery {
text-align:center;
vertical-align:top;
}
#files_upload input,.pm .row1 a,.pm .row2 a,#ucp_gallery button img,#findposts td a {
display:block;
}
#ucp_settings,#pm_settings {
float:left;
}
#c_tos dd,#username_response {
margin-left:10px;
}
#vlx {
z-index:1;
}
#blog {
background:#0b0b0b;
border:1px solid #181818;
color:#CCCCCC;
margin:10px 0;
}
#blog blockquote {
background:none;
border:none;
font-size:11px;
padding:0 10px;
}
#blog h1 {
float:right;
}
#blog h2 {
background:url(http://209.85.62.24/0/77/0/p144045/th.jpg) repeat-x top #121212;
clear:none;
font-size:130%;
padding:0;
}
#blog h2,#blog h2 a,#blog h2 a:hover {
color:#FFFFFFC;
}
#blog_foot {
clear:both;
margin-bottom:20px;
}
#blog_head {
background:#121212;
border:8px solid #181818;
padding:10px 14px;
}
#blog_head img.avatar {
display:inline;
}
#blog_main {
margin:20px 200px 10px 10px;
}
#blog_categories,#blog_readers,#blog_about,div.blog_options {
background:#0b0b0b;
margin:15px 0;
padding:5px 7px;
}
#blog_sidebar h3,#blog_sidebar dt {
color:#CCCCCC;
font-weight:700;
}
#blog_sub {
background:#0b0b0b;
clear:both;
position:relative;
padding:5px 7px;
text-align:right;
}
#blog_sub span {
padding-top:4px;
}
#blog_sidebar {
background:#121212;
float:right;
font-size:93.3%;
margin:20px 10px 0 0;
padding:0 10px;
width:160px;
}
#blog_sidebar dd {
margin-left:10px;
}
#blog_user {
font-size:175%;
}
div.blog_options {
font-size:90%;
text-align:right;
}
div.blog_date {
background:url(http://209.85.62.24/0/77/0/p143432/h2.jpg) #26e22d repeat-x top;
border:1px solid #26e22d;
color:#FFFFFF;
float:right;
font-weight:700;
margin:0 15px;
text-align:center;
text-transform:uppercase;
width:40px;
}
div.blog_date span {
background:url(http://209.85.62.24/0/77/0/p144045/th.jpg) repeat-x top #121212;
border-top:1px solid #181818;
color:#CCCCCC;
display:block;
font-size:130%;
font-weight:700;
padding:2px 4px;
}
div.blog_entry {
background:#121212;
margin:10px 0;
padding:5px 7px;
}
#blog_comments li {
padding:5px 7px;
}
#blog_comments li.odd {
background:#f6f6f6;
}
#shoutwrap {
background:#fafafa;
border:1px solid #e7e7e7;
font-size:88.3%;
}
#shoutwrap td {
padding:0;
}
#shoutbox {
list-style-type:none;
margin:0;
padding:0;
}
#shoutbox li {
padding:5px 7px;
}
#shoutbox li.odd {
background:#f6f6f6;
}
#shoutbox dl,#shoutbox dt,#shoutbox dd {
margin:0;
padding:0;
}
#shoutbox dt {
color:#777;
font-size:80%;
}
#shoutopts,#shoutpost {
clear:both;
text-align:center;
}
/* Adjust the left padding to accommodate for left border image */
.cat_wrap_left {
padding-left: 12px;
background:url(http://209.85.62.24/0/77/0/p145604/verticalleft.jpg) repeat-y;
}
/* leave this otherwise it'll look silly */
.category {
margin: 0 auto;
}
/* Puts back the gap between the categories */
.cat_wrap {
margin-bottom: 15px;
}
/* right side of category. Adjust padding to accommodate for right image */
.cat_wrap_right {
background: #ff3399;
padding-right: 11px;
background:url(http://209.85.62.24/0/77/0/p145605/verticalright.jpg) right repeat-y;
}
/* The repeating(?) background of the top of the image border. Adjust height to fit image(and the left/right images)*/
.cat_wrap .cat_header {
background: #fff000;
background:url(http://209.85.62.24/0/77/0/p145601/top.jpg) top;
height: 42px;
}
/* top left border. Adjust height/width to fit image */
.cat_head_left {
width: 158px;
height: 42px;
background: #ea0000;
background:url(http://209.85.62.24/0/77/0/p145602/topleft.jpg) left;
float: left;
}
/* top right border. Adjust height/width to fit image */
.cat_head_right {
width: 158px;
height: 42px;
background: #ea0000;
background:url(http://209.85.62.24/0/77/0/p145603/topright.jpg) right;
float: right;
}
/* The repeating(?) background of the bottom of the image border. Adjust height to fit image(and the left/right images)*/
.cat_foot {
height: 42px;
background: #4081CF;
background:url(http://209.85.62.24/0/77/0/p145598/bottom.jpg);
}
/* bottom left border. Adjust height/width to fit image */
.cat_foot_left {
width: 158px;
height: 42px;
background: #308F11;
background:url(http://209.85.62.24/0/77/0/p145599/bottomleft.jpg);
float: left;
}
/* bottom right border. Adjust height/width to fit image */
.cat_foot_right {
width: 158px;
height: 42px;
background: #308F11;
background:url(http://209.85.62.24/0/77/0/p145600/bottomright.jpg);
float: right;
}
#main_content {width:90%;margin:0px auto;}
#a_footer {
background:url(http://209.85.62.24/0/77/0/p145299/footerepeat.jpg);
}
Edit Theme Layout
- Code:
<!-- TOPMENU -->
<div id="logo_bg">
<!-- HEADER -->
</div>
<!-- SUBMENU -->
<div id="main_content">
<!-- content starts -->
<!-- NAV --><!-- BOARD -->
<script type="text/javascript">
//<![CDATA[
$(".topic").wrap('<div class="cat_wrap_right"></div>');
$(".calendar").wrap('<div class="cat_wrap_right"></div>');
$(".poll").wrap('<div class="cat_wrap_right"></div>');
$(".profile").wrap('<div class="cat_wrap_right"></div>');
$(".posts").wrap('<div class="cat_wrap_right"></div>');
$(".posting").wrap('<div class="cat_wrap_right"></div>');
$(".category").wrap('<div class="cat_wrap_right"></div>');
$(".cat_wrap_right").wrap('<div class="cat_wrap_left"></div>');
$(".cat_wrap_left").wrap('<div class="cat_wrap"></div>');
$(".cat_wrap").prepend('<div class="cat_header"><div class="cat_head_left"></div><div class="cat_head_right"></div></div>');
$(".cat_wrap").append('<div class="cat_foot"><div class="cat_foot_left"></div><div class="cat_foot_right"></div></div>');
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
$(function() {
$("#foot_wrap").appendTo("#stats");
});
//]]>
</script>
<!-- content ends -->
</div><div id="a_footer" align="right"><a href="http://zbthemezone.com/index/"><img src="http://209.85.62.24/0/77/0/p145284/footer.jpg"></a></div>
And my problem is, i dont know how and where i can change my theme like this.. PLEASE HELP ME
valent98- New Member
- Posts : 1
Reputation : 0
Language : Indonesia
Re: Theme Change
Those look like templates. You can only modify templates if you have these versions: phpbb 2 and punb. That skin in the Preview is for a zetaboard, the only skins you can use are on Hitskins.
If you want to change the skin, try this:
Administration Panel>>Display>>Skins>>Choose Skin
If you want to change the skin, try this:
Administration Panel>>Display>>Skins>>Choose Skin
Similar topics
» how to change the theme with your own theme
» Every time i import a theme it says "Import ended." and the theme doesnt change
» I can't change theme
» Theme change help
» how to change the whole theme ?
» Every time i import a theme it says "Import ended." and the theme doesnt change
» I can't change theme
» Theme change help
» how to change the whole theme ?
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum