Change Code: to something else

When I use the Code Display (), is there any way to change the name from Code: that shows in the post to something else?
I use phpbb2
Thanks

What would you like to change? The text that gets inputted into the text field or the title of it when you hover over it?

Rideem3 wrote:What would you like to change? The text that gets inputted into the text field or the title of it when you hover over it?

Like this:


The text when you hover over the button would be nice too if possible.

Thanks,

Rather than use javascript for this, you can use CSS:

Code:


dl.codebox:before {
    content: " New Name ";
    background: #105289;
    color: #fff;
}
dl.codebox dt {
    display: none!important;
}


I added some styling just to show you that it can be styled to your liking. Feel free to what you want with it though.

LGforum wrote:Rather than use javascript for this, you can use CSS:

Code:


dl.codebox:before {
    content: " New Name ";
    background: #105289;
    color: #fff;
}
dl.codebox dt {
    display: none!important;
}


I added some styling just to show you that it can be styled to your liking. Feel free to what you want with it though.

That didn't work. Nothing changed..
Thanks for trying..

i also want to know how can change the name for Code and quote

Here's the CSS for phpBB2:
Admin Panel -> Display -> Colors -> CSS Stylesheet -> Paste:

Code:

    td.code:before {
    content: "New Name:";
    background: #105289;
    color: #fff;
}

div.postbody table td span.genmed {
display: none;
}


Change "New Name:" to whatever you want.

DustyBones wrote:That didn't work. Nothing changed..
Thanks for trying..

Apologies, it was phpbb3. And I don't plan on looking at phpbb2.

Rideem, i recommend looking at that CSS method I displayed for phpbb3, and converting it to the phpbb2 equivalent. The CSS :after selector can be handy for this exact purpose.

Okay, thanks LG
I edited my post with the CSS code.

Rideem3 wrote:Here's the CSS for phpBB2:
Admin Panel -> Display -> Colors -> CSS Stylesheet -> Paste:

Code:

    td.code:before {
    content: "New Name:";
    background: #105289;
    color: #fff;
}

div.postbody table td span.genmed {
display: none;
}


Change "New Name:" to whatever you want.

That didn't work either. It removed Code: from the post display but left it blank.

I just tested it and it works what's the color of your code box?

Rideem3 wrote:I just tested it and it works what's the color of your code box?

This one?


or this one:


And here is all the code in my CSS if you think something might be conflicting

Spoiler:

Code:

.bodyline{
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px; /*For future*/
}



 #pwd_good {
  background:url('http://i1042.photobucket.com/albums/b430/RapsGraphics/strong.png');
  }
#pwd_middle {
  background:url('http://i1042.photobucket.com/albums/b430/RapsGraphics/medium.png');
  }
#pwd_bad {
  background:url('http://i1042.photobucket.com/albums/b430/RapsGraphics/weak.png');
  }


a[href="/viewonline"] { margin-left:27%; }


a:link, a:active, a:visited {text-decoration:none !important;}
a:hover {text-decoration:none !important;}


a.mainmenu img {
-khtml-opacity : 0.7;
-moz-opacity : 0.7;
filter : alpha(opacity=100);
opacity : 1;
}
a.mainmenu:hover img {
-khtml-opacity : 1;
-moz-opacity : 1;
filter : alpha(opacity=75);
opacity :.75;
}


.posting img , .post-options img {
opacity: 1;
filter: alpha(opacity=100);
}
.posting img:hover , .post-options img:hover {
opacity: .75;
filter: alpha(opacity=75);
}

a:hover {
  text-shadow: 0px 0px 8px #FF0000; height: 50px;
  }


#i_post, #one, #i_reply, .i_msg_newpost {
filter:alpha(opacity=100); opacity:1;
}
#i_post:hover, #one:hover, #i_reply:hover, .i_msg_newpost:hover {
filter:alpha(opacity=75); opacity:.75;
}



.catLeft .genmed {color:white;}



body.chatbox {
  background-image : url('http://i1042.photobucket.com/albums/b430/RapsGraphics/cabbkgrnd2.png');
  background-repeat : no-repeat;
  background-position : left 50px;
  }

.chatbox_row_1 {
  background-color: transparent;}
.chatbox_row_2 {
  background-color: transparent;}


#chatbox_header a[href="/chatbox/index.forum"] {
  background-image: url("http://i1042.photobucket.com/albums/b430/RapsGraphics/cbcat3.png");
  background-position: 0px -10;
  background-repeat: no-repeat;
  color: transparent !important;
  }

Replace your CSS with this:

Code:

            td.code:before {
            content: "New Name:";
            background: #105289;
            color: #fff;
        }
       
        div.postbody table td span.genmed {
        display: none;
        }
        .bodyline{
        -webkit-border-radius:10px;
        -moz-border-radius:10px;
        border-radius:10px; /*For future*/
        }
       
       
       
        #pwd_good {
          background:url('http://i1042.photobucket.com/albums/b430/RapsGraphics/strong.png');
          }
        #pwd_middle {
          background:url('http://i1042.photobucket.com/albums/b430/RapsGraphics/medium.png');
          }
        #pwd_bad {
          background:url('http://i1042.photobucket.com/albums/b430/RapsGraphics/weak.png');
          }
       
       
        a[href="/viewonline"] { margin-left:27%; }
       
       
        a:link, a:active, a:visited {text-decoration:none !important;}
        a:hover {text-decoration:none !important;}
       
       
        a.mainmenu img {
        -khtml-opacity : 0.7;
        -moz-opacity : 0.7;
        filter : alpha(opacity=100);
        opacity : 1;
        }
        a.mainmenu:hover img {
        -khtml-opacity : 1;
        -moz-opacity : 1;
        filter : alpha(opacity=75);
        opacity :.75;
        }
       
       
        .posting img , .post-options img {
        opacity: 1;
        filter: alpha(opacity=100);
        }
        .posting img:hover , .post-options img:hover {
        opacity: .75;
        filter: alpha(opacity=75);
        }
       
        a:hover {
          text-shadow: 0px 0px 8px #FF0000; height: 50px;
          }
       
       
        #i_post, #one, #i_reply, .i_msg_newpost {
        filter:alpha(opacity=100); opacity:1;
        }
        #i_post:hover, #one:hover, #i_reply:hover, .i_msg_newpost:hover {
        filter:alpha(opacity=75); opacity:.75;
        }
       
       
       
        .catLeft .genmed {color:white;}
       
       
       
        body.chatbox {
          background-image : url('http://i1042.photobucket.com/albums/b430/RapsGraphics/cabbkgrnd2.png');
          background-repeat : no-repeat;
          background-position : left 50px;
          }
       
        .chatbox_row_1 {
          background-color: transparent;}
        .chatbox_row_2 {
          background-color: transparent;}
       
       
        #chatbox_header a[href="/chatbox/index.forum"] {
          background-image: url("http://i1042.photobucket.com/albums/b430/RapsGraphics/cbcat3.png");
          background-position: 0px -10;
          background-repeat: no-repeat;
          color: transparent !important;
          }

Working.. thanks a million!
Closed