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.

Codebox title not showing properly

Go down

Solved Codebox title not showing properly

Post by Luffy on April 24th 2014, 11:18 am

Hello i have an issue with the title of the codebox. It does not show as wanted.

It should be showing on top of the line there..

I am using these codes in the css
Code:
.codebox {
background: transparent;
background-color: transparent;
border-radius: 51px;
box-shadow: 1px 1px 5px green;
color: grey;
font-family: Verdana;
font-size: 14px;
line-height: 160%;
margin: 15px 35px 0;
overflow: hidden;
padding: none;
}
.codebox dd.cont_code {
max-height: 350px;
overflow: hidden;
}
.codebox dt {
border-bottom: none;
}
.codebox dd {
background-color: transparent;
margin: .5em;
padding: .5em;
}
.codebox.hidecode {
background: transparent;
background-color: transparent;
border-radius: 51px;
box-shadow: 1px 1px 5px darkred;
color: grey;
font-family: Verdana;
font-size: 14px;
line-height: 160%;
margin: 15px 35px 0;
overflow: hidden;
padding: none;
}

.codebox.hidecode dd {
background:transparent;
}
.kodikas {
background: url(http://i56.servimg.com/u/f56/18/45/97/69/codebo11.png) no-repeat green;
border-radius: 15px;
box-shadow: 0 0 7px #658C00;
color: #000;
display: block;
font-family: Trebuchet MS;
font-size: 16px;
font-style: normal;
font-weight: 700; 
height: 26px;
left: 50px;
padding: 2px 12px;
position: relative;
text-align: center;
text-shadow: 1px 1px 2px white;
top: -17px;
width: 120px;
z-index: 999;
}

The above code is in the hidden box also! I want it to be visible correctly there too.

Thanks for your time..
avatar
Luffy
Manager
Manager

Male Posts : 4989
Reputation : 510
Language : Greek, English
Location : Greece

https://www.inforumgr.com

Back to top Go down

Solved Re: Codebox title not showing properly

Post by Pizza Boi on April 24th 2014, 11:22 am

Hi Very Happy

So you're just aiming it to be above THAT line? If so, please link us to a topic where you have that problem that guests can view Smile .

Regards,
Pizza Boi
avatar
Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Codebox title not showing properly

Post by J0k3R^ on April 24th 2014, 11:24 am

no, he doesnt want move top or bot, he wants it at this line but it doesnt appear 100% but only the half codebox thats the problem
avatar
J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Codebox title not showing properly

Post by Pizza Boi on April 24th 2014, 11:25 am

Hi Very Happy

Alright, I'm just waiting for a link then.

Regards,
Pizza Boi
avatar
Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Codebox title not showing properly

Post by J0k3R^ on April 24th 2014, 11:27 am

avatar
J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Codebox title not showing properly

Post by Luffy on April 24th 2014, 11:27 am

@ Pizza Boi: Yes i want it to show above the line because it apparently gets cut behind the line. You can see it here : http://informationforumgr.forumgreek.com/t3055p70-topic#5969

@ Jok3R^: i didn't understand what you said. I deleted your post because i posted one where spam is allowed! Smile
avatar
Luffy
Manager
Manager

Male Posts : 4989
Reputation : 510
Language : Greek, English
Location : Greece

https://www.inforumgr.com

Back to top Go down

Solved Re: Codebox title not showing properly

Post by SLGray on April 24th 2014, 11:32 am

This is the part you need to change:
Code:
kodikas {
  top: -17px;
}


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 41884
Reputation : 2879
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Codebox title not showing properly

Post by Luffy on April 24th 2014, 11:34 am

@SLGray wrote:This is the part you need to change:
Code:
kodikas {
   top: -17px;
}

SLGray i dont want to move it down. I want it to show all the box. As you can see it only shows half of the box because it goes behind the line..
I tried the z-index code but nothing happened! Sad
avatar
Luffy
Manager
Manager

Male Posts : 4989
Reputation : 510
Language : Greek, English
Location : Greece

https://www.inforumgr.com

Back to top Go down

Solved Re: Codebox title not showing properly

Post by J0k3R^ on April 24th 2014, 11:36 am

he wants something like z-index: 999 but this doesnt actually works  loul
avatar
J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Codebox title not showing properly

Post by Pizza Boi on April 24th 2014, 11:43 am

Hi Very Happy

In your code here:

Code:
.codebox {
background: rgba(0, 0, 0, 0);
background-color: rgba(0, 0, 0, 0);
border-radius: 51px;
box-shadow: 1px 1px 5px #008000;
color: grey;
font-family: Verdana;
font-size: 14px;
line-height: 160%;
margin: 15px 35px 0;
overflow: hidden;
}

Ditch overflow: hidden;.

Regards,
Pizza Boi
avatar
Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Codebox title not showing properly

Post by Luffy on April 24th 2014, 11:47 am

Lol what does ditch mean? I have set it hidden so the bar at the bottom not appear to the code..





avatar
Luffy
Manager
Manager

Male Posts : 4989
Reputation : 510
Language : Greek, English
Location : Greece

https://www.inforumgr.com

Back to top Go down

Solved Re: Codebox title not showing properly

Post by Pizza Boi on April 24th 2014, 11:49 am

Hi Very Happy

Ditch as in remove. That's what's causing why the thing's cut off.

Regards,
Pizza Boi
avatar
Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Codebox title not showing properly

Post by J0k3R^ on April 24th 2014, 11:53 am

nice, solved
avatar
J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

Solved Re: Codebox title not showing properly

Post by Luffy on April 24th 2014, 11:55 am

Works fine! Thank you!

SOLVED!





avatar
Luffy
Manager
Manager

Male Posts : 4989
Reputation : 510
Language : Greek, English
Location : Greece

https://www.inforumgr.com

Back to top Go down

Solved Re: Codebox title not showing properly

Post by Pizza Boi on April 24th 2014, 11:56 am

Hi Very Happy

The pizza's here! That'd be $2.99 Wink .

No problem~

Regards,
Pizza Boi
avatar
Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: Codebox title not showing properly

Post by SLGray on April 24th 2014, 11:57 am

Topic Solved & Archived


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 41884
Reputation : 2879
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Back to top


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