Change the style!

Here is where we ask YOU for your thoughts and ideas on the FU!UK content... Dead links, errors, or ideas you would like to help us develop... we'll take all suggestions to improve your online frothing experience!

Moderator: FU!UK Committee

Re: Change the style!

Postby Germy Bugger » Fri May 17, 2013 9:48 am

No we have randomly generated tits on every page. Different thing entirely :wry:
Image
User avatar
Germy Bugger
 
Posts: 1487
Joined: Tue May 22, 2007 11:49 am
Location: Anywhere but here

Re: Change the style!

Postby SaigonSaddler » Fri May 24, 2013 6:20 am

TITS
Image
Walsall FC - Pride of the Midlands!
User avatar
SaigonSaddler
 
Posts: 1238
Joined: Sun Apr 26, 2009 11:45 am
Location: Grotesque Font Urinator

Re: Change the style!

Postby ink the troll » Sun May 26, 2013 12:04 pm

A bit more reminiscent of what the forum used to look like.

Image
Image

Code: Select all
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain('frothersunite.com') {
body, #page-body {
font-family: Verdana, Helvetica, Arial, sans-serif !important;
line-height: 1.2em;
font-size: 12px;
color: rgb(255, 0, 0);
text-shadow: none !important;
background-color: #000000!important;
}

div.forabg, div.forumbg, div.panel-wrapper {
    background: transparent!important;
    padding: 6px;
}

.content a,
                .content a:visited {
color: rgb(255, 0, 0) !important;
font-weight: bold !important;
}

.content a:hover,
        .content a:active {
color: rgb(255, 0, 0) !important;
text-decoration: underline;
}

.post {
margin-left: 2em;
margin-right: 2em;
}

.post .inner {
background-color: rgb(230, 233, 231) !important;
}

.post .postbody {
float: right !important;
width: 82%  !important;
color: rgb(0, 0, 0);
}

.post .postbody .content {
font-size: 11pt !important;
font-family: Verdana, Helvetica, Arial, sans-serif !important;
text-shadow: none !important;
}

.post .postprofile {
float: left !important;
width: 16%  !important;
border-left: none;
border-right: 1px solid #ddd;
padding: 0 .5em;
font-family: Verdana, Helvetica, Arial, sans-serif !important;
font-weight: bold !important;
text-shadow: none !important;
}

.icon dt {
font-size: 9pt !important;
font-family: Verdana, Helvetica, Arial, sans-serif !important;
}

a.forumtitle {
font-weight: bold !important;
font-family: Verdana, Helvetica, Arial, sans-serif !important;
text-shadow: none !important;
color: rgb(255, 0, 0) !important;
}

a.forumtitle, a.topictitle {
font-size: 15px;
font-weight: bold !important;
text-shadow: none !important;
line-height: 1.28em;
color: rgb(0, 5, 0) !important;
}

.unread a.forumtitle, .unread a.forumtitle:visited, .unread a.topictitle, .unread a.topictitle:visited,
.reported a.topictitle, .reported a.topictitle:visited, .unapproved a.topictitle, .unapproved a.topictitle:visited {
color: rgb(255, 0, 0) !important;
}

li.header dt, li.header dd {
text-shadow: none!important;
font-weight: bold !important;
}

ul.topiclist {
font-weight: bold !important;
text-shadow: none!important;
color: rgb(180, 0, 0) !important;
}

ul.topiclist li.header a, ul.topiclist li.header a:visited {
    color: rgb(0, 5, 0) !important;
    text-decoration: underline;
    text-shadow: none!important;
    }

.postbody h3, .postbody h3 a, .postbody h3.first, .postbody h3.first a {
font-weight: bold !important;
font-family: Verdana, Helvetica, Arial, sans-serif !important;
color: rgb(255, 0, 0)!important;
text-shadow: none !important;
background-color: rgb(230, 233, 231);
}

.signature {
text-shadow: none !important;
font-family: Verdana, Helvetica, Arial, sans-serif !important;
font-weight: bold !important;
text-shadow: none!important;
background-color:rgb(222, 227, 231)!important;
}

.menu-buttons a span, #search-adv a span {
font-family: Verdana, Helvetica, Arial, sans-serif !important;
font-weight: bold !important;
text-shadow: none !important;
color: #FF0011 !important;
}

#search-box:hover input[type="text"], #search-box input[type="text"]:hover, #search-box input[type="text"]:focus {
    color: #0099ff !important;
}

.menu-buttons a:hover span, #search-adv a:hover span {
    background-position: 0px -40px;
    font-family: Verdana, Helvetica, Arial, sans-serif !important;
font-weight: bold !important;
text-shadow: none !important;
    color: #FF0011 !important;
}

.nav-links a span {
font-family: Verdana, Helvetica, Arial, sans-serif !important;
font-weight: bold !important;
text-shadow: none !important;
color: #FF0011 !important;
}

.nav-links a:hover span {
    background-position: 0px -40px;
    color: #FF0011 !important;
}

.buttons div a {
font-family: Verdana, Helvetica, Arial, sans-serif !important;
text-shadow: none !important;
}

#header ul#links li a {
font-family: Verdana, Helvetica, Arial, sans-serif !important;
font-weight: bold !important;
text-shadow: none !important;
color: #FF0011 !important;
}

#header div#frothzones h3 {
    font-size: 12px;
    color: #FF0011 !important;
    line-height: 1.2em;
    padding: 15px 5px;
}

}
sanity is for cowards

blogthingy
User avatar
ink the troll
 
Posts: 1208
Joined: Mon Aug 16, 2004 9:33 am
Location: walltown

Re: Change the style!

Postby Captain of Ark B. » Sun May 26, 2013 12:49 pm

Brilliant!

(How do I get it to do that) 0:)
Tony Reidy on Frothers wrote:...pissant little fucktards buzzing around being annoying.
User avatar
Captain of Ark B.
Committee Member
 
Posts: 2864
Joined: Thu May 01, 2003 10:16 am
Location: Meadow's Land

Re: Change the style!

Postby ink the troll » Sun May 26, 2013 2:21 pm

Links to the posts explaining how to change the look:

Firefox:
viewtopic.php?f=18&t=43400&start=40#p873038

Chrome:
viewtopic.php?f=18&t=43400&start=50#p873290

But insert this code (click 'select all', copy & paste):
Code: Select all
    @namespace url(http://www.w3.org/1999/xhtml);

    @-moz-document domain('frothersunite.com') {
    body, #page-body {
    font-family: Verdana, Helvetica, Arial, sans-serif !important;
    line-height: 1.2em;
    font-size: 12px;
    color: rgb(255, 0, 0);
    text-shadow: none !important;
    background-color: #000000!important;
    }

    div.forabg, div.forumbg, div.panel-wrapper {
        background: transparent!important;
        padding: 6px;
    }

    .content a,
                    .content a:visited {
    color: rgb(255, 0, 0) !important;
    font-weight: bold !important;
    }

    .content a:hover,
            .content a:active {
    color: rgb(255, 0, 0) !important;
    text-decoration: underline;
    }

    .post {
    margin-left: 2em;
    margin-right: 2em;
    }

    .post .inner {
    background-color: rgb(230, 233, 231) !important;
    }

    .post .postbody {
    float: right !important;
    width: 82%  !important;
    color: rgb(0, 0, 0);
    }

    .post .postbody .content {
    font-size: 11pt !important;
    font-family: Verdana, Helvetica, Arial, sans-serif !important;
    text-shadow: none !important;
    }

    .post .postprofile {
    float: left !important;
    width: 16%  !important;
    border-left: none;
    border-right: 1px solid #ddd;
    padding: 0 .5em;
    font-family: Verdana, Helvetica, Arial, sans-serif !important;
    font-weight: bold !important;
    text-shadow: none !important;
    }

    .icon dt {
    font-size: 9pt !important;
    font-family: Verdana, Helvetica, Arial, sans-serif !important;
    }

    a.forumtitle {
    font-weight: bold !important;
    font-family: Verdana, Helvetica, Arial, sans-serif !important;
    text-shadow: none !important;
    color: rgb(255, 0, 0) !important;
    }

    a.forumtitle, a.topictitle {
    font-size: 15px;
    font-weight: bold !important;
    text-shadow: none !important;
    line-height: 1.28em;
    color: rgb(0, 5, 0) !important;
    }

    .unread a.forumtitle, .unread a.forumtitle:visited, .unread a.topictitle, .unread a.topictitle:visited,
    .reported a.topictitle, .reported a.topictitle:visited, .unapproved a.topictitle, .unapproved a.topictitle:visited {
    color: rgb(255, 0, 0) !important;
    }

    li.header dt, li.header dd {
    text-shadow: none!important;
    font-weight: bold !important;
    }

    ul.topiclist {
    font-weight: bold !important;
    text-shadow: none!important;
    color: rgb(180, 0, 0) !important;
    }

    ul.topiclist li.header a, ul.topiclist li.header a:visited {
        color: rgb(0, 5, 0) !important;
        text-decoration: underline;
        text-shadow: none!important;
        }

    .postbody h3, .postbody h3 a, .postbody h3.first, .postbody h3.first a {
    font-weight: bold !important;
    font-family: Verdana, Helvetica, Arial, sans-serif !important;
    color: rgb(255, 0, 0)!important;
    text-shadow: none !important;
    background-color: rgb(230, 233, 231);
    }

    .signature {
    text-shadow: none !important;
    font-family: Verdana, Helvetica, Arial, sans-serif !important;
    font-weight: bold !important;
    text-shadow: none!important;
    background-color:rgb(222, 227, 231)!important;
    }

    .menu-buttons a span, #search-adv a span {
    font-family: Verdana, Helvetica, Arial, sans-serif !important;
    font-weight: bold !important;
    text-shadow: none !important;
    color: #FF0011 !important;
    }

    #search-box:hover input[type="text"], #search-box input[type="text"]:hover, #search-box input[type="text"]:focus {
        color: #0099ff !important;
    }

    .menu-buttons a:hover span, #search-adv a:hover span {
        background-position: 0px -40px;
        font-family: Verdana, Helvetica, Arial, sans-serif !important;
    font-weight: bold !important;
    text-shadow: none !important;
        color: #FF0011 !important;
    }

    .nav-links a span {
    font-family: Verdana, Helvetica, Arial, sans-serif !important;
    font-weight: bold !important;
    text-shadow: none !important;
    color: #FF0011 !important;
    }

    .nav-links a:hover span {
        background-position: 0px -40px;
        color: #FF0011 !important;
    }

    .buttons div a {
    font-family: Verdana, Helvetica, Arial, sans-serif !important;
    text-shadow: none !important;
    }

    #header ul#links li a {
    font-family: Verdana, Helvetica, Arial, sans-serif !important;
    font-weight: bold !important;
    text-shadow: none !important;
    color: #FF0011 !important;
    }

    #header div#frothzones h3 {
        font-size: 12px;
        color: #FF0011 !important;
        line-height: 1.2em;
        padding: 15px 5px;
    }

    }


.:edit:.
will post the code stuff for chrome later

.:edit#2:.

code for Chrome

Code: Select all
#page-body {
    font-family: Verdana, Helvetica, Arial, sans-serif ;
    line-height: 1.2em;
    font-size: 10px;
    color: rgb(255, 0, 0);
    text-shadow: none ;
    background-color: #000000;
}

div.forabg, div.forumbg, div.panel-wrapper {
    background: transparent;
    padding: 6px;
}

.content a, .content a:visited {
    color: rgb(255, 0, 0) ;
    font-weight: bold ;
}

.content a:hover, .content a:active {
    color: rgb(255, 0, 0) ;
    text-decoration: underline;
}

.post {
    margin-left: 2em;
    margin-right: 2em;
}

.post .inner {
    background-color: rgb(230, 233, 231) ;
}

.post .postbody {
    float: right ;
    width: 82%  ;
    color: rgb(0, 0, 0);
}

.post .postbody .content {
    font-size: 10pt ;
    font-family: Verdana, Helvetica, Arial, sans-serif ;
    text-shadow: none ;
}

.post .postprofile {
    float: left ;
    width: 16%  ;
    border-left: none;
    border-right: 1px solid #ddd;
    padding: 0 .5em;
    font-family: Verdana, Helvetica, Arial, sans-serif ;
    font-weight: bold ;
    text-shadow: none ;
}

.icon dt {
    font-size: 9pt ;
    font-family: Verdana, Helvetica, Arial, sans-serif ;
}

a.forumtitle {
    font-weight: bold ;
    font-family: Verdana, Helvetica, Arial, sans-serif ;
    text-shadow: none ;
    color: rgb(255, 0, 0) ;
}

a.forumtitle, a.topictitle {
    font-size: 12px;
    font-weight: bold ;
    text-shadow: none ;
    line-height: 1.28em;
    color: rgb(0, 5, 0) ;
}

.unread a.forumtitle, .unread a.forumtitle:visited, .unread a.topictitle, .unread a.topictitle:visited, .reported a.topictitle, .reported a.topictitle:visited, .unapproved a.topictitle, .unapproved a.topictitle:visited {
    color: rgb(255, 0, 0) ;
}

li.header dt, li.header dd {
    text-shadow: none;
    font-weight: bold ;
}

ul.topiclist {
    font-weight: bold ;
    text-shadow: none;
    color: rgb(180, 0, 0) ;
}

