The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

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

View previous topic View next topic Go down

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

Post by S-t-e-v-e- on 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


S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

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

Post by Mati on 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
Active Poster

Posts : 1883
Reputation : 283
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://footballforums.forumotion.net/

Back to top Go down

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

Post by S-t-e-v-e- on 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


S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

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

Post by Mati on 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
Active Poster

Posts : 1883
Reputation : 283
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://footballforums.forumotion.net/

Back to top Go down

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

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

the postprofile colour didn't change Sad

S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

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

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

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

Guest
Guest


Back to top Go down

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

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

nope that didn't work also.

S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

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

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

Please provide a link to your Forumotion forum.

Mati
Active Poster

Posts : 1883
Reputation : 283
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://footballforums.forumotion.net/

Back to top Go down

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

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


S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

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

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

Do you changed #COLOR with your color? Very Happy

Guest
Guest


Back to top Go down

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

Post by Mati on 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
Active Poster

Posts : 1883
Reputation : 283
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://footballforums.forumotion.net/

Back to top Go down

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

Post by S-t-e-v-e- on 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

S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

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

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

I tried them on my forum and they worked.

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

Mati
Active Poster

Posts : 1883
Reputation : 283
Language : || HTML || CSS || jQuery ||
Location : At the Gym

http://footballforums.forumotion.net/

Back to top Go down

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

Post by S-t-e-v-e- on 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.

S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

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

Post by Mike on 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
Hyperactive

Male Posts : 4242
Reputation : 466
Language : English, HTML, CSS
Location : Bozeman, Montana

Back to top Go down

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

Post by S-t-e-v-e- on 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?



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%;
}

S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

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

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

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

Guest
Guest


Back to top Go down

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

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

it didn't work Sad

S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

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

Post by Mike on 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
Hyperactive

Male Posts : 4242
Reputation : 466
Language : English, HTML, CSS
Location : Bozeman, Montana

Back to top Go down

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

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

i have phpbb 3

S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

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

Post by Mike on 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
Hyperactive

Male Posts : 4242
Reputation : 466
Language : English, HTML, CSS
Location : Bozeman, Montana

Back to top Go down

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

Post by S-t-e-v-e- on 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


S-t-e-v-e-
Forumember

Posts : 450
Reputation : 6
Language : English

Back to top Go down

View previous topic View next topic Back to top


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