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.

Remove navbar bottom boarder & change the colour of post profile BG

3 posters

Go down

Remove navbar bottom boarder & change the colour of post profile BG Empty Remove navbar bottom boarder & change the colour of post profile BG

Post by S-t-e-v-e- December 16th 2011, 5:38 pm

I thought this is the right code to remove the navbar bottom boarder but it hasn't work

Code:
ul.navlinks {
   border-bottom: o;
   font-weight: bold;
   text-align: left;
   }

if anybody can tell me the css code for post profile background that would be cool like in the image before

Remove navbar bottom boarder & change the colour of post profile BG Untitl16
avatar
S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

Remove navbar bottom boarder & change the colour of post profile BG Empty Re: Remove navbar bottom boarder & change the colour of post profile BG

Post by Mati December 16th 2011, 6:04 pm

For the nav bar you can add this in your css.

Code:
ul.navlinks {
    border-bottom-color: transparent;
}

And what about the profile background you want to remove it or add background color.
Mati
Mati
Hyperactive

Posts : 2020
Reputation : 330
Language : HTML, CSS & JavaScript
Location : Forum Services

https://forumservice.forumotion.com/

Back to top Go down

Remove navbar bottom boarder & change the colour of post profile BG Empty Re: Remove navbar bottom boarder & change the colour of post profile BG

Post by S-t-e-v-e- December 16th 2011, 6:13 pm

i would like to add an different colour Smile

i think i may have the wrong code i want to remove the white line in the navbar

Remove navbar bottom boarder & change the colour of post profile BG Untitl17
avatar
S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

Remove navbar bottom boarder & change the colour of post profile BG Empty Re: Remove navbar bottom boarder & change the colour of post profile BG

Post by Mati December 16th 2011, 6:20 pm

Ok, then add this to your css:

.postprofile {
background-color: #000;
width: 22%;
}

and don't forget to change the BG-color #000 the one you like.
Mati
Mati
Hyperactive

Posts : 2020
Reputation : 330
Language : HTML, CSS & JavaScript
Location : Forum Services

https://forumservice.forumotion.com/

Back to top Go down

Remove navbar bottom boarder & change the colour of post profile BG Empty Re: Remove navbar bottom boarder & change the colour of post profile BG

Post by S-t-e-v-e- December 16th 2011, 6:27 pm

the postprofile colour didn't change Sad
avatar
S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

Remove navbar bottom boarder & change the colour of post profile BG Empty Re: Remove navbar bottom boarder & change the colour of post profile BG

Post by Guest December 16th 2011, 6:45 pm

Try:
Code:
div.post div.postprofile{
background: #COLOR !important;
}
avatar
Guest
Guest


Back to top Go down

Remove navbar bottom boarder & change the colour of post profile BG Empty Re: Remove navbar bottom boarder & change the colour of post profile BG

Post by S-t-e-v-e- December 16th 2011, 6:58 pm

nope that didn't work also.
avatar
S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

Remove navbar bottom boarder & change the colour of post profile BG Empty Re: Remove navbar bottom boarder & change the colour of post profile BG

Post by Mati December 16th 2011, 7:05 pm

Please provide a link to your Forumotion forum.
Mati
Mati
Hyperactive

Posts : 2020
Reputation : 330
Language : HTML, CSS & JavaScript
Location : Forum Services

https://forumservice.forumotion.com/

Back to top Go down

Remove navbar bottom boarder & change the colour of post profile BG Empty Re: Remove navbar bottom boarder & change the colour of post profile BG

Post by S-t-e-v-e- December 16th 2011, 7:12 pm

avatar
S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

Remove navbar bottom boarder & change the colour of post profile BG Empty Re: Remove navbar bottom boarder & change the colour of post profile BG

Post by Guest December 16th 2011, 7:19 pm

Do you changed #COLOR with your color? Very Happy
avatar
Guest
Guest


Back to top Go down

Remove navbar bottom boarder & change the colour of post profile BG Empty Re: Remove navbar bottom boarder & change the colour of post profile BG

Post by Mati December 16th 2011, 7:19 pm

Try now

Code:
ul.navlinks {
    border-bottom: 0px;
    font-weight: 700;
}

.postprofile {
    background: #ccc;
    border-left: 1px solid#FFFFFF;
    color: #536482;
    display: inline;
    float: right;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 5px;
    min-height: 80px;
    position: relative;
    width: 22%;
}
Mati
Mati
Hyperactive

Posts : 2020
Reputation : 330
Language : HTML, CSS & JavaScript
Location : Forum Services

https://forumservice.forumotion.com/

Back to top Go down

Remove navbar bottom boarder & change the colour of post profile BG Empty Re: Remove navbar bottom boarder & change the colour of post profile BG

Post by S-t-e-v-e- December 16th 2011, 7:24 pm

Gassy wrote:Do you changed #COLOR with your color? Very Happy

yes i added in a colour

Matti_7 wrote:Try now

Code:
ul.navlinks {
    border-bottom: 0px;
    font-weight: 700;
}

.postprofile {
    background: #ccc;
    border-left: 1px solid#FFFFFF;
    color: #536482;
    display: inline;
    float: right;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 5px;
    min-height: 80px;
    position: relative;
    width: 22%;
}

everythings still the same
avatar
S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

Remove navbar bottom boarder & change the colour of post profile BG Empty Re: Remove navbar bottom boarder & change the colour of post profile BG

Post by Mati December 16th 2011, 7:36 pm

I tried them on my forum and they worked.

anyway try this.
Code:
.postprofile {
background-color: #000;
}
Mati
Mati
Hyperactive

Posts : 2020
Reputation : 330
Language : HTML, CSS & JavaScript
Location : Forum Services

https://forumservice.forumotion.com/

Back to top Go down

Remove navbar bottom boarder & change the colour of post profile BG Empty Re: Remove navbar bottom boarder & change the colour of post profile BG

Post by S-t-e-v-e- December 16th 2011, 8:02 pm

mmm still not work maybe it becasue

here is the css i'm using
Code:
#wrap {
      padding : 15px;
      border : 1px solid #bcd4e3;
      -moz-border-radius: 15px;
      -webkit-border-radius: 15px;
      -khtml-border-radius: 15px;
        box-shadow: 0 0 15px #000;
        -moz-box-shadow: 0 0 15px  #000;
        -webkit-box-shadow: 0 0 15px  #000;
      width: 1015px;
}

#min-width {
        min-width: 1015px;
 }
* html .conteneur_minwidth_IE {
  /* Hack IE min-width */padding-left: 1015px;
  }
* html .conteneur_container_IE {
  /* Hack IE min-width */margin-left: -1015px;
  position: relative;
}

ul.linklist li {
   list-style-type: none;
   width: auto;
   font-size: 1.1em;
   line-height: 2.2em;
   display: inline;
   padding-right: 5px;
}

ul#picture_legend, ul#privmsgs-menu {
 text-align: center;
display: none;
 }
ul#picture_legend li, ul#privmsgs-menu li {
display: inline;
margin: 2px 10px;
display: none;
}
ul#picture_legend li img, ul#privmsgs-menu li img {
 vertical-align: middle;
display: none;
 }


.content img
{
max-width: 750px;
width: expression(this.width > 750 ? 750: true);
}



a[href="/privmsg?folder=inbox"]{display:none;}




