So from the title I need some css codes to make them looking better than the basic standard ones forumotion provides
=DD thanks for helping
Tutorials, protection, discussions, graphic design, forumotion help, codes, gaming, roleplay, counter-strike 1.6, metin2, mt2, cs 1.6, cs 1.6 codes, mt2 codes, powerfull forum
RsS.YuGi
DailySupport Level 1![]() | RsS.YuGi Posts : 38Daily Points : 49 Likes : 1 Warns : ![]() ![]() |
Dishonored
![]() | Dishonored Posts : 450Daily Points : 735 Likes : 34 Warns : ![]() ![]() |
RsS.YuGi
DailySupport Level 1![]() | RsS.YuGi Posts : 38Daily Points : 49 Likes : 1 Warns : ![]() ![]() |
Trenmor
![]() | Trenmor Posts : 146Daily Points : 177 Likes : 9 Warns : ![]() |
RsS.YuGi
DailySupport Level 1![]() | RsS.YuGi Posts : 38Daily Points : 49 Likes : 1 Warns : ![]() ![]() |
Dishonored
![]() | Dishonored Posts : 450Daily Points : 735 Likes : 34 Warns : ![]() ![]() |
Are you kidding me ? This is support moderator's job, not coder's job.Trenmor wrote:Can i ask, Why hasn't this not been solved. I will mark it as pending, and put up a staff notice. You could pm Luiz187, as he is a coder, remembering to give him enough information he can help you
-Trenmor
.code{
margin: 20px auto!important;
width: 720px!important;
min-height: 120px!important;
padding: 10px!important;
position:relative!important;
background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#fff), to(#f3f3f3), color-stop(.1,#fff))!important;
border-top: 1px solid #ccc!important;
border-right: 1px solid #ccc!important;
border-left: 1px solid #ccc!important;
-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2)!important;
}
.code:before {
content: ''!important;
position: absolute!important;
width: 100px!important;
height: 30px!important;
border-left: 1px dashed rgba(0, 0, 0, 0.1)!important;
border-right: 1px dashed rgba(0, 0, 0, 0.1)!important;
background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)))!important;
-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2)!important;
-webkit-transform: translate(-50px,10px) skew(10deg,10deg) rotate(-50deg);
top: -20px;
}
.code:after {
content: '';
position: absolute;
right: 0;
bottom: 0;
width: 100px;
height: 30px;
background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
border-left: 1px dashed rgba(0, 0, 0, 0.1);
border-right: 1px dashed rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
-webkit-transform: translate(50px,-20px) skew(10deg,10deg) rotate(-50deg);
top: 20px;
}
.quote{
margin: 20px auto!important;
width: 720px!important;
min-height: 120px!important;
padding: 10px!important;
position:relative!important;
background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#fff), to(#f3f3f3), color-stop(.1,#fff))!important;
border-top: 1px solid #ccc!important;
border-right: 1px solid #ccc!important;
border-left: 1px solid #ccc!important;
-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2)!important;
}
.quote:before {
content: ''!important;
position: absolute!important;
width: 100px!important;
height: 30px!important;
border-left: 1px dashed rgba(0, 0, 0, 0.1)!important;
border-right: 1px dashed rgba(0, 0, 0, 0.1)!important;
background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)))!important;
-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2)!important;
-webkit-transform: translate(-50px,10px) skew(10deg,10deg) rotate(-50deg);
top: -20px;
}
.quote:after {
content: '';
position: absolute;
right: 0;
bottom: 0;
width: 100px;
height: 30px;
background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
border-left: 1px dashed rgba(0, 0, 0, 0.1);
border-right: 1px dashed rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
-webkit-transform: translate(50px,-20px) skew(10deg,10deg) rotate(-50deg);
top: 20px;
}
.spoiler{
margin: 20px auto!important;
width: 720px!important;
min-height: 120px!important;
padding: 10px!important;
position:relative!important;
background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#fff), to(#f3f3f3), color-stop(.1,#fff))!important;
border-top: 1px solid #ccc!important;
border-right: 1px solid #ccc!important;
border-left: 1px solid #ccc!important;
-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2)!important;
}
.spoiler:before {
content: ''!important;
position: absolute!important;
width: 100px!important;
height: 30px!important;
border-left: 1px dashed rgba(0, 0, 0, 0.1)!important;
border-right: 1px dashed rgba(0, 0, 0, 0.1)!important;
background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)))!important;
-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2)!important;
-webkit-transform: translate(-50px,10px) skew(10deg,10deg) rotate(-50deg);
top: -20px;
}
.spoiler:after {
content: '';
position: absolute;
right: 0;
bottom: 0;
width: 100px;
height: 30px;
background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
border-left: 1px dashed rgba(0, 0, 0, 0.1);
border-right: 1px dashed rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
-webkit-transform: translate(50px,-20px) skew(10deg,10deg) rotate(-50deg);
top: 20px;
}
RsS.YuGi
DailySupport Level 1![]() | RsS.YuGi Posts : 38Daily Points : 49 Likes : 1 Warns : ![]() ![]() |
Trenmor
![]() | Trenmor Posts : 146Daily Points : 177 Likes : 9 Warns : ![]() |
Sponsored content
Sponsored content |
Daily Support ™ » Forumotion » Other forum problems » Other forum problems arhchives » [solved]Help with making spoiler, quote and code looking better
Similar topics
Permissions in this forum:
You cannot reply to topics in this forum
|
|