• Daily Support was created for Forumotion support, troubleshooting your problems with your computer, with your network or with your life. We offer graphic design services like graphic creations, good tutorials and many others! I hope you like this theme, i worked a lot to make it.
    Look at our new code! This is a nice loading screen for all versions Very Happy Read more
    Look at our new code! This is a nice Windows 8 Styled navigation bar! Read more
    Look at our new code! This is a code for partner, similary to our partner script! You have to choose your forum version, from the next list...Read more.
Daily Support ™

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


You are not connected. Please login or register

Daily Support ™ » Forumotion » Other forum problems » Other forum problems arhchives » [solved]Help with making spoiler, quote and code looking better

[solved]Help with making spoiler, quote and code looking better

View previous topic View next topic Go down  Message [Page 1 of 1]

1[solved]Help with making spoiler, quote and code looking better Empty [solved]Help with making spoiler, quote and code looking better
Wed Aug 14, 2013 3:55 am
RsS.YuGi

RsS.YuGi

DailySupport Level 1
DailySupport Level 1
RsS.YuGi
RsS.YuGi
Posts : 38
Daily Points : 49
Likes : 1
Warns : No warnings
phpBB2
Hello Daily Support,

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


2[solved]Help with making spoiler, quote and code looking better Empty Re: [solved]Help with making spoiler, quote and code looking better
Wed Aug 14, 2013 5:03 am
Dishonored

Dishonored

Webmaster

Webmaster
Dishonored
Dishonored
Posts : 450
Daily Points : 735
Likes : 34
Warns : No warnings
punBB
Well, i should make a profile field with forum version.
Can you tell me what version of forum you use? Thanks!




[solved]Help with making spoiler, quote and code looking better Zsx1v6i
3[solved]Help with making spoiler, quote and code looking better Empty Re: [solved]Help with making spoiler, quote and code looking better
Wed Aug 14, 2013 7:47 am
RsS.YuGi

RsS.YuGi

DailySupport Level 1
DailySupport Level 1
RsS.YuGi
RsS.YuGi
Posts : 38
Daily Points : 49
Likes : 1
Warns : No warnings
phpBB2
I'm using phpBB2 D:


4[solved]Help with making spoiler, quote and code looking better Empty Re: [solved]Help with making spoiler, quote and code looking better
Wed Aug 14, 2013 11:40 am
Trenmor

Trenmor

Support Moderator

Support Moderator
Trenmor
Trenmor
Posts : 146
Daily Points : 177
Likes : 9
Warns : No warnings
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 Wink

-Trenmor




Cool Part of your Daily Support Team! Cool 
No Support Given Via PM Exclamation 
5[solved]Help with making spoiler, quote and code looking better Empty Re: [solved]Help with making spoiler, quote and code looking better
Wed Aug 14, 2013 10:10 pm
RsS.YuGi

RsS.YuGi

DailySupport Level 1
DailySupport Level 1
RsS.YuGi
RsS.YuGi
Posts : 38
Daily Points : 49
Likes : 1
Warns : No warnings
phpBB2
imma just wait Lego's reply =DD


6[solved]Help with making spoiler, quote and code looking better Empty Re: [solved]Help with making spoiler, quote and code looking better
Thu Aug 15, 2013 2:30 am
Dishonored

Dishonored

Webmaster

Webmaster
Dishonored
Dishonored
Posts : 450
Daily Points : 735
Likes : 34
Warns : No warnings
punBB
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 Wink

-Trenmor
Are you kidding me ? This is support moderator's job, not coder's job.

RsS, please add in your CSS :
Code:

.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;
}
I don't know how you want them.. so... Very Happy

By the way, on phpBB2 they are not so personalizable.. Sad




[solved]Help with making spoiler, quote and code looking better Zsx1v6i
7[solved]Help with making spoiler, quote and code looking better Empty Re: [solved]Help with making spoiler, quote and code looking better
Thu Aug 15, 2013 10:16 am
RsS.YuGi

RsS.YuGi

DailySupport Level 1
DailySupport Level 1
RsS.YuGi
RsS.YuGi
Posts : 38
Daily Points : 49
Likes : 1
Warns : No warnings
phpBB2
Alright, they'll do for now.. I need to edit few things on them :DD

thanks and solved!


8[solved]Help with making spoiler, quote and code looking better Empty Re: [solved]Help with making spoiler, quote and code looking better
Fri Aug 16, 2013 6:34 am
Trenmor

Trenmor

Support Moderator

Support Moderator
Trenmor
Trenmor
Posts : 146
Daily Points : 177
Likes : 9
Warns : No warnings
Okay! Locked & Archived.

-Trenmor




Cool Part of your Daily Support Team! Cool 
No Support Given Via PM Exclamation 
9[solved]Help with making spoiler, quote and code looking better Empty Re: [solved]Help with making spoiler, quote and code looking better

Sponsored content

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

Daily Support ™ » Forumotion » Other forum problems » Other forum problems arhchives » [solved]Help with making spoiler, quote and code looking better

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