.warning {
border: 1px solid;
border-left: 3px solid;
margin: 5px 0px;
padding:10px 10px 10px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.warning {
color: #D63301;
background-color: #FFCCBA;
background-image: url('http://staffy-bull-terrier.co.uk/img/warning.PNG');
}


dl.icon dt,dl.icon dd.dterm {
   background-repeat: no-repeat;
   background-position: 3px 90%;
   
}

--------------------------------------------------------------
search box
-------------------------------------------------------------- */
ul.navlinks {
    border-bottom: 0px;
    font-weight: 700;
}

#search-box {height: 0; visibility: hidden;}

--------------------------------------------------------------
post profile
-------------------------------------------------------------- */

.postprofile {
        background-color: #000;
        }

--------------------------------------------------------------
background in categorys
-------------------------------------------------------------- */

ul.forums {
   background-color: #eef5f9;
   background-image: url("http://i49.servimg.com/u/f49/16/09/12/08/gradie11.gif");
}

a.topictitle {
   color: #105289;
}

I also have dion like and dislike button and select content.
avatar
S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

Remove navbar bottom boarder & change the colour of post profile BG Empty Re: Remove navbar bottom boarder & change the colour of post profile BG

Post by Mike December 16th 2011, 11:53 pm

Code:
ul.navlinks {
border-bottom: 1px solid white;
font-weight: 700;
text-align: left;
}

Remove the Border Bottom..
Mike
Mike
Hyperactive

Male Posts : 4255
Reputation : 471
Language : English, HTML, CSS
Location : Loveland, Colorado

Back to top Go down

Remove navbar bottom boarder & change the colour of post profile BG Empty Re: Remove navbar bottom boarder & change the colour of post profile BG

Post by S-t-e-v-e- December 17th 2011, 12:27 pm

ok after messing about with it all last night i found our how to do but i have an little problem now it's covering up the online image how do i fix it?

Remove navbar bottom boarder & change the colour of post profile BG Q10

this is the code i used
Code:
div.post div.postprofile{
    background: #E5EEF5;
}

.postprofile {
    background: #E5EEF5;
    border-left: 1px solid #bcd4e3;
    border: 1px solid #bcd4e3;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #536482;
    float: right;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 5px;
    min-height: 80px;
    width: 22%;
}
avatar
S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

Remove navbar bottom boarder & change the colour of post profile BG Empty Re: Remove navbar bottom boarder & change the colour of post profile BG

Post by Guest December 17th 2011, 2:47 pm

Try to add this code also:
Code:
div.online2{
position: absolute !important;
z-index: 999 !important;
}
avatar
Guest
Guest


Back to top Go down

Remove navbar bottom boarder & change the colour of post profile BG Empty Re: Remove navbar bottom boarder & change the colour of post profile BG

Post by S-t-e-v-e- December 17th 2011, 3:08 pm

it didn't work Sad
avatar
S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

Remove navbar bottom boarder & change the colour of post profile BG Empty Re: Remove navbar bottom boarder & change the colour of post profile BG

Post by Mike December 17th 2011, 3:25 pm

It's got to do with the CSS Gassy posted, but your online image is hidden?

See if yo can find this in your Forum Templates... and remove the <!--
so, change :
Code:
<!--
 div class="online2"></div-->

into

Code:
<div class="online2"><!-- Online image --></div>
Mike
Mike
Hyperactive

Male Posts : 4255
Reputation : 471
Language : English, HTML, CSS
Location : Loveland, Colorado

Back to top Go down

Remove navbar bottom boarder & change the colour of post profile BG Empty Re: Remove navbar bottom boarder & change the colour of post profile BG

Post by S-t-e-v-e- December 17th 2011, 3:29 pm

i have phpbb 3
avatar
S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

Remove navbar bottom boarder & change the colour of post profile BG Empty Re: Remove navbar bottom boarder & change the colour of post profile BG

Post by Mike December 17th 2011, 3:34 pm

hmmph.

Two potential Solutions:

Code:
.postprofile {
background: transparent;
border-left: 1px solid #BCD4E3;
border: 1px solid #BCD4E3;
padding-top: 10px;
padding-bottom: 10px;
color: #536482;
float: right;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 5px;
height: 100%;
width: 22%;
}

That will make the profile side transparent background, and it will just be seethrough showing the background of the forum, which is the same color... It would hopefully show the online image.

You can also hopefully try:
Code:
.postprofile {
background: #E5EEF5;
border-left: 1px solid #BCD4E3;
border: 1px solid #BCD4E3;
padding-top: 10px;
padding-bottom: 10px;
color: #536482;
float: right;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 5px;
height: 100%;
width: 22%;
z-index: -1 !important;
}

if none of those work, i don't know much more suggestions :o
Mike
Mike
Hyperactive

Male Posts : 4255
Reputation : 471
Language : English, HTML, CSS
Location : Loveland, Colorado

Back to top Go down

Remove navbar bottom boarder & change the colour of post profile BG Empty Re: Remove navbar bottom boarder & change the colour of post profile BG

Post by S-t-e-v-e- December 17th 2011, 3:41 pm

the first one work but i want an different colour background the 2nd one my the hole post profile disappers Crying or Very sad

avatar
S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

Back to top

- Similar topics

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