The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Hello Check The Theme CSS Please (Its Buggy)

4 posters

Go down

Solved Hello Check The Theme CSS Please (Its Buggy)

Post by refresh102 Thu 23 May - 11:17

Sorry I Put In The Wrong Section I MisRead It You Can Move It In The Correct Section Very Happy
Here Is My Forum: http://animefan.yours.tv/
Problems:
White Background In Homepage Message
White background Also In Join The Chatbox At The Bottom Of My Forum
The Profile Is Messy
-Thats The Problem SO Far-
Here Is The Code

Code:
body {
    color: #c8c8c8;
        font-size: 12px;
        padding: 10px;
        font-family: 'Verdana', 'Sans Serif', 'Trebuchet MS', 'Arial', 'Helvetica', 'Times';
    }
.pun {
    width: 900px;
    padding: 10px;
    background: url(http://i28.servimg.com/u/f28/16/08/05/20/wm-pun10.png);
        border: 1px solid #1E1E1D;
        -webkit-box-shadow: black 0px 0px 1px;
        -moz-box-shadow: black 0px 0px 1px;
        -o-box-shadow: black 0px 0px 1px;
        box-shadow: black 0px 0px 1px;
        border-radius: 5px;
      -webkit- border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        }
hr {
    height: 1px;
    margin: 4px;
        border: 1px solid #333;
    border-top: 1px solid #333;
    border-bottom: 1px solid #111;
    }
a:link, a:visited {
    outline: none;
    text-decoration: none;
    }
a:hover {
    text-decoration: none;
    }
#pun-intro {
    border-bottom: none;
    background: transparent;
        }
.crumbs, #pun-visit, #pun-about #qjump, ul#pun-legend, ul.pun-legend {
    display: none;
    }
.pun .main-content, #pun-about, #pun-head #pun-navlinks, .main .main-foot, .main .main-head, .main-box, .pun .paged-foot, .pun .paged-head, .pun .postmain, .main .main-content.frm, .pun .frm-form, td.avatar-mini img, .faq dd, .postfoot, .pun .post .user {
    background: url(http://i28.servimg.com/u/f28/16/08/05/20/wm-pun10.png);
        border: 1px solid #1E1E1D;
        -webkit-box-shadow: black 0px 0px 1px;
        -moz-box-shadow: black 0px 0px 1px;
        -o-box-shadow: black 0px 0px 1px;
        box-shadow: black 0px 0px 1px;
        border-radius: 0px;
      -webkit- border-radius: 0px;
        -moz-border-radius: 0px;
        -o-border-radius: 0px;
        margin-top: 4px;
        padding: 6px;
    }
.pun table.table td{
        border: 1px solid #1E1E1D;
        -webkit-box-shadow: black 0px 0px 1px;
        -moz-box-shadow: black 0px 0px 1px;
        -o-box-shadow: black 0px 0px 1px;
        box-shadow: black 0px 0px 1px;
        border-radius: 0px;
      -webkit- border-radius: 0px;
        -moz-border-radius: 0px;
        -o-border-radius: 0px;
        }
.pun .frm .frm-form table  {
    background: transparent;
        border: none;
    }
.main .main-head .page-title {
    font-size: 18px;
    color: #F2EADA;
    }
.main .main-foot, .main .main-head {
        padding: 10px;
    }
#stats, #onlinelist, .pun table.table th, .pun table.table td, .pun .main table td.tc2, .pun .main table td.tc3, .pun .main table.table td.td-title  {
    background: transparent;
        }
#onlinelist, .frm-buttons {
        border-top: none;
        }
.pun .posthead {
        border: none;
        border-bottom: 1px solid #1E1E1D;
    background: transparent;
        }
fieldset.frm-set.multi {
        border-bottom: none;
        }
.pun .postmain {
        border-left: 1px solid #1E1E1D;
        }
.pun .post {
        border: none;
        }
.pun table.table th {
        color: #c8c8c8;
        }
.pun table .tdtopics .status {
        margin-left: -50px;
        }
.pun .post .user {
        margin-left: -210px;
        margin-top: -35px;
        }
.postfoot {
        margin-left: 0px;
        padding: 10px;
        }
