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.

FM Navbar problem

View previous topic View next topic Go down

FM Navbar problem

Post by Bigtuber on February 16th 2016, 10:48 pm

Technical Details


Forum version : #phpBB2
Position : Founder
Concerned browser(s) : Mozilla Firefox
Who the problem concerns : All members
Forum link : http://bigtuber57.forumieren.com/

Description of problem

Hello,

I have two little issues with the forumotion navbar.

1. How to get the blue underline (if you hover) central below the text?
2. How can I delete the white underline?

Just like here Smile




I use following code (phpbb2):

Code:
        .bodyline > table + table li { font-size:0; }
        .bodyline > table + table { background:#333; }
       
        .bodyline > table + table a.mainmenu {
          color:#FFFFFF;
          font-size:13px;
          font-weight:bold;
          font-family:"Trebuchet MS", Arial, Verdana, Sans-serif;
          background:url('http://i18.servimg.com/u/f18/18/45/41/65/nav10.png') repeat-x 0px 45px;
          display:inline-block;
          height:45px;
          line-height:45px !important;
          padding:0px 12px;
          transition:250ms;
        }
       
        .bodyline > table + table a.mainmenu:hover {
          background-position:0 40px;
        }


Best regards Smile

Bigtuber
Forumember

Male Posts : 134
Reputation : 4
Language : German, English
Location : Germany

http://kingsroadforum.forumieren.com/

Back to top Go down

Re: FM Navbar problem

Post by APE on February 16th 2016, 11:15 pm

in your CSS Find
Code:
a.mainmenu:hover {
    color: #000;
    text-decoration: underline;
        text-decoration-color: -moz-use-text-color;
        text-decoration-line: underline;
        text-decoration-style: solid;
}

Remove the
Code:
text-decoration: underline;




APE
Manager
Manager

Male Posts : 8608
Reputation : 748
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Re: FM Navbar problem

Post by APE on February 16th 2016, 11:20 pm

Also can i Please make it Clear that our icons on this forum is copyright
You do not have permission to use the topic Icons that are on your forum




APE
Manager
Manager

Male Posts : 8608
Reputation : 748
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Re: FM Navbar problem

Post by Bigtuber on February 17th 2016, 7:26 am

Hey Ape,

thank you very much for your advice, I deleted the icons as quickly as possible.

About the navbar:

I can't find this:

Code:
        a.mainmenu:hover {
            color: #000;
            text-decoration: underline;
                text-decoration-color: -moz-use-text-color;
                text-decoration-line: underline;
                text-decoration-style: solid;
        }

I looked up the CSS some times and I can't find your CSS code.

My CSS Code:
Code:
 .bodyline > table + table li { font-size:0; }
        .bodyline > table + table { background:#333; }
       
        .bodyline > table + table a.mainmenu {
          color:#FFFFFF;
          font-size:13px;
          font-weight:bold;
          font-family:"Trebuchet MS", Arial, Verdana, Sans-serif;
          background:url('http://i18.servimg.com/u/f18/18/45/41/65/nav10.png') repeat-x 0px 45px;
          display:inline-block;
          height:45px;
          line-height:45px !important;
          padding:0px 12px;
          transition:250ms;
        }
       
        .bodyline > table + table a.mainmenu:hover {
          background-position:0 40px;
        }

     

.secondarytitle,.secondarytitle h2 {
                text-align: left !important;
          }
       
        #chatbox .user {
  text-shadow:0 0 0px #6A7DFC;
}

#chatbox .msg {
  text-shadow:0 0 0px #6A7DFC;
}

#chatbox_footer {
    height: 30px !important;
}
body {
    background-color: #29201B;
    background-repeat: repeat-y;
    background-size: 100% auto;
}

.bodyline {
  border: none
}

/*--Farbfix-beginn--*/
a.cattitle {
    color: #000000;
}

.cattitle {
    color: #000000;
}

label[for="message"] {
    color: #000000;
}


.forumline.mod_news .catLeft .genmed, .module-title {
    color: #000000;
}

.quote .quote {
    background-color:;
    color: ;
}
.quote .quote .quote {
    background-color:;
    color: ;
}
/*--Farbfix-end--*/

/*--Position-beginn--*/

a.mainmenu {
  POSITION: relative;
  TOP: 0.0px; LEFT: 0.0px;
  opacity:1.0;
}