ul.topiclist li.header a, ul.topiclist li.header a:visited {
    color: rgb(0, 5, 0) ;
    text-decoration: underline;
    text-shadow: none;
}

.postbody h3, .postbody h3 a, .postbody h3.first, .postbody h3.first a {
    font-weight: bold ;
    font-family: Verdana, Helvetica, Arial, sans-serif ;
    color: rgb(255, 0, 0);
    text-shadow: none ;
    background-color: rgb(230, 233, 231);
}

.signature {
    text-shadow: none;
    font-family: Verdana, Helvetica, Arial, sans-serif ;
    font-weight: bold ;
    background-color: rgb(222, 227, 231);
}

.menu-buttons a span, #search-adv a span {
    font-family: Verdana, Helvetica, Arial, sans-serif ;
    font-weight: bold ;
    text-shadow: none ;
    color: #FF0011 ;
}

#search-box:hover input[type="text"], #search-box input[type="text"]:hover, #search-box input[type="text"]:focus {
    color: #0099ff ;
}

.menu-buttons a:hover span, #search-adv a:hover span {
    background-position: 0px -40px;
    font-family: Verdana, Helvetica, Arial, sans-serif ;
    font-weight: bold ;
    text-shadow: none ;
    color: #FF0011 ;
}

.nav-links a span {
    font-family: Verdana, Helvetica, Arial, sans-serif ;
    font-weight: bold ;
    text-shadow: none ;
    color: #FF0011 ;
}

.nav-links a:hover span {
    background-position: 0px -40px;
    color: #FF0011 ;
}

.buttons div a {
    font-family: Verdana, Helvetica, Arial, sans-serif ;
    text-shadow: none ;
}

#header ul#links li a {
    font-family: Verdana, Helvetica, Arial, sans-serif ;
    font-weight: bold ;
    text-shadow: none ;
    color: #FF0011 ;
}

#header div#frothzones h3 {
    font-size: 12px;
    color: #FF0011 ;
    line-height: 1.2em;
    padding: 15px 5px;
}

sanity is for cowards

blogthingy
User avatar
ink the troll
 
Posts: 1208
Joined: Mon Aug 16, 2004 9:33 am
Location: walltown

Re: Change the style!

Postby Captain of Ark B. » Sun May 26, 2013 3:11 pm

And at the risk of sounding like Christopher Biggins... What about those us 'On Safari'?

(Firefox at work, so I can do that, ta)
Tony Reidy on Frothers wrote:...pissant little fucktards buzzing around being annoying.
User avatar
Captain of Ark B.
Committee Member
 
Posts: 2864
Joined: Thu May 01, 2003 10:16 am
Location: Meadow's Land

Re: Change the style!

Postby ink the troll » Sun May 26, 2013 3:57 pm

There is an extension called 'stylish' available for Safari as well.
Install that. There now should be a button with an [S] close to your address bar (or whatever it might be called in Safari).
Click the [S], a little drop down menu will open. Choose 'manage'.
Click 'edit':
Image
Title: what you want to call the style
CSS: this is where you put the code*
Applies to: choose 'Domain', into the empty space next to domain type: frothersunite.com, click 'add rule'.
Click 'save style'



*
Code: Select all
#page-body {
    font-family: Verdana, Helvetica, Arial, sans-serif ;
    line-height: 1.2em;
    font-size: 10px;
    color: rgb(255, 0, 0);
    text-shadow: none ;
    background-color: #000000;
}

div.forabg, div.forumbg, div.panel-wrapper {
    background: transparent;
    padding: 6px;
}

.content a, .content a:visited {
    color: rgb(255, 0, 0) ;
    font-weight: bold ;
}

.content a:hover, .content a:active {
    color: rgb(255, 0, 0) ;
    text-decoration: underline;
}

.post {
    margin-left: 2em;
    margin-right: 2em;
}

.post .inner {
    background-color: rgb(230, 233, 231) ;
}

.post .postbody {
    float: right ;
    width: 82%  ;
    color: rgb(0, 0, 0);
}

.post .postbody .content {
    font-size: 10pt ;
    font-family: Verdana, Helvetica, Arial, sans-serif ;
    text-shadow: none ;
}

.post .postprofile {
    float: left ;
    width: 16%  ;
    border-left: none;
    border-right: 1px solid #ddd;
    padding: 0 .5em;
    font-family: Verdana, Helvetica, Arial, sans-serif ;
    font-weight: bold ;
    text-shadow: none ;
}

.icon dt {
    font-size: 9pt ;
    font-family: Verdana, Helvetica, Arial, sans-serif ;
}

