Change Code: to something else
3 posters
Page 1 of 1
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
I use phpbb2
Thanks
Last edited by DustyBones on January 28th 2012, 2:12 am; edited 1 time in total
Re: Change Code: to something else
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,
Re: Change Code: to something else
Rather than use javascript for this, you can use CSS:
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.
- 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- Hyperactive
- Posts : 2265
Reputation : 264
Language : English
Location : UK
Re: Change Code: to something else
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..
Re: Change Code: to something else
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.
LGforum- Hyperactive
- Posts : 2265
Reputation : 264
Language : English
Location : UK
Re: Change Code: to something else
Rideem3 wrote:Here's the CSS for phpBB2:
Admin Panel -> Display -> Colors -> CSS Stylesheet -> Paste:Change "New Name:" to whatever you want.
- Code:
td.code:before {
content: "New Name:";
background: #105289;
color: #fff;
}
div.postbody table td span.genmed {
display: none;
}
That didn't work either. It removed Code: from the post display but left it blank.
Re: Change Code: to something else
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;
}
Similar topics
» i want change this code to sceditor
» How to change this code?
» i need to change the position of this code
» i need to change direction of this code
» [HELP]Change the Spoiler & Code Layout [????]
» How to change this code?
» i need to change the position of this code
» i need to change direction of this code
» [HELP]Change the Spoiler & Code Layout [????]
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum