New Crossfire Design

by spyke • 5 Apr 2008, 10:31 • Journals
Hi all,

is it possible for Opera-Users to make the Design like that?

image: cf2ko5

Help plz!
Comments
29
▼
huumeantti 5 Apr 2008, 11:33
yes, aslong as you have the .css script of the design
▼
spyke 5 Apr 2008, 11:34
You mean this?

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("crossfire.nu"),
url("http://www.crossfire.nu"),
url-prefix("http://crossfire.nu/?x=news")
{
body
{
background: #333333 !important;
}
}

.SexyWhiteBG a:link { color:#AE1601 !important; text-decoration: none !important; }

.SexyWhiteBG a:visited { color:#AE1601 !important; text-decoration: none !important; }

.SexyWhiteBG a:hover { color:#000 !important; text-decoration: none !important; }


#banner { background:#302E2F url(http://elitepicturehost.com/up_imgs/img_a8d22c94d6a445d629313d9f544336fa.jpg) no-repeat !important; }

.SexyWhiteBG { background:#e2e2e2 !important; border-bottom:7px solid #333 !important; padding-left:8px !important; }

.SexyWhiteHeader { border:2px solid #fff !important; background:#333 !important; }

.SexyWhiteBGNews { background:#333 !important; }

.SexyColumnList { background:#fff !important; padding:1px !important; border:4px solid #555 !important; width:612px !important; margin-bottom:3px !important; margin-top:3px !important; }

.SexyColumnList A:link, .SexyColumnList A:visited { color:#AE1601 !important; }

.SexyColumnList A:hover { color:#333 !important; }

.SexyContent A:link, .SexyContent A:visited { color:#AE1601 !important; }

.SexyContent A:hover { color:#333 !important; }

.SexyTable { border:1px solid #fff !important; background:#fff !important; }

#navContainer { padding-top:2px !important; }


.sepMenu, .nosepMenu { !important; padding:2px 16px 2px 16px !important; line-height:18px !important; margin-right:15px !important; margin-top:2px !important; }

.sepMenu a:hover, .nosepMenu a:hover { color:#222 !important; }

.pagination a:link, .pagination a:visited { color:#FF4E00 !important; }

.pagination a:hover, .pagination { color:#ccc !important; }

.SexyFont { color:#fff !important; }

.SexyFont A:link { color:#FF4E00!important; }


I changed the color and the banner host (seems faster.. but still sucks ).
Parent
▼
shepherd 5 Apr 2008, 11:37
What was the addon called? Where i can copy-paste this?
Parent
▼
spyke 5 Apr 2008, 11:42
for firefox or opera?
Parent
▼
shepherd 5 Apr 2008, 11:42
FF
Parent
▼
spyke 5 Apr 2008, 11:46
d load this https://addons.mozilla.org/en-US/firefox/addon/2108
Parent
▼
shepherd 5 Apr 2008, 11:50
Thanks, it works :)
Parent
▼
spyke 5 Apr 2008, 11:52
np now you can make me leader in crossfire department ;-)
Parent
▼
eiM 5 Apr 2008, 11:46
stylish (name of addon)
Parent
▼
pumu 5 Apr 2008, 11:44
is it possible to use it for 1152 * 864 ??
with firefox!

thx u!
▼
spyke 5 Apr 2008, 11:45
dont know but with 1024x768 welcome backe is fucked up :/
Parent
▼
kRa 5 Apr 2008, 12:15
what is wrong?
Parent
▼
darnok 5 Apr 2008, 12:00
ask kyra
▼
clickstar 5 Apr 2008, 12:06
wtf you guys talking about?
▼
kRa 5 Apr 2008, 12:17
here you can find the newest version , fixed some bugs. http://userstyles.org/styles/6164
▼
spyke 5 Apr 2008, 12:24
no there is a bug ....
when you watching the news with a resolution of 1024x768 it looks like this

image: wtfyb2

And I dont know how it works for Opera cauz my mate is using this browser :/
Parent
▼
crumbs 5 Apr 2008, 12:29
have the same, is nice other than that
Parent
▼
kRa 5 Apr 2008, 12:34
You have to disable the ad next the columns, but i don't know how to disable it with opera

OR


@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("crossfire.nu"), url("http://www.crossfire.nu"),
domain("xfire.be"), url("http://www.xfire.be") {

body { background: #333333 !important; margin-top:-21px !important; }

.SexyWhiteBG a:link { color:#AE1601 !important; text-decoration: none !important; }

.SexyWhiteBG a:visited { color:#AE1601 !important; text-decoration: none !important; }

.SexyWhiteBG a:hover { color:#000 !important; text-decoration: none !important; }

#banner { background:url(http://img111.imageshack.us/img111/7848/cfnr3.jpg) no-repeat !important; }

.SexyWhiteBG { background:#e2e2e2 !important; border-bottom:6px solid #333 !important; padding-left:8px !important; }

.SexyWhiteHeader { border:2px solid #fff !important; background:#333 !important; }

.SexyWhiteBGNews { background:#333 !important; }

.SexyColumnList { background:#fff !important; border:4px solid #555 !important; margin:2px 0px 8px 0px !important; }

.SexyColumnList A:link, .SexyColumnList A:visited { color:#AE1601 !important; }

.SexyColumnList A:hover { color:#333 !important; }

.SexyContent A:link, .SexyContent A:visited { color:#AE1601 !important; }

.SexyContent A:hover { color:#333 !important; }

.SexyTable { border:1px solid #fff !important; background:#fff !important; }

#navContainer { padding-top:2px !important; }

.sepMenu, .nosepMenu { margin-top:6px !important; padding-left:20px !important; padding-right:20px !important; }

.sepMenu a:hover, .nosepMenu a:hover { color:#FF4E00 !important; }

.pagination a:link, .pagination a:visited { color:#FF4E00 !important; }

.pagination a:hover, .pagination { color:#ccc !important; }

.SexyFont { color:#999 !important; }

.SexyFont A:link { color:#FF4E00 !important; }
}
Parent
▼
spyke 5 Apr 2008, 12:36
no i mean that u must scroll to the left and the right thats the problem cauz looks very fucked up
Parent
▼
kRa 5 Apr 2008, 12:36
edited my comment above , use that code
Parent
▼
spyke 5 Apr 2008, 12:39
thanks....
You know how my mate can use this design with opera?
Parent
▼
kRa 5 Apr 2008, 12:42
Quote by mztkOpera: Create a .txt, paste the code into it and rename it to style.css. In Opera rightclick, Site specific preferences, display, own stylesheet and link to the previously created .css.
Parent
▼
spyke 5 Apr 2008, 12:52
dont work :-(
Parent
▼
kRa 5 Apr 2008, 12:53
http://userstyles.org/styles/6164 and tell him to press on "load as user script"
Parent
▼
spyke 5 Apr 2008, 12:56
can you upload the file plz :-/
Parent
Back to top