Jump to content

Problema Afisare Butoane Din Topic La Mouseover


Go to solution Solved by Vlăduț Rădulescu,

Recommended Posts

Posted

Salutare,de ce cand ma duc cu mouse-ul pe butoane din topicuri , uitati cum imi apare.

 

RwJZ6jC.png

 

Cod :

 

ul.post_controls {
margin: 0;
background: #2b2b2b ;
border-top: 1px solid #2b2b2b;
margin-top: 10px;
padding: 7px;
clear: both;
overflow: hidden;
-moz-transition: all ease-in-out 0.6s;
-webkit-transition: all ease-in-out 0.6s;
-o-transition: all ease-in-out 0.6s;
transition: all ease-in-out 0.6s;
}

.topic ul.post_controls{ opacity: 0; }
.topic .post_wrap:hover ul.post_controls{ opacity: 1; }

ul.post_controls
li {
font-size: 11px;
float: right;
margin: 0;
padding: 0;
}

ul.post_controls li.report, ul.post_controls
li.top {
float: left;
}

ul.post_controls
a {

color: #f0f0f0;
text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;
background: #1d1d1d url('') repeat-x 0 50%;
-webkit-box-shadow: inset rgba(40,40,40,0.1) 0px 0px 0px 1px, inset rgba(40,40,40,0.2) 0px 1px 0px;
-moz-box-shadow: inset rgba(40,40,40,0.1) 0px 0px 0px 1px, inset rgba(40,40,40,0.2) 0px 1px 0px;
box-shadow: inset rgba(40,40,40,0.1) 0px 0px 0px 1px, inset rgba(40,40,40,0.2) 0px 1px 0px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 50px;
height: 26px;
line-height: 26px;
padding: 0
7px;
text-decoration: none;
margin-left: 4px;
display: block;

}

ul.post_controls a:hover {

background-color: #404040;
background: #1d1d1d url('') repeat-x 0 50%;
color: #A11F1F;
border-radius: 50px;
}

ul.post_controls
a.ipsButton_secondary {
height: 24px;
line-height: 24px;
border-radius: 50px;
}

ul.post_controls li.multiquote.selected
a {
background: #80b03b url('{style_images_url}/highlight_faint.png') repeat-x 0 -1px;
color: #fff;
}

 a lot of bla bla bla...

  • Solution
Posted

ul.post_controls {
margin: 0;
background: #2b2b2b ;
border-top: 1px solid #2b2b2b;
margin-top: 10px;
padding: 7px;
clear: both;
overflow: hidden;
-moz-transition: all ease-in-out 0.6s;
-webkit-transition: all ease-in-out 0.6s;
-o-transition: all ease-in-out 0.6s;
transition: all ease-in-out 0.6s;
}

.topic ul.post_controls{ opacity: 0; }
.topic .post_wrap:hover ul.post_controls{ opacity: 1; }

ul.post_controls
li {
font-size: 11px;
float: right;
margin: 0;
padding: 0;
}

ul.post_controls li.report, ul.post_controls
li.top {
float: left;
}

ul.post_controls
a {

color: #f0f0f0;
text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;
background: #1d1d1d url('{style_images_url}/highlight_faint.png') repeat-x 0 50%;
-webkit-box-shadow: inset rgba(40,40,40,0.1) 0px 0px 0px 1px, inset rgba(40,40,40,0.2) 0px 1px 0px;
-moz-box-shadow: inset rgba(40,40,40,0.1) 0px 0px 0px 1px, inset rgba(40,40,40,0.2) 0px 1px 0px;
box-shadow: inset rgba(40,40,40,0.1) 0px 0px 0px 1px, inset rgba(40,40,40,0.2) 0px 1px 0px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 50px;
height: 26px;
line-height: 26px;
padding: 0
7px;
text-decoration: none;
margin-left: 4px;
display: block;

}

ul.post_controls a:hover {

background-color: #404040;
background: #1d1d1d url('{style_images_url}/highlight_faint.png') repeat-x 0 50%;
color: #A11F1F;
border-radius: 50px;
}

ul.post_controls
a.ipsButton_secondary {
height: 24px;
line-height: 24px;
border-radius: 50px;
}

ul.post_controls li.multiquote.selected
a {
background: #80b03b url('{style_images_url}/highlight_faint.png') repeat-x 0 -1px;
color: #fff;
}

Înlocuie tot ce ai dat tu cu asta

  • Upvote 1
Posted

ul.post_controls {
margin: 0;
background: #2b2b2b ;
border-top: 1px solid #2b2b2b;
margin-top: 10px;
padding: 7px;
clear: both;
overflow: hidden;
-moz-transition: all ease-in-out 0.6s;
-webkit-transition: all ease-in-out 0.6s;
-o-transition: all ease-in-out 0.6s;
transition: all ease-in-out 0.6s;
}

.topic ul.post_controls{ opacity: 0; }
.topic .post_wrap:hover ul.post_controls{ opacity: 1; }

ul.post_controls
li {
font-size: 11px;
float: right;
margin: 0;
padding: 0;
}

ul.post_controls li.report, ul.post_controls
li.top {
float: left;
}

ul.post_controls
a {

color: #f0f0f0;
text-shadow: rgba(0,0,0,0.5) 0px -1px 0px;
background: #1d1d1d url('{style_images_url}/highlight_faint.png') repeat-x 0 50%;
-webkit-box-shadow: inset rgba(40,40,40,0.1) 0px 0px 0px 1px, inset rgba(40,40,40,0.2) 0px 1px 0px;
-moz-box-shadow: inset rgba(40,40,40,0.1) 0px 0px 0px 1px, inset rgba(40,40,40,0.2) 0px 1px 0px;
box-shadow: inset rgba(40,40,40,0.1) 0px 0px 0px 1px, inset rgba(40,40,40,0.2) 0px 1px 0px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 50px;
height: 26px;
line-height: 26px;
padding: 0
7px;
text-decoration: none;
margin-left: 4px;
display: block;

}

ul.post_controls a:hover {

background-color: #404040;
background: #1d1d1d url('{style_images_url}/highlight_faint.png') repeat-x 0 50%;
color: #A11F1F;
border-radius: 50px;
}

ul.post_controls
a.ipsButton_secondary {
height: 24px;
line-height: 24px;
border-radius: 50px;
}

ul.post_controls li.multiquote.selected
a {
background: #80b03b url('{style_images_url}/highlight_faint.png') repeat-x 0 -1px;
color: #fff;
}

Înlocuie tot ce ai dat tu cu asta

Mulţumesc.

 a lot of bla bla bla...

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.