a.forumtitle {
    font-weight: bold ;
    font-family: Verdana, Helvetica, Arial, sans-serif ;
    text-shadow: none ;
    color: rgb(255, 0, 0) ;
}

a.forumtitle, a.topictitle {
    font-size: 12px;
    font-weight: bold ;
    text-shadow: none ;
    line-height: 1.28em;
    color: rgb(0, 5, 0) ;
}

.unread a.forumtitle, .unread a.forumtitle:visited, .unread a.topictitle, .unread a.topictitle:visited, .reported a.topictitle, .reported a.topictitle:visited, .unapproved a.topictitle, .unapproved a.topictitle:visited {
    color: rgb(255, 0, 0) ;
}

li.header dt, li.header dd {
    text-shadow: none;
    font-weight: bold ;
}

ul.topiclist {
    font-weight: bold ;
    text-shadow: none;
    color: rgb(180, 0, 0) ;
}

ul.topiclist li.header a, ul.topiclist li.header a:visited {
    color: rgb(0, 5, 0) ;
    text-decoration: underline;
    text-shadow: none;
}

.postbody h3, .postbody h3 a, .postbody h3.first, .postbody h3.first a {
    font-weight: bold ;
    font-family: Verdana, Helvetica, Arial, sans-serif ;
    color: rgb(255, 0, 0);
    text-shadow: none ;
    background-color: rgb(230, 233, 231);
}

.signature {
    text-shadow: none;
    font-family: Verdana, Helvetica, Arial, sans-serif ;
    font-weight: bold ;
    background-color: rgb(222, 227, 231);
}

.menu-buttons a span, #search-adv a span {
    font-family: Verdana, Helvetica, Arial, sans-serif ;
    font-weight: bold ;
    text-shadow: none ;
    color: #FF0011 ;
}

#search-box:hover input[type="text"], #search-box input[type="text"]:hover, #search-box input[type="text"]:focus {
    color: #0099ff ;
}

.menu-buttons a:hover span, #search-adv a:hover span {
    background-position: 0px -40px;
    font-family: Verdana, Helvetica, Arial, sans-serif ;
    font-weight: bold ;
    text-shadow: none ;
    color: #FF0011 ;
}

.nav-links a span {
    font-family: Verdana, Helvetica, Arial, sans-serif ;
    font-weight: bold ;
    text-shadow: none ;
    color: #FF0011 ;
}

.nav-links a:hover span {
    background-position: 0px -40px;
    color: #FF0011 ;
}

.buttons div a {
    font-family: Verdana, Helvetica, Arial, sans-serif ;
    text-shadow: none ;
}

#header ul#links li a {
    font-family: Verdana, Helvetica, Arial, sans-serif ;
    font-weight: bold ;
    text-shadow: none ;
    color: #FF0011 ;
}

#header div#frothzones h3 {
    font-size: 12px;
    color: #FF0011 ;
    line-height: 1.2em;
    padding: 15px 5px;
}
sanity is for cowards

blogthingy
User avatar
ink the troll
 
Posts: 1208
Joined: Mon Aug 16, 2004 9:33 am
Location: walltown

Re: Change the style!

Postby Hermit » Wed Jun 19, 2013 8:04 pm

Eh? Why is the forum style suddenly blue, with everything arse about face, before you log-in, but changes to grey after you do? :?
User avatar
Hermit
 
Posts: 1538
Joined: Wed Mar 01, 2006 1:30 pm
Location: West Yorkshire

Re: Change the style!

Postby Duff » Wed Jun 19, 2013 8:12 pm

Because there are changes afoot. Go to Board preferences and change to Artodia: Froth. Save and prepare to cry with joy.

Why the forum is blue when you're not logged in though, is a mystery known only to Almighty Doc.
broney wrote:You weren't there man! How many stiles are there on the Offa's Dyke Walk? You don't know Man!


Image
User avatar
Duff
Associate Member
 
Posts: 5553
Joined: Wed Sep 22, 2004 12:08 am
Location: Nr Brizel

Re: Change the style!

Postby Hermit » Wed Jun 19, 2013 8:23 pm

Hmmm...black background! :D It's still got grey headers, but it's miles better than before. It only needs bigger avatars and everything will be fine :)

I think the blue pro-silver one shows because it's set as the default one. That style only needs removing from the list and the new froth one set as default.
User avatar
Hermit
 
Posts: 1538
Joined: Wed Mar 01, 2006 1:30 pm
Location: West Yorkshire

PreviousNext

Return to Frother Feedback Box

Who is online

Users browsing this forum: No registered users and 2 guests