Coding-Spot

You are not connected. Please login or register

 
 

how to combine "background navigator bar" on forumotion with Css codes ??

Message (Page 1 of 1)


 
Senior Member

Posted on Sun Apr 28, 2013 4:53 am

 
Hi All :D
i want to ask

how to combine navigator bar background on forumotion with css codes??



My forum:
http://astajim.indonesianforum.net/

Source:
http://www.duelacademy.net/

please someone help me,

thanks before :D



View user profile



 
Administrator
Administrator

Posted on Sun Apr 28, 2013 10:26 am

 
Try this one, add this to your CSS:
Code:
td.bodyline > table+table {
background: transparent url(http://i.imgur.com/Nq6FwGt.png) center no-repeat;
}
a.mainmenu {
background: transparent !important;
}

:):



View user profile http://coding-spot.darkbb.com



 
Senior Member

Posted on Sun Apr 28, 2013 4:50 pm

 
I do not know what to say anymore?
when I install the code on the css, the result is like this.
you can see this.

my forum:
http://astajim.indonesianforum.net/t2-starter-guide

My CSS code:
Code:
body {
    background-attachment: fixed;
    background-color: #000000;
    background-image: url("http://i43.servimg.com/u/f43/14/73/12/96/bg-bod10.gif");
    background-position: center center;
    background-repeat: repeat;
    color: #E6E6E6;
}

#format-buttons {
    border: 1px solid #444;
    padding: 3px;
}

#forum_stats {
    background: #222;
    border: 0px solid #333;
    float: right;
    margin-right: 10px;
    min-width: 150px !important;
    padding: 8px;

}

#post_no {
    color: #E6B759;
    font-size: 14px;
}
#topics_no {
    color: #E6B759;
    font-size: 14px;
}


#page-body {
    margin-top: 15px;
}

.gen {
    font-size: 12px;
    margin-top: 10px;
}

.my_legend {
    border: 1px solid #111;
    padding: 4px;
    background:transparent url(http://i43.servimg.com/u/f43/14/73/12/96/menu_b10.png)  center no-repeat;
    margin: auto;
    width: 350px;
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#page-footer {
    background: url(http://i43.servimg.com/u/f43/14/73/12/96/c-righ10.png) bottom right no-repeat;
    height: 55px;
}

a:link {
    color: #E6B759;
    text-decoration: none;
}
a:visited {
    color: #E6B759;
}
a:active {
    color: #E6B759;
}
a:hover {
    text-decoration: none !important;
    color: #fdfdfd!important;
}

.bodyline{
    background-color: #222;
    border: 1px #353535 solid;
    -webkit-box-shadow: 0px 0px 10px 1px #000000;
    -moz-box-shadow: 0px 0px 10px 1px #000000;
    box-shadow: 0px 0px 10px 1px #000000;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.bodylinewidth {
    width: 1050px;
}

.postdetails {
    color: #b4b4b4;
    font-size: 10px;
}
.postbody {
    font-size: 13px;
    line-height: 18px;
    color: #b4b4b4;
    font-family: Verdana, Arial, Sans-Serif;
    padding-left: 5px;
}

.topictitle, h1, h2 {
    color: #777;
    font-size: 11px;
    font-weight: 700;
}

form#quick_reply textarea#text_editor_textarea {
    padding: 4px;
    font-size: 13px;
    font-family: Verdana, Arial, Sans-Serif;
    color: #b4b4b4;
    border: 0px;
    background: transparent;
}

.gen, .genmed, .gensmall {
    color: #eee;
}

hr {
    border: 0px solid #444;
    height: 0;
}

.code {
    background-color: #2c2c2c;
    border:solid 1px #111;
    padding: 4px;
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
}
       
.spoiler_closed {
    background-color: #262626;
    border: 1px solid #1c1c1c;
    padding: 4px;
}
       
.spoiler_content {
    background-color: #262626;
    border: 1px solid #1c1c1c;
    padding: 4px;
    color: #E6E6E6;
}

.maintitle, .maintitle h1 {
    display: none;
}

.quote {
    background-color: #262626;
    border: 1px solid #111;
    color: #E6E6E6;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    line-height: 125%;
    padding: 4px;
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
}

td.row1, td.row3.over:hover {
    background-color: #222;
    border: 1px solid #111;
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
}
td.row1.over:hover, td.row2 {
    background-color: #222;
    border: 1px solid #111;
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
}
td.row3 {
    background-color: #222;
    border: 1px solid #111;
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
}

td.row3Right, td.spaceRow {
    background-color: #222;
    border: 1px solid #111;
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
}

td.cat, td.catBottom, td.catHead, td.catLeft, td.catRight, td.catSides {
    background-color: rgba(0, 0, 0, 0.1);
    border: 0px;
    height: 30px;
    background-image: url("http://i13.servimg.com/u/f13/17/18/60/11/top_ba10.png");
}

.secondarytitle, .secondarytitle h2 {
    color: #EEEEEE;
    text-align: left;
    font-family: minecraft;
    text-shadow: 0 -1px 0 #666;
    font-size: 13px;
    padding-left: 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-top: 5px;
    font-weight: normal;
}

.cattitle {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
}

#text_editor_iframe, input, select, textarea {
    border: 0px solid #353535;
    color: #FFFFFF;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}
#text_editor_iframe, input.post, select, textarea.inputbox, textarea.post {
    background-color: #222222;
}

input.mainoption {
    background-color: #222;
    font-weight: 700;
}
input.liteoption {
    background-color: #222;
    font-weight: 400;
}

input, select, textarea {
    background: #111;
}

th.thBottom, th.thCornerL, th.thCornerR, th.thHead, th.thLeft, th.thRight, th.thSides, th.thTop {
    font-weight: 700;
    border: 0px;
}

.nav {
    font-size: 11px;
    font-weight: 700;
    margin-top: 5px;
}
a.nav {
    text-decoration: none;
    color: #fff;
    border: 1px solid #111;
    padding: 3px;
    background: #222;
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.forumlink {
    color: #E6B759!important;
    font-size: 13px;
    font-weight: bold;
}

a.forumlink:hover {
    text-decoration: none!important;
    color: #fdfdfd!important;
    text-shadow: 0 0 5px #fff;
}

a.topictitle:link {
    text-decoration: none;
    color: #E6B759!important;
    font-size: 13px;
    font-weight: normal;
}
a.topictitle:hover {
    text-decoration: none!important;
    color: #fdfdfd!important;
    text-shadow: 0 0 2px #000;
}

a.topictitle:visited {
    text-decoration: none;
    color: #E6B759;
}


a.copyright {
    text-decoration: none;
    color: #656565 !important;
    border: 1px solid #111;
    padding: 3px;
    background: #222;
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.poster-profile span {
    color: #fff !important;
}

.mainmenu {
    color: #E6B759;
    font-size: 17px;
    font-weight: normal;
    font-family: Arial, Arial
}

a.mainmenu {
    text-decoration: none;
    border: 1px solid #111;
    background:transparent  url("http://i.imgur.com/Nq6FwGt.png")  center no-repeat;
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    padding-bottom: 8px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 8px;
}
a.mainmenu:hover {
    text-decoration: none !important;
    color: #fdfdfd !important;
    text-shadow: 0 0 0 transparent, -1px 2px 10px #979797, 1px 0px 10px #979797;
}

.mainmenu img {
    display: none;
}

th {
    background-color: transparent;
    background-image: url("http://i13.servimg.com/u/f13/17/18/60/11/top_ba10.png");
    color: #f1f1f1;
    font-size: 10px;
    font-weight: 700;
    height: 30px;
    padding-bottom: 2px;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 2px;
}

.forumline {
    background-color: transparent;
    border: 0px solid #111;
    margin-top: 10px;
    box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.1) inset;
}

body.chatbox {
    background-color: #222;
    background-image: none;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    min-width: 550px !important;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
#chatbox_members {
    border-right: 1px solid #111;
    bottom: 0px;
    overflow-x: auto;
    overflow-y: auto;
    position: absolute;
    top: 30px;
    width: 180px;
    background: #1d1d1d;
}

.chatbox_row_1 {
    background-color: #222;
    padding: 4px;
    border-top: 1px solid #111;
    border-bottom: 1px solid #111;
}
.chatbox_row_2 {
    background-color: #242424;
    padding: 4px;
}

#chatbox_members .member-title {
    background-color: #1D1D1D;
    background-image: none;
    color: #fdfdfd;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 0.5em 0.25em;
    text-align: center;
}

