• 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

[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
on Wed Aug 14, 2013 3:55 am
avatar

RsS.YuGi

DailySupport Level 1
DailySupport Level 1
avatar
Posts : 38
Daily Points : 49
Likes : 1
Warns : No warnings
phpBB2
View user profile
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 Re: [solved]Help with making spoiler, quote and code looking better
on Wed Aug 14, 2013 5:03 am
avatar

Dishonored

Webmaster

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





3 Re: [solved]Help with making spoiler, quote and code looking better
on Wed Aug 14, 2013 7:47 am
avatar

RsS.YuGi

DailySupport Level 1
DailySupport Level 1
avatar
Posts : 38
Daily Points : 49
Likes : 1
Warns : No warnings
phpBB2
View user profile
I'm using phpBB2 D:


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

Trenmor

Support Moderator

Support Moderator
avatar
Posts : 146
Daily Points : 177
Likes : 9
Warns : No warnings
View user profile
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 Re: [solved]Help with making spoiler, quote and code looking better
on Wed Aug 14, 2013 10:10 pm
avatar

RsS.YuGi

DailySupport Level 1
DailySupport Level 1
avatar
Posts : 38
Daily Points : 49
Likes : 1
Warns : No warnings
phpBB2
View user profile
imma just wait Lego's reply =DD


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

Dishonored

Webmaster

Webmaster
avatar
Posts : 450
Daily Points : 735
Likes : 34
Warns : No warnings
punBB
View user profile
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





7 Re: [solved]Help with making spoiler, quote and code looking better
on Thu Aug 15, 2013 10:16 am
avatar

RsS.YuGi

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

thanks and solved!


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

Trenmor

Support Moderator

Support Moderator
avatar
Posts : 146
Daily Points : 177
Likes : 9
Warns : No warnings
View user profile
Okay! Locked & Archived.

-Trenmor




Cool Part of your Daily Support Team! Cool 
No Support Given Via PM Exclamation 


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

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