input[type="submit"],input[type="reset"], button.button2, input.button2,  input[type="button"], .main-content.standalone .button {
        background: white url(http://i71.servimg.com/u/f71/16/21/18/28/1zf4sh10.png) repeat 0px 0px;
        color: #000;
        border:1px solid #ccc;
        text-shadow:0px 1px 0px white;
        border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;
        padding:4px;
        }

input[type="submit"]:hover,input[type="reset"]:hover, input[type="button"]:hover, button.button2:hover, input.button2:hover, .main-content.standalone .button:hover{
        color: #F5117B;
        border:1px solid #ccc;
        }
input[type="submit"]:active,input[type="reset"]:active, button.button2:active, input.button2:active, input[type="button"]:active, .main-content.standalone .button:active{
        border:1px inset #ccc;
        }
input[name="post"], input[name="preview"], input[name="draft"]{
        padding:5px !important;
        }
input[type="text"], #text_editor_textarea.quick_reply_textarea, input[type="password"], input[type="textarea"], textarea.inputbox, #text_editor_textarea, textarea#comments {
        background: #F7F7F7;
        -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
        padding : 5px;
        border: 1px dashed #ccc;
        }
input[type="text"]:focus, #text_editor_textarea.quick_reply_textarea:focus, input[type="password"]:focus, input[type="textarea"]:focus, .inputbox:focus, #text_editor_textarea:focus, textarea#comments:focus {
        outline:none;
        }
input#friend, input#foe {
    margin-top:5px;
    }
.main-content.standalone .button.button1 {
    font-weight: normal;
    }
input.button1 {
    margin-left:3px;
    }
#text_editor_cmd_switchmode{
    display:none;
    }
fieldset.left {
    width: 35%;
    float: left;
    }
fieldset.right {
    width: 45%;
    float: right;
    }
.frm-form fieldset.frm-set .inputbox {
    width: 55%;
        padding: 3px;
    }
.frm-form fieldset.frm-set textarea.inputbox {
    width: 55%;
    }
.frm-form fieldset.frm-set .italic, #pun-qpost .main-head.clearfix p.h2{
    display:none;
    }
.frm-form fieldset.frm-set input[type="radio"] {
    margin: 0 0.5em 0 0;
    }
#textarea_content label {
        display:none;
    }
#text_editor_textarea.quick_reply_textarea {
        width : 590px !important;
        margin-left: -3px;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 17px;
        }
#quick_reply #textarea_content textarea {
        border : none;
        background : transparent;
        resize:none;
        }
#quick_reply  #textarea_content .dd-textarea {
        margin-top: 5px;
        margin-left: 116px;
        background : transparent url(http://i20.servimg.com/u/f20/15/20/70/09/quick-10.png) no-repeat;
        width : 612px;
        height : 160px;
        }
#pun-foot .center {
        background: url(http://i20.servimg.com/u/f20/15/20/70/09/copyri10.png) no-repeat right;
        }

#recent-topic-block {
        display:none;
    }
.multi-forums td{
        border: none;
        padding: 10px;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
-o-box-shadow: none !important;
box-shadow: none !important;
text-align:center;
    }

#tabs ul li.activetab a {
    background: url(http://i28.servimg.com/u/f28/16/08/05/20/wm-pun10.png);
        border: 1px solid #1E1E1D;
        -webkit-box-shadow: black 0px 0px 1px;
        -moz-box-shadow: black 0px 0px 1px;
        -o-box-shadow: black 0px 0px 1px;
        box-shadow: black 0px 0px 1px;
    }
#tabs ul li.activetab a:hover {
    background: transparent;
    }
#tabs ul li a {
    background: url(http://i28.servimg.com/u/f28/16/08/05/20/wm-pun10.png);
        border: 1px solid #1E1E1D;
        -webkit-box-shadow: black 0px 0px 1px;
        -moz-box-shadow: black 0px 0px 1px;
        -o-box-shadow: black 0px 0px 1px;
        box-shadow: black 0px 0px 1px;
    }
#tabs ul li a:hover {
    background: transparent;
    }