/*--Position-end--*/



    /*--- Ab hier können die Farben in der Chatbox verändert werden. Dazu das Wort "Farbcode" durch den gewünschten Wert ersetzen (Format #XXXXXX)---*/
    /*Hintergrundfarbe der Chatbox*/
    body.chatbox {
    background-color: #B0E1FF;
    }
    /*Textfarbe im Titel der Chatbox*/

    #chatbox_header .catBottom .cattitle {
        color: #000000;
    }

    /*Textfarbe der Links im oberen Teil der Chatbox*/

    #chatbox_header .chatbox-options .genmed,
    #chatbox_header .chatbox-options,
    #chatbox_header .chatbox-options a {
        color: #000000;
    }

    /*Textfarbe in der Onlineliste (Userliste auf der linken Seite)*/

    #chatbox_members ul li,
    #chatbox_members ul li a {
        color: Farbcode;
    }

    /*Hintergrundfarbe im Chat-Stream (Hauptfeld, in dem die Nachrichten angezeigt werden)*/

    .chatbox_row_1,
    .chatbox_row_2,
    .chatbox_row_3,
    .chatbox_row_1 a,
    .chatbox_row_2 a,
    .chatbox_row_3 a  {
        background-color: ;
    }

    /*Textfarbe im Chat-Stream (Hauptfeld, in dem die Nachrichten angezeigt werden)*/

    .chatbox_row_1,
    .chatbox_row_2,
    .chatbox_row_3,
    .chatbox_row_1 a,
    .chatbox_row_2 a,
    .chatbox_row_3 a  {
        color: Farbcode;
    }
    /*---Hier endet der Bereich zum Einstellen der Farben in der Chatbox---*/





    .forumline.mod_news .catLeft .genmed {
        font-weight: bolder;
    }

   
     
   
    /*Code by Frank*/
    h3, .h3 {
      color:#FF8C00;
    }



        div#right .genmed {
        color: #000000;
    }

   
         
/*--Format Class für die Einstellungen der Beschriftungen der Optionen im Editor--*/
    span#optionen {
    color:#000000;
    }
    /*-----  ENDE  ---*/
 

    .nav a {
        color:ffeb7f;
    }

    div#left .genmed {
        color: #000000;
    }
   
        /* Wörter- und Zeichenzähler ANFANG */
    #Forumieren_editorAmount {
      color: #000000;
      font-size: 13px;
      margin-top: 5px;
      text-align: center;
    }
    /* Wörter- und Zeichenzähler ENDE */

        .nav_unten a {
    color: #000000;
    }
   
    .nav_quicklinks a {
    color:#000000;
    }

             
    /*Vote System*/
.VCount, .VPlus {
  color:#EDDC7C !important;
  font-size:14px;
  font-weight:bold;
  font-family:Verdana,Arial,Helvetica,sans-serif;
}

.VCount:before {
  content:url(http://i21.servimg.com/u/f21/19/26/29/54/like211.png);
  margin-left:4px;
  color: #00c200 !important;
  font-size: 20px;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
 
}
.VPlus + .VCount:before {
  margin-left:-12px
}
.VCount {
  text-shadow:1px 1px 0px rgba(0,0,0, 1);
  color: #00c200 !important;
  text-decoration: none !important;
}

.VPlus {
  color: #00c200 !important;
  font-size: 20px;
  margin-left: 4px;
  position: relative;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
  z-index: 1;
}

.VPlus:hover {
  color:#00c200 !important;
  text-decoration: none !important;
}
.vote {
  opacity:0;
  filter:alpha(opacity=0);
  color: #00c200 !important;
  text-decoration: none !important;
}
   
    #ZaehlerZ {
        color: #000000;
    font-weight: bolder;
}




    /* Staff Beiträge einfärben Beginn */
        .post.admin-beitr, .admin-beitr td.row1, .admin-beitr td.row2 {
        background-image: url("http://i68.servimg.com/u/f68/19/40/22/36/staffb12.png") !important;
        background-position: right bottom;
        background-repeat: repeat-x;
        background-color: # !important;
    }
    /* Staff Beiträge einfärben Ende */

    /* Staff Beiträge einfärben Beginn */
        .post.mod-beitr, .mod-beitr td.row1, .mod-beitr td.row2 {
        background-image: url("http://i68.servimg.com/u/f68/19/40/22/36/staffb12.png") !important;
        background-position: right bottom;
        background-repeat: repeat-x;
        background-color: # !important;
    }
    /* Staff Beiträge einfärben Ende */

          #offline {
    background: url("http://i68.servimg.com/u/f68/19/40/22/36/offlin20.png") no-repeat scroll 0 0 transparent;
    margin-left: 0px;
    margin-top: -10px;
    width: 100px;
    height: 25px;
    }

Bigtuber
Forumember

Male Posts : 134
Reputation : 4
Language : German, English
Location : Germany

http://kingsroadforum.forumieren.com/

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