#message, #submit_button {
    borderwidth: 1px;
    color: #fff;
    background: #222;
}

div#chatbox {
    color: #fff;
}

.resizebox .resize_border {
    background: #2c2c2c;
    border: 1px solid #111;
    display: block;
    padding-top: 4px;
}
.resizebox .resize_content {
    display: inline;
    padding: 3px;
}
    .fieldddd {
    border-top: 1px solid #000000;
      border-left: 1px solid #000000;
      border-right: 2px solid #000000;
      border-bottom: 2px solid #000000;
      height:1%;
    background: #0f0f0f;
    display:block;
      margin-left: 5px;
      padding-left: 3px;
    valign:middle;
      margin-bottom: 2px;
      padding-bottom:2px;
      padding-top:2px;
      padding:auto !important;
      overflow:hidden;
      color: #006CE0;
   
    }
        .fieldddd {
            margin-left: 0px;
                  }
        .xyz {
            padding-bottom:30px
            padding-top:10px
            padding-left:10px
            padding-right:10px
        }
    .fieldddd {
    width: 200px;
    height: 25px !important;
    padding-left: 3px;
    }
.id-size{
font-size:13px;
}
.secondarytitle, .secondarytitle h2 {
font-family: Planet kosmos !important;
font-size: 11px !important;
}
    .bodyline {
    background-color: #111; !important;
    }
.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
background-color: #111 !important;
}
    .xyz {
    background-image: url(http://i.imgur.com/I35DAyA.png);
    border-radius: 10px!important;
    margin: 10px!important;
    padding: 10px 10px 30px;
    border-bottom-color: #00275E;
    border-bottom-width: 4px;
    border-style: solid none;
    border-top-color: #00275E;
    border-top-width: 1px;
    }
#content-container div#right {
  display: none;
}

.avatar-index{
float:left;
}
.avatar-index img{
border:1px solid grey;
margin: 5px;
padding:1px;
height:40px;
width:40px;
}
    table.forumline tbody tr th div {
        width: 220px !important;
    }
td.bodyline > table+table {
background: transparent url(http://i.imgur.com/Nq6FwGt.png) center no-repeat;
}
a.mainmenu {
background: transparent !important;
}

I like this, background ranging from beginning to end continued on, until the border forum. :D

http://www.duelacademy.net/

please help me :D

thanks thanks thanks :D



View user profile



 
Administrator
Administrator

Posted on Sun Apr 28, 2013 6:56 pm

 
Ok, put this on your CSS:
Code:
td.bodyline > table+table {
  background: url(http://i13.servimg.com/u/f13/17/18/60/11/nav13.png) repeat-x;
  width: 100%
  height: 35px;
}

That should work already :):.



View user profile http://coding-spot.darkbb.com



 
Senior Member

Posted on Mon Apr 29, 2013 4:44 am

 
OMG, this is greatttt! :D

100% solved, thanks thanks thanks mr.marik :D



View user profile



 
Administrator
Administrator

Posted on Mon Apr 29, 2013 8:00 am

 
Since the problem is solved, i'll locked this and move to archive section. :D:
~ Locked and Moved



View user profile http://coding-spot.darkbb.com


#7

Sponsored content


 

Posted Today at 11:57 am

 





Message (Page 1 of 1)

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

In total there is 0 user online :: 0 Registered, 0 Hidden and 0 Guests

Users browsing this forum: None