.postmain blockquote, .codebox {
background: transparent;
-moz-box-shadow: black 0 0 1px;
-o-box-shadow: black 0 0 1px;
-webkit-box-shadow: black 0 0 1px;
border: 1px solid #1E1E1D;
box-shadow: black 0 0 1px;
}
.codebox dd {
background: transparent;
}
.codebox dt {
border-bottom: 1px dotted #333;
}


Thanks In Advance Smile
avatar
refresh102
Forumember

Male Posts : 179
Reputation : 4
Language : English,Japanese

Back to top Go down

Solved Re: Hello Check The Theme CSS Please (Its Buggy)

Post by Sanket Thu 23 May - 11:40

For the chatbox: Add this to your css.
Code:
#onlinechat{
background-color: none !important;
}

For the homepage message, why are you creating multiple topics?
https://help.forumotion.com/t124095-how-do-i-match-the-color-homepage-message-in-my-forum#825812
Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

Solved Re: Hello Check The Theme CSS Please (Its Buggy)

Post by refresh102 Thu 23 May - 11:42

Its Different Sir

Its Really Buggy

Everything I Change My CSS My Theme Will be Messy?
avatar
refresh102
Forumember

Male Posts : 179
Reputation : 4
Language : English,Japanese

Back to top Go down

Solved Re: Hello Check The Theme CSS Please (Its Buggy)

Post by Sanket Thu 23 May - 11:48

Please be specific about your problem.
Sanket
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai

Back to top Go down

Solved Re: Hello Check The Theme CSS Please (Its Buggy)

Post by refresh102 Thu 23 May - 11:50

Watch My Forum

http://animefan.yours.tv/

This Is Just The Only CSS Code I See?
Code:
body {
    color: #c8c8c8;
        font-size: 12px;
        padding: 10px;
        font-family: 'Verdana', 'Sans Serif', 'Trebuchet MS', 'Arial', 'Helvetica', 'Times';
    }
.pun {
    width: 900px;
    padding: 10px;
    background: url(http://i28.servimg.com/u/f28/16/08/05/20/wm-pun10.png);
        border: 1px solid #1E1E1D;
        -webkit-box-shadow: black 0px 0px 1px;
        -moz-box-shadow: black 0px 0px 1px;
        -o-box-shadow: black 0px 0px 1px;
        box-shadow: black 0px 0px 1px;
        border-radius: 5px;
      -webkit- border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        }
hr {
    height: 1px;
    margin: 4px;
        border: 1px solid #333;
    border-top: 1px solid #333;
    border-bottom: 1px solid #111;
    }
a:link, a:visited {
    outline: none;
    text-decoration: none;
    }
a:hover {
    text-decoration: none;
    }
#pun-intro {
    border-bottom: none;
    background: transparent;
        }
.crumbs, #pun-visit, #pun-about #qjump, ul#pun-legend, ul.pun-legend {
    display: none;
    }
.pun .main-content, #pun-about, #pun-head #pun-navlinks, .main .main-foot, .main .main-head, .main-box, .pun .paged-foot, .pun .paged-head, .pun .postmain, .main .main-content.frm, .pun .frm-form, td.avatar-mini img, .faq dd, .postfoot, .pun .post .user {
    background: url(http://i28.servimg.com/u/f28/16/08/05/20/wm-pun10.png);
        border: 1px solid #1E1E1D;
        -webkit-box-shadow: black 0px 0px 1px;
        -moz-box-shadow: black 0px 0px 1px;
        -o-box-shadow: black 0px 0px 1px;
        box-shadow: black 0px 0px 1px;
        border-radius: 0px;
      -webkit- border-radius: 0px;
        -moz-border-radius: 0px;
        -o-border-radius: 0px;
        margin-top: 4px;
        padding: 6px;
    }
.pun table.table td{
        border: 1px solid #1E1E1D;
        -webkit-box-shadow: black 0px 0px 1px;
        -moz-box-shadow: black 0px 0px 1px;
        -o-box-shadow: black 0px 0px 1px;
        box-shadow: black 0px 0px 1px;
        border-radius: 0px;
      -webkit- border-radius: 0px;
        -moz-border-radius: 0px;
        -o-border-radius: 0px;
        }
.pun .frm .frm-form table  {
    background: transparent;
        border: none;
    }
.main .main-head .page-title {
    font-size: 18px;
    color: #F2EADA;
    }
.main .main-foot, .main .main-head {
        padding: 10px;
    }
#stats, #onlinelist, .pun table.table th, .pun table.table td, .pun .main table td.tc2, .pun .main table td.tc3, .pun .main table.table td.td-title  {
    background: transparent;
        }
#onlinelist, .frm-buttons {
        border-top: none;
        }
.pun .posthead {
        border: none;
        border-bottom: 1px solid #1E1E1D;
    background: transparent;
        }
fieldset.frm-set.multi {
        border-bottom: none;
        }
.pun .postmain {
        border-left: 1px solid #1E1E1D;
        }
.pun .post {
        border: none;
        }
.pun table.table th {
        color: #c8c8c8;
        }
.pun table .tdtopics .status {
        margin-left: -50px;
        }
.pun .post .user {
        margin-left: -210px;
        margin-top: -35px;
        }
.postfoot {
        margin-left: 0px;
        padding: 10px;
        }
input[type="submit"],input[type="reset"], button.button2, input.button2,  input[type="button"], .main-content.standalone .button {
        background: white url(http://i71.servimg.com/u/f71/16/21/18/28/1zf4sh10.png) repeat 0px 0px;
        color: #000;
        border:1px solid #ccc;
        text-shadow:0px 1px 0px white;
        border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;
        padding:4px;
        }

input[type="submit"]:hover,input[type="reset"]:hover, input[type="button"]:hover, button.button2:hover, input.button2:hover, .main-content.standalone .button:hover{
        color: #F5117B;
        border:1px solid #ccc;
        }
input[type="submit"]:active,input[type="reset"]:active, button.button2:active, input.button2:active, input[type="button"]:active, .main-content.standalone .button:active{
        border:1px inset #ccc;
        }
input[name="post"], input[name="preview"], input[name="draft"]{
        padding:5px !important;
        }
input[type="text"], #text_editor_textarea.quick_reply_textarea, input[type="password"], input[type="textarea"], textarea.inputbox, #text_editor_textarea, textarea#comments {
        background: #F7F7F7;
        -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
        padding : 5px;
        border: 1px dashed #ccc;
        }
input[type="text"]:focus, #text_editor_textarea.quick_reply_textarea:focus, input[type="password"]:focus, input[type="textarea"]:focus, .inputbox:focus, #text_editor_textarea:focus, textarea#comments:focus {
        outline:none;
        }
input#friend, input#foe {
    margin-top:5px;
    }
.main-content.standalone .button.button1 {
    font-weight: normal;
    }
input.button1 {
    margin-left:3px;
    }
#text_editor_cmd_switchmode{
    display:none;
    }
fieldset.left {
    width: 35%;
    float: left;
    }
fieldset.right {
    width: 45%;
    float: right;
    }
.frm-form fieldset.frm-set .inputbox {
    width: 55%;
        padding: 3px;
    }
.frm-form fieldset.frm-set textarea.inputbox {
    width: 55%;
    }
.frm-form fieldset.frm-set .italic, #pun-qpost .main-head.clearfix p.h2{
    display:none;
    }
.frm-form fieldset.frm-set input[type="radio"] {
    margin: 0 0.5em 0 0;
    }
#textarea_content label {
        display:none;
    }
#text_editor_textarea.quick_reply_textarea {
        width : 590px !important;
        margin-left: -3px;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 17px;
        }
#quick_reply #textarea_content textarea {
        border : none;
        background : transparent;
        resize:none;
        }
#quick_reply  #textarea_content .dd-textarea {
        margin-top: 5px;
        margin-left: 116px;
        background : transparent url(http://i20.servimg.com/u/f20/15/20/70/09/quick-10.png) no-repeat;
        width : 612px;
        height : 160px;
        }
#pun-foot .center {
        background: url(http://i20.servimg.com/u/f20/15/20/70/09/copyri10.png) no-repeat right;
        }

#recent-topic-block {
        display:none;
    }
.multi-forums td{
        border: none;
        padding: 10px;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
-o-box-shadow: none !important;
box-shadow: none !important;
text-align:center;
    }

#tabs ul li.activetab a {
    background: url(http://i28.servimg.com/u/f28/16/08/05/20/wm-pun10.png);
        border: 1px solid #1E1E1D;
        -webkit-box-shadow: black 0px 0px 1px;
        -moz-box-shadow: black 0px 0px 1px;
        -o-box-shadow: black 0px 0px 1px;
        box-shadow: black 0px 0px 1px;
    }
#tabs ul li.activetab a:hover {
    background: transparent;
    }
#tabs ul li a {
    background: url(http://i28.servimg.com/u/f28/16/08/05/20/wm-pun10.png);
        border: 1px solid #1E1E1D;
        -webkit-box-shadow: black 0px 0px 1px;
        -moz-box-shadow: black 0px 0px 1px;
        -o-box-shadow: black 0px 0px 1px;
        box-shadow: black 0px 0px 1px;
    }
#tabs ul li a:hover {
    background: transparent;
    }

.postmain blockquote, .codebox {
background: transparent;
-moz-box-shadow: black 0 0 1px;
-o-box-shadow: black 0 0 1px;
-webkit-box-shadow: black 0 0 1px;
border: 1px solid #1E1E1D;
box-shadow: black 0 0 1px;
}
.codebox dd {
background: transparent;
}
.codebox dt {
border-bottom: 1px dotted #333;
}


And So Messy Why Is That?

Here Is The Theme I Use: http://en.hitskin.com/search-a-skin/design-drop-172924.htm


I Change My Theme 3 Times But All Of Them Merge Into One In My Forum Why Is That? scratch


This Is The 5th Time I Encounter This Problem I Dont Have Any Soultion Of It
avatar
refresh102
Forumember

Male Posts : 179
Reputation : 4
Language : English,Japanese

Back to top Go down

Solved Re: Hello Check The Theme CSS Please (Its Buggy)

Post by genji watanabe Thu 23 May - 12:58

refresh102, that css only work on punbb..your forum version phpbb3.
genji watanabe
genji watanabe
Forumember

Male Posts : 241
Reputation : 20
Language : overflow: hidden;
Location : Asian

http://facewall.forumotion.com

Back to top Go down

Solved Re: Hello Check The Theme CSS Please (Its Buggy)

Post by refresh102 Thu 23 May - 13:32

Everyone...... If You Are Watching This....
Let Me Tell You.
Here's A Tip (I Am Making A New Forum) Now. Because..
1.)Dont Ever Choose Many Themes.
2.)If You Want To Change The Themes The Best Thing You Put Your Forum In Under Construction.
3.)Like Me I Choose Many Themes My Forum Is Jumbled (Even I Go To Back-Up It Is Still Jumbled)
4.)Thats Why I Recommend You Not To Choose Many Themes Just One That You Think That It Fits To Your Category/Title


Note:This Is Just My Opinion (I Dont Hate Forumotion Instead I Like This Host Site ).

Thats All I Can Say

Consider As Solved Very Happy
avatar
refresh102
Forumember

Male Posts : 179
Reputation : 4
Language : English,Japanese

Back to top Go down

Solved Re: Hello Check The Theme CSS Please (Its Buggy)

Post by Sir Chivas™ Thu 23 May - 13:39

Hi,

Genji is correct, you can't use a theme that was made for punBB, you'll have to change your forum version in order for this to work. You can change the version by changing through here:

ACP >> Display >> Choose a Theme >> Version
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6980
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

https://aforums.org

Back to top Go down

Solved Re: Hello Check The Theme CSS Please (Its Buggy)

Post by refresh102 Thu 23 May - 13:41

Hello Sir Chivas Last Its PunBB And I back-Up The Forum To The Very First But The Forum Is Still Jumbled My Opinion Of This One I Thinks Its Because I Was Greedy Of The Themes xD
Considered As Solved
avatar
refresh102
Forumember

Male Posts : 179
Reputation : 4
Language : English,Japanese

Back to top Go down

Solved Re: Hello Check The Theme CSS Please (Its Buggy)

Post by Sir Chivas™ Thu 23 May - 13:42

Topic Solved & Locked
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6980
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

https://aforums.org

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum