[Tutorial] Forums Redesign v2

[Elkaroo]

Astro. I love you.

[Bimps1002]

why is everything for chrome. brb going to try and make this opera friendly

EDIT: link for opera users

EDIT2: holy shit it actually works: instructions for opera:

1. download the addon

2. click on the thing on the top and click "Manage Styles"

3. click "New"

4. copypasta the script from the op in (or for lazys:[spoiler]

 

@font-face {
font-family: 'Dosis';
font-style: normal;
font-weight: 500;
src: local('Dosis Medium'), local('Dosis-Medium'), url(http://themes.googleusercontent.com/static/fonts/dosis/v1/A4RWZsncmJ25G8iqn2EHN_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
font-family: 'Dosis';
font-style: normal;
font-weight: 600;
src: local('Dosis SemiBold'), local('Dosis-SemiBold'), url(http://themes.googleusercontent.com/static/fonts/dosis/v1/f8qltGyj2S-SS_tsOHsjgfesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
font-family: 'Dosis';
font-style: normal;
font-weight: 700;
src: local('Dosis Bold'), local('Dosis-Bold'), url(http://themes.googleusercontent.com/static/fonts/dosis/v1/x-7NZTw0n-ypOAaIE8uSrvesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

.input_submit {
background: url("http://i.imgur.com/dY1Ru0G.png") center !important;
border:solid 1px white !important;
box-shadow:none !important;
transition:0.3s !important;
color:pink !important;
}

.input_submit:hover{
color:gold !important;
opacity:0.9 !important;
}




::selection{
background-color:rgba(255,102,0,0.5) !important;
color:rgba(30,144,255,1) !important;
}

::-moz-selection{
background-color:rgba(255,102,0,0.5) !important;
color:rgba(30,144,255,1) !important;
}

body{
font-family:'Dosis',sans-serif !important;
font-size:75% !important;
}

#ipboard_body{
background: url("http://pokemmo.eu/images/background-sky.jpg") no-repeat fixed
!important;

}

#branding{
background:transparent url("http://pokemmo.eu/images/background-header-footer.png") bottom !important;
margin-bottom:2px !important;


box-shadow:0px 5px 3px rgba(0,0,0,0.5) !important;
}

img[src*="https://forums.pokemmo.eu/public/style_images/master/logo.png"]{
background:transparent url("http://pokemmo.eu/images/pokemmo.png") bottom no-repeat !important;
width:0;
height:39px;
padding-right:292px;
margin-top:10px;
}

h3.maintitle{
background:transparent url("http://pokemmo.eu/images/background-header-footer.png") bottom !important;
border:none !important;
text-shadow:2px 2px 0px rgba(0,0,0,0.4) !important;
border-radius:5px !important;
}



#community_app_menu > li > a{
background:transparent url("http://pokemmo.eu/images/call-to-action-blue.png") center no-repeat !important;
border-radius:5px !important;
margin-left:2px;
transition:0.2s !important;


}

div.maintitle.clear.clearfix{
background:transparent url("http://pokemmo.eu/images/background-header-footer.png") bottom !important;
border:none !important;
text-shadow:2px 2px 0px rgba(0,0,0,0.4) !important;
border-radius:5px !important;
box-shadow:1px 1px 2px rgba(0,0,0,0.5) !important;
}

h3.row2{
border-bottom-left-radius:15px !important;
border-bottom-right-radius:15px !important;
background-color:rgb(115,172,227) !important;
color: orange !important;
box-shadow:1px 1px 2px rgba(0,0,0,0.5) !important;
}

span.author.vcard{
color:orange !important;
}

IMG.ipsUserPhoto.ipsUserPhoto_large{
border:solid 1px orange !important;
border-radius:5px !important;
box-shadow:1.5px 1.5px 2px rgba(0,0,0,0.3) !important;
}

#community_app_menu > li > a:hover{
font-size:110% !important;
box-shadow: 1px 1px 0px rgba(0,0,0,0.5) !important;
}
#community_app_menu > li.active > a{
background: transparent url("http://i.imgur.com/u4j6MNg.png") center !important;
}

h3#anonymous_element_76{
background:transparent url("http://pokemmo.eu/images/background-header-footer.png") bottom !important;
color:white !important;
font-family:'Dosis', sans-serif !important;

}


#content.clearfix{
background:rgba(255,255,255,0.5) !important;
}

#primary_nav.clearfix{
background:transparent url("http://i.imgur.com/wgvMRSL.png") bottom !important;
box-shadow: 0px 5px 5px rgba(0,0,0,0.5) !important;
margin-bottom:5px !important;
height:35px !important;
border-bottom-left-radius:10px !important;
border-bottom-right-radius:10px !important;

}

div.ipsBox{
background: rgba(255,255,255,0.5) !important;
}

.topic_buttons li a{
background: url("http://i.imgur.com/dY1Ru0G.png") center !important;
border:solid 1px white !important;
box-shadow:none !important;
transition:0.3s !important;
color:pink !important;
}

.topic_buttons li a:hover{
color:gold !important;
opacity:0.9 !important;
}

td.col_f_content{
background:rgba(255,255,255,0.4) !important;
}

div.ipsFilterbar.maintitle{
background:transparent url("http://pokemmo.eu/images/background-header-footer.png") bottom !important;
border:none !important;
box-shadow:none !important;
border-radius:5px !important;
text-shadow:2px 2px 0px rgba(0,0,0,0.4) !important;

}

 

[/spoiler])

6. you can name it, then click out of the box and click save.

 

YAYAYAYAYAYAYYAYAYAYAYAYYAYAY

EDIT3: you don't need to do the starting with, it automatically does it.

EDIT4: actually you can do the starting with, if you don't want this swankass font for every webpage. click in the box "URL Prefixes" and paste in 

https://forums.pokemmo.eu
 

[AstroSpud]

Fixed a bug with Chrome where one of the orange buttons' background wasn't showing. Go ahead and repaste the code.

[Bimps1002]

astrospud, please have the instructions and the link to the addon in the op. kthx

[AstroSpud]

astrospud, please have the instructions and the link to the addon in the op. kthx

Ok, if you say it works.

[Bimps1002]

Ok, if you say it works.

it does, and compared to the chrome version pictures, it is exactly the same. i also did the update, and i used the chrome script.

[AstroSpud]

it does, and compared to the chrome version pictures, it is exactly the same. i also did the update, and i used the chrome script.

So, would it be ok if I just said "Basically the same for Opera"?

[Bimps1002]

So, would it be ok if I just said "Basically the same for Opera"?

maybe, and you can rewrite my instructions. though it is kind of different.

[AstroSpud]

If you'd like to make a proper tutorial, feel free. I don't have Opera and don't feel like installing it just to make a tutorial as it seems to be quite a minority.

[Bimps1002]

okay, i will do it tomorrow

[JWingWangWong]

Opera is on my Wii will it work?

[CodyMKW]

Added tutorial for chrome

Thanks it works now and looks great nice job making it!  :wub:

[AstroSpud]

Opera is on my Wii will it work?

If you can install the add-on, why not?

[Bimps1002]

Opera is on my Wii will it work?

no, you can not add addons on wii, i think. if their is addons in there, try it out!

[Tetz]

+1

 

Thanks, dude.

[Bimps1002]

spud, the first post must have fucked up while you were editing it, it happened to me too once.

 

EDIT: please put the opera tutorial back

[AstroSpud]

spud, the first post must have fucked up while you were editing it, it happened to me too once.

 

EDIT: please put the opera tutorial back

I fixed it. I was pasting in an update, so yeah go ahead and update. Just a few small things.

[Bimps1002]

please put my tutorial back instead of saying its just like chrome

[TheOriginal]

Chrome problems

[Bimps1002]

Chrome problems

did you copy and paste the script in the chrome tutorial? the firefox script will not work

 

EDIT: please put the script back in the opera tutorial astro...

[Evesa]

Chrome problems

 

Yep, same for me on chrome.

[Bimps1002]

can one of you please what you did, detailed as much as you can please

[TheOriginal]

I did why the OP put said for chrome

[CodyMKW]

can one of you please what you did, detailed as much as you can please

I followed the Chrome tutorial exactly and it worked for me

[Bimps1002]

you spelled the url right, right? put in forums.pokemmo.eu for